:root {
    --ColorMain: #0c0c0c;
    --ColorBlock: #151515;
    --ColorTextDefault: #ecefff;
    --ColorTextGreyDefault: #e0e0e0;
    --100: 100%;
    --FontSemiBold: "Proxima SemiBold";
    --FontExtraBold: "Proxima ExtraBold";
}

::-webkit-scrollbar {
    height: 2px;
    width: 2px;
}

::-webkit-scrollbar-button {
    background-repeat: no-repeat;
    width: 2px;
    height: 0px;
}

::-webkit-scrollbar-track {
    background-color: #323232;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #6c6c6c;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #b36eeb;
}

::-webkit-resizer {
    background-repeat: no-repeat;
    width: 1px;
    height: 0px;
}

@font-face {
    font-family: "Proxima ExtraBold";
    src: url(/Waste/Fonts/ProximaNova-Extrabld.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Proxima SemiBold";
    src: url(/Waste/Fonts/ProximaNova-Semibold.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "RFKrabuler";
    src: url(/Waste/Fonts/RFKrabuler.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Gagalin";
    src: url(/Waste/Fonts/Gagalin.otf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "NewFontBrands";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/Waste/Fonts/NewFontBrands.woff2") format("woff2"), url("/Waste/Fonts/NewFontBrands.ttf") format("truetype");
}

@font-face {
    font-family: "NewFontBrandsSolid";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/Waste/Fonts/NewFontBrandsSolid.woff2") format("woff2"), url("/Waste/Fonts/NewFontBrandsSolid.ttf") format("truetype");
}

@font-face {
    font-family: "Font";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/Waste/Fonts/Font.woff2") format("woff2"), url("/Waste/Fonts/Font.ttf") format("truetype");
}

input, textarea, textarea:active {
    outline: none;
    resize: none;
    color: #eceff4;
}

textarea:-moz-placeholder, textarea::-webkit-input-placeholder {
    font-size: 15px;
    color: #c4c4c4;
    -webkit-user-select: none;
}

input::placeholder {
    color: #8e9fa7;
    user-select: none;
    outline: none;
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

img {
    user-select: none;
    pointer-events: none;
}

a {
    font-family: var(--FontSemiBold);
    text-decoration: none;
    color: #eceff4;
    outline: none;
    display: block;
}

button {
    border: none;
    font-family: var(--FontSemiBold);
    cursor: pointer;
    outline: none;
    user-select: none;
    color: #eceff4;
    border: 1px solid transparent;
}

button:focus-vsible, a:focus-vsible {
    border: 1px solid #ffffff5e !important;
}

div {
    color: #eceff4;
}

#teaserfast, #teaserfastcaptcha, .teaserfast_captcha_index {
    display: none !important;
}

* {
    -webkit-transition: ease .3s;
    transition: ease .3s;
    box-sizing: border-box;
    margin: 0;
}

html {
    background: #0e1424;
    color: #eceff4;
    width: var(--100);
    height: var(--100);
    font-family: var(--FontSemiBold);
}

body {
    width: var(--100);
    height: var(--100);
    font-family: var(--FontSemiBold);
    position: relative;
}

.ModalPosErr {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    display: flex;
    width: fit-content;
    height: fit-content;
    flex-direction: column;
}

.ModalErrBlock {
    transform: translateX(var(--100));
    position: relative;
    display: flex;
    transition: .6s;
    opacity: 0;
    visibility: hidden;
    margin-left: auto;
}

.ModalErrBlock.Active {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.ModalErrMainBlock {
    padding: 12px 20px;
    margin: 14px;
    margin-bottom: 0;
    background-color: #0c0c0e;
    display: flex;
    border-radius: 4px;
    border: 2px solid #1e1e1e;
    user-select: none;
}

.ModalErrText {
    color: #e7e7e7;
    margin: auto;
    font-family: var(--FontSemiBold);
}

.ModalErrMainBlock:hover {
    background-color: #282828;
}

.ErrSuccModalPos.Red {
    background-image: url(/Waste/Svg/Cancel.svg);
}

.ErrSuccModalPos.Green {
    background-image: url(/Waste/Svg/Success.svg);
}

.ErrSuccModalPos {
    margin-right: 15px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.BodyMain {
    position: relative;
    width: var(--100);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.MainBonusTopBlock {
    display: flex;
    width: var(--100);
    padding: 6px 4px;
    background-color: #9146ff;
}

.MainBonusTopBlock>a {
    margin: auto;
    text-align: center;
    color: #fff;
}

.MaxContentWidth {
    height: var(--100);
    width: var(--100);
    flex-direction: column;
    position: relative;
    max-width: 1360px;
    margin: 0 auto;
    display: flex;
}

.HeaderBlock {
    width: var(--100);
    height: 80px;
    background-color: #0e1424;
    display: flex;
    padding: 0 12px;
}

.Sticky {
    position: sticky;
    top: 0;
    z-index: 5;
}

.MaxContentWidth.Header {
    width: var(--100);
    height: var(--100);
    flex-direction: unset;
}

.HeaderLogo {
    display: flex;
    margin: auto 0;
}

.HeaderLogo>img {
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	width: 32px;
	height: 32px;
	margin: auto 0;
	margin-right: 4px;
}

.HeaderLogo>div {
	margin: auto 0;
	font-size: 16px;
	font-family: var(--FontExtraBold);
}

.HeaderLogo:hover {
    opacity: .8;
}

.HeaderCenterLinkBlock {
    display: flex;
    margin: auto;
}

.HeaderRightLinkBlock {
    display: flex;
    margin: auto 0;
}

.HeaderRightLinkBlock>a {
    margin-right: 20px;
}

.HeaderRightLinkBlock>a:nth-last-child(1) {
    margin-right: 0;
}

.HeaderButton {
    background-color: #9146ff;
    display: flex;
    text-align: center;
    padding: 10px 20px;
    border-radius: 25px;
    border: 2px solid #9146ff;
}

.HeaderButton.NoBackground {
    background-color: transparent;
}

.HeaderButton:hover {
    background-color: transparent;
}

.HeaderButton.NoBackground:hover {
    background-color: #9146ff;
}

.HeaderCenterLinkBlock>* {
    margin-right: 40px;
}

.HeaderCenterLinkBlock>*:nth-last-child(1) {
    margin-right: 0;
}

.HeaderCenterLink {
    display: flex;
    text-align: center;
    padding: 12px 0;
}

.HeaderCenterLink:hover {
    color: #9146ff;
}

.HeaderCenterViewerLink {
    display: flex;
    position: relative;
    z-index: 1;
}

.HeaderCVL_Title {
    display: flex;
    text-align: center;
    cursor: pointer;
    width: max-content;
    padding: 12px 0;
}

.HeaderCenterViewerLink:hover>.HeaderCVL_Title,.HeaderCenterViewerLink:hover>.HeaderCVL_Title::after,.HeaderCenterViewerLink.Active>.HeaderCVL_Title,.HeaderCenterViewerLink.Active>.HeaderCVL_Title::after {
    color: #9146ff;
}

.HeaderCVL_Title::after {
    content: "\f175";
    font-family: "Font";
    font-size: 12px;
    color: #fff;
    margin: auto 0;
    margin-left: 6px;
    transition: .2s;
}

.HeaderCenterViewerLinkContent {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 150px;
    border-radius: 6px;
    background-color: #151e36;
    box-shadow: inset 1px 0 2px 0 #23304b;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    z-index: 1;
}

.HeaderCenterViewerLinkContent>* {
    padding: .5rem 1.5rem;
    font-size: 15px;
}

.HeaderCenterViewerLinkContent>*:hover {
    color: #9146ff;
}

.HCVLC_Viewer {
    display: flex;
    position: relative;
    z-index: 1;
}

.HCVLC_ViewerTitle {
    display: flex;
    text-align: center;
    cursor: pointer;
    width: max-content;
    font-size: 15px;
}

.HCVLC_ViewerTitle::after {
    content: "\f175";
    font-family: "Font";
    font-size: 12px;
    color: #fff;
    margin: auto 0;
    margin-left: 6px;
    transition: .2s;
}

.HCVLC_Viewer:hover>.HCVLC_ViewerTitle,.HCVLC_Viewer:hover>.HCVLC_ViewerTitle::after,.HCVLC_Viewer.Active>.HCVLC_ViewerTitle,.HCVLC_Viewer.Active>.HCVLC_ViewerTitle::after {
    color: #9146ff;
}

.HCVLC_ViewerContent {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 150px;
    border-radius: 6px;
    background-color: #151e36;
    margin-left: 12px;
    box-shadow: inset 1px 0 2px 0 #23304b;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    z-index: 1;
}

.HCVLC_ViewerContent>* {
    padding: .5rem 1.5rem;
    width: max-content;
    font-size: 15px;
}

.HCVLC_ViewerContent>*:hover,.HCVLC_ViewerContent>*.Active {
    color: #9146ff;
}

.HeaderCenterViewerLink:hover>.HeaderCenterViewerLinkContent {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.HCVLC_Viewer:hover>.HCVLC_ViewerContent {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.BodyMaxSectionMain {
    height: var(--100);
    width: var(--100);
    flex-direction: column;
    position: relative;
    max-width: 1360px;
    margin: 0 auto;
    display: flex;
    padding: 0 12px;
}

.BodySectionMain {
    display: flex;
    flex-direction: column;
}

.BodySectionMain.FullWindowHeightHead {
    min-height: calc(980px - 80px - 32px);
}

.BodySectionMain.FullWindowHeight {
    min-height: 100vh;
}

.MainOneSectionText {
    display: flex;
    text-align: center;
    margin: auto;
    margin-bottom: 30px;
    font-size: 20px;
    position: relative;
}

.MainOneSectionText.High {
    font-size: 44px;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
}

.MainOneSectionText.High.Color {
    color: #9146ff;
}

.OneSection {
    margin: auto;
    display: flex;
    flex-direction: column;
}

.OneSection>.MainOneSectionText:nth-last-child(1) {
    margin-bottom: 0;
}

.NoMarginBottom {
    margin-bottom: 0;
}

.MainOneSectionText.MaxWidth {
    max-width: 650px;
}

.MainOneSectionDecorStar {
    margin: 0 auto;
    margin-top: 40px;
    font-size: 40px;
    color: #d1c343;
    user-select: none;
    pointer-events: none;
    letter-spacing: 12px;
}

.MainOneSectionDecorRatingText {
    margin: 0 auto;
    margin-top: 30px;
    font-size: 20px;
    color: #bbbbbb;
}

.OneSection::before {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/Waste/Images/DecorBlur.png");
    width: 50%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    user-select: none;
}

.OneSection>* {
    z-index: 1;
}

.TwoSection {
    display: flex;
    flex-direction: column;
    margin: auto;
}

.MainTwoSectionDecorTextBox {
    display: flex;
    margin: 0 auto;
    padding: 8px 16px;
    border-radius: 20px;
    background-color: #262c51;
    margin-bottom: 30px;
    color: #9146ff;
    font-size: 14px;
}

.MainTwoSectionDecorTitleText {
    margin: 0 auto;
    font-size: 34px;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
    margin-bottom: 40px;
    text-align: center;
}

.MainTwoSectionCardsDecor {
    margin: 0 auto;
    display: grid;
    max-width: 1360px;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: repeat(2,1fr);
    margin-bottom: 80px;
    padding: 16px;
}

.MainTwoSectionCard {
    background-color: #25303c73;
    border-radius: 12px;
    padding: 30px;
    min-height: 255px;
    width: var(--100);
    display: flex;
    flex-direction: column;
}

.MainTwoSectionCard>div:nth-child(1) {
    width: 80px;
    height: 80px;
    position: relative;
    display: flex;
    border-radius: 8px;
    background-color: #ffffff14;
    margin: 0 auto;
}

.MainTwoSectionCard>div:nth-child(1)::before {
    font-size: 34px;
    margin: auto;
    text-align: center;
    font-family: "Font";
}

.MainTwoSectionCard>div.One {
    background-color: #a425fe4d;
}

.MainTwoSectionCard>div.Two {
    background-color: #39baf64d;
}

.MainTwoSectionCard>div.Three {
    background-color: rgba(85,181,158,.3);
}

.MainTwoSectionCard>div.Four {
    background-color: rgba(108,91,243,.3);
}

.MainTwoSectionCard>.One::before {
    content: "\f0e7";
    color: #a425fe;
}

.MainTwoSectionCard>.Two::before {
    content: "\e473";
    color: #39baf6;
}

.MainTwoSectionCard>.Three::before {
    content: "\f023";
    color: rgba(85,181,158);
}

.MainTwoSectionCard>.Four::before {
    content: "\f27a";
    color: rgba(108,91,243);
}

.MainTwoSectionCard>div:nth-child(2) {
    margin: 16px auto;
    font-size: 24px;
    display: flex;
    text-align: center;
    width: fit-content;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
}

.MainTwoSectionCard>div:nth-child(3) {
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    display: flex;
    font-size: 20px;
}

.MainThreeSectionDecorTextHead {
    font-size: 24px;
    margin: 0 auto;
    width: fit-content;
}

.MainThreeSectionDecorTitleText {
    font-size: 28px;
    margin: 20px auto;
    width: fit-content;
    color: #9146ff;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
}

.MainThreeSectionDecorText {
    font-size: 20px;
    margin: 0 auto;
    width: fit-content;
    max-width: 950px;
    text-align: center;
    color: #ffffffb5;
}

.MainThreeSectionTovarsBlock {
    margin: 0 auto;
    padding: 0 80px;
    display: flex;
}

.MainThreeSectionTovars {
    width: var(--100);
    margin-top: 60px;
    margin-bottom: 60px;
    border-radius: 20px;
    background-color: #181b39;
    padding: 30px;
}

.MainThreeSectionTovarsHeader {
    display: flex;
    margin-bottom: 20px;
    overflow: auto;
    padding-bottom: 20px;
}

.MainThreeSectionTovarsHeader::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.MainThreeSectionTovarsHeader>a {
    width: var(--100);
    background-color: #2a2666;
    border-radius: 8px;
    padding: 10px 18px;
    margin-right: 20px;
    text-align: center;
    border: 2px solid #2a2666;
    min-width: max-content;
    user-select: none;
}

.MainThreeSectionTovarsHeader>a:nth-last-child(1) {
    margin-right: 0;
}

.MainThreeSectionTovarsHeader>a.Active,.MainThreeSectionTovarsHeader>a:hover {
    border: 2px solid #ffffff1a;
    background-color: #423a98;
}

.MainThreeSectionTovarsContent {
    display: flex;
    width: var(--100);
}

.MainThreeSectionTovarsContentOne {
    width: 60%;
    border-right: 2px solid #2b2b2b;
    padding-right: 30px;
}

.MainThreeSectionTovarsContentTwo {
    width: 40%;
    padding-left: 30px;
}

.MainThreeSectionTovarsContentCard {
    display: flex;
    box-shadow: 0 0 2px 0 #6158d6e6;
    border-radius: 8px;
    padding: 12px 32px;
    background: linear-gradient(270deg,RGBA(108,91,243,.3) 48.76%,RGBA(164,37,254,.3) 98.19%);
    background-color: #262d508f;
    cursor: pointer;
    user-select: none;
    margin-bottom: 20px;
    transition: background .5s ease;
}

.MainThreeSectionTovarsContentCard:nth-last-child(1) {
    margin-bottom: 0;
}

.MainThreeSectionTovarsContentCard_Left {
    display: flex;
    margin: auto 0;
}

.MainThreeSectionTovarsContentCard_Left>div:nth-child(1) {
    font-size: 20px;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
    color: #fff;
    margin: auto 0;
}

.MainThreeSectionTovarsContentCard_Left>div:nth-child(2) {
    font-size: 18px;
    margin: auto 0;
    margin-left: 10px;
}

.MainThreeSectionTovarsContentCard_Right {
    margin: auto 0;
    margin-left: auto;
    display: flex;
    text-align: center;
}

.MainThreeSectionTovarsContentCard_Right>div:nth-child(1) {
    margin: auto 0;
    margin-right: 10px;
    opacity: .75;
    position: relative;
    font-size: 18px;
}

.MainThreeSectionTovarsContentCard_Right>div:nth-child(1)::before {
    content: "";
    position: absolute;
    display: block;
    width: calc(100% + 5px);
    top: 0;
    bottom: 0;
    left: -5px;
    border-bottom: 2px solid;
    transform: translateY(-10px) rotate(-13deg);
    opacity: .8;
}

.MainThreeSectionTovarsContentCard_Right>div:nth-child(2) {
    margin: auto 0;
    background: #262c51;
    padding: 5px 10px;
    border-radius: 0.35rem;
    border: 2px solid #363370;
    margin-right: 10px;
    font-size: 18px;
}

.MainThreeSectionTovarsContentCard_Right>div:nth-child(3) {
    display: flex;
    margin: auto 0;
    position: relative;
}

.MainThreeSectionTovarsContentCard_Right>div:nth-child(3)::after {
    content: "\f07a";
    font-size: 18px;
    margin: auto;
    font-family: "Font";
}

.MainThreeSectionTovarsContentCard:hover {
    transition: background .5s ease;
    background: linear-gradient(270deg,RGBA(108,91,243,.6) 48.76%,RGBA(164,37,254,.6) 98.19%);
}

.MainThreeSectionTovarsContentTwoBlock {
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: rgb(40 42 83);
    border: 2px solid #2f3350;
    border-radius: 0.5rem;
    padding: 2px 0;
    margin-bottom: 20px;
}

.MainThreeSectionTovarsContentTwoBlock>div {
    display: flex;
    position: relative;
    padding: 15px 30px;
    color: #cad0d7;
    font-size: 18px;
    border-bottom: 1px solid #41476a63;
    width: var(--100);
}

.MainThreeSectionTovarsContentTwoBlock>div::before {
    content: "\2b";
    margin-right: 16px;
    font-family: "Font";
    font-size: 20px;
    color: #6b61ee;
}

.MainThreeSectionTovarsContentTwoBlock>div:nth-last-child(1) {
    border: none;
}

.MainThreeSectionTovarsContentTwoButton {
    position: relative;
    width: var(--100);
    padding: 12px 0;
    display: flex;
    border-radius: 8px;
    border: 2px solid rgb(108,91,243);
    background: linear-gradient(270deg,RGBA(108,91,243,1) 48.76%,RGBA(164,37,254,1) 98.19%);
}

.MainThreeSectionTovarsContentTwoButton>div {
    text-align: center;
    font-size: 18px;
    margin: auto;
    margin-right: 0;
}

.MainThreeSectionTovarsContentTwoButton::after {
    content: "\f07a";
    font-family: "Font";
    display: flex;
    margin: auto;
    margin-left: 20px;
    font-size: 18px;
}

.MainThreeSectionTovarsContentTwoButton:hover {
    background: linear-gradient(270deg,RGBA(108,91,243,.8) 48.76%,RGBA(164,37,254,.8) 98.19%);
}

.FourSection {
    display: flex;
    flex-direction: column;
    margin-bottom: 100px;
}

.MainFourSectionHeaderText {
    margin: 0 auto;
    text-align: center;
    max-width: 550px;
    width: var(--100);
    font-size: 30px;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
    margin-bottom: 50px;
}

.MainFourSectionContent {
    display: flex;
}

.MainFourSectionContentGrid {
    width: 50%;
}

.MainFourSectionContent>div:nth-child(1) {
    padding-right: 50px;
}

.MainFourSectionContentGridOneText {
    font-size: 18px;
    color: #dce3ed;
    margin-bottom: 30px;
}

.MainFourSectionContentGridOneDecor {
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    object-fit: contain;
    min-height: 350px;
}

.MainFourSectionContentGridTwoHeader {
    font-size: 18px;
    margin-bottom: 10px;
    color: #DCE3EF;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
}

.MainFourSectionContentGridTwoBlock {
    margin-bottom: 20px;
}

.MainFourSectionContentGridTwoBlock>div:nth-child(1) {
    margin-bottom: 8px;
    font-size: 18px;
    color: #fff;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
    position: relative;
    display: flex;
}

.MainFourSectionContentGridTwoBlock>div:nth-child(1)::before {
    content: "\f00c";
    font-family: "Font";
    display: flex;
    margin: auto 0;
    margin-right: 10px;
    font-size: 18px;
    width: fit-content;
    color: rgb(85,181,158);
}

.MainFourSectionContentGridTwoBlock>div:nth-child(2) {
    font-size: 18px;
    color: #DCE3EF;
}

.MainFourSectionContentGridTwoBlock:nth-last-child(1) {
    margin-bottom: 0;
}

.MainFiveSectionFlex {
    display: flex;
    width: var(--100);
}

.MainFiveSectionFlexBlock {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}

.MainFiveSectionFlexBlockImg {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    background-color: red;
    border: 2px solid red;
    margin: 0 auto;
    margin-bottom: 10px;
    position: relative;
    display: flex;
}

.MainFiveSectionFlexBlockImg::before {
    content: "";
    display: flex;
    margin: auto;
    font-size: 40px;
    font-family: "Font";
}

.MainFiveSectionFlexBlockTitle {
    margin: 5px auto;
    display: flex;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
}

.MainFiveSectionFlexBlockText {
    margin: auto;
    display: flex;
    text-align: center;
    font-size: 18px;
    max-width: 400px;
    color: #8b97a6;
}

.MainFiveSectionFlexBlockImg.One {
    background-color: #2c2652;
    border-color: #452676;
}

.MainFiveSectionFlexBlockImg.Two {
    background-color: #233747;
    border-color: #2d5159;
}

.MainFiveSectionFlexBlockImg.Three {
    background-color: #262c51;
    border-color: #343672;
}

.MainFiveSectionFlexBlockImg.One::before {
    content: "\f468";
    color: #a425fe;
}

.MainFiveSectionFlexBlockImg.Two::before {
    content: "\f022";
    color: #55b59e;
}

.MainFiveSectionFlexBlockImg.Three::before {
    content: "\e473";
    color: #9146ff;
}

.MainBrandSectionBlock {
    display: flex;
    flex-direction: column;
    padding: 30px 40px;
    border-radius: 10px;
    background-color: rgb(28,38,59);
    width: var(--100);
}

.MainBrandSectionBlockTitle {
    margin-bottom: 4px;
    font-size: 20px;
    color: #fff;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
}

.MainBrandSectionBlockText {
    margin-bottom: 16px;
    font-size: 18px;
    color: #DCE3EF;
}

.MainBrandSectionBlockSmallTitle {
    font-size: 18px;
    color: #dce3efdb;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
}

.MainBrandSectionBlockTextPunkt {
    font-size: 18px;
    color: #dce3efdb;
    padding-left: 16px;
    position: relative;
}

.MainBrandSectionBlockTextPunkt>span {
    font-size: 18px;
    color: #dce3efdb;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
}

.MainBrandSectionBlockTextPunkt.MrgnBottom {
    margin-bottom: 16px;
}

.MainBrandSectionBlockTextPunkt::before {
    content: "\f111";
    font-size: 6px;
    color: #fff;
    margin: auto;
    margin-right: 10px;
    font-family: "Font";
    position: absolute;
    top: 10px;
    left: 0;
    height: fit-content;
}

.MainBrandSectionBlock>div:nth-last-child(1) {
    margin-bottom: 0;
}

.MainFourSectionHeaderText.MrgnBottomSmall {
    margin-bottom: 10px;
}

.MainThreeSectionDecorText.MrgnBottomBig {
    margin-bottom: 60px;
}

.MainSectionFaqBlock {
    display: flex;
    width: var(--100);
    background-color: #11182b;
    border-radius: 10px;
    border: 2px solid #1f2a42;
    max-width: 800px;
    margin: 0 auto;
    flex-direction: column;
    margin-bottom: 10px;
}

.MainSectionFaqBlockHeader {
    width: var(--100);
    padding: 20px;
    cursor: pointer;
    display: flex;
}

.MainSectionFaqBlockHeader>div:nth-child(1) {
    font-size: 20px;
}

.MainSectionFaqBlockHeader>div:nth-child(2) {
    margin: auto 0;
    margin-left: auto;
    color: #fff;
    position: relative;
    display: flex;
}

.MainSectionFaqBlockHeader>div:nth-child(2)::before {
    content: "\2b";
    font-family: "Font";
    font-size: 14px;
    color: #fff;
}

.MainSectionFaqBlock.Active>.MainSectionFaqBlockHeader>div:nth-child(2)::before {
    content: "\f068";
}

.MainSectionFaqBlockContent {
    display: flex;
    flex-direction: column;
    width: var(--100);
    min-height: 0px;
    height: 0;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    transition: height 0s, padding 0s;
}

.MainSectionFaqBlockContent>div {
    color: #8b97a6;
    font-size: 18px;
}

.MainSectionFaqBlock.NoMrgnBottom {
    margin-bottom: 0;
}

.MainSectionFaqBlock.Active>.MainSectionFaqBlockContent {
    padding: 20px;
    padding-top: 0;
    min-height: 60px;
    height: var(--100);
    opacity: 1;
    visibility: visible;
    transition: height 0s, padding 0s;
}

.BodyMainFooter {
    width: var(--100);
    min-height: 200px;
    border-top: 2px solid #ffffff12;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    margin-top: auto;
}

.FooterDecorSponsorsImg {
    margin: 0 auto;
    display: flex;
}

.FooterDecorSponsorsImg>img {
    margin-right: 20px;
    height: 50px;
}

.FooterDecorSponsorsImg>img:nth-last-child(1) {
    margin-right: 0;
}

.FooterAddrInfoBlock {
    display: flex;
    margin: 0 auto;
    margin-top: 20px;
}

.FooterAddrInfoBlockContent {
    min-width: 350px;
    background-color: #262c51;
    border-radius: 14px;
    padding: 12px 18px;
    display: flex;
    margin-right: 20px;
}

.FooterAddrInfoBlockContent>img {
    width: 20px;
    height: 20px;
    margin: auto;
    margin-right: 0;
}

.FooterAddrInfoBlockContent:nth-last-child(1) {
    margin-right: 0;
}

.FooterAddrInfoBlockContent>div {
    margin: auto;
    margin-left: 10px;
}

.FooterLinks {
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
}

.FooterLinks>a {
    margin-right: 50px;
    font-size: 18px;
    color: #dce3ed;
}

.FooterLinks>a:nth-last-child(1) {
    margin-right: 0;
}

.FooterLinks>a:hover {
    color: #fff;
}

.NoFlexDir {
    flex-direction: unset;
}

.AuthReg {
    width: var(--100);
    display: flex;
    position: relative;
}

.AuthRegBlock {
    margin: auto;
    position: relative;
    z-index: 1;
}

.AuthRegBlockHeadTitleWelcome {
    color: rgb(108,91,243);
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 auto;
    margin-bottom: 12px;
    text-align: center;
}

.AuthRegBlockHeadTitle {
    color: #fff;
    margin: 0 auto;
    font-size: 32px;
    width: fit-content;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
}

.AuthRegForm {
    display: flex;
    flex-direction: column;
    background-color: #25303c73;
    padding: 2rem;
    margin: 0 auto;
    margin-top: 40px;
    border-radius: 16px;
    width: 440px;
}

.AuthRegBlockHeadTitle.Small {
    font-size: 18px;
}

.AuthRegFooterLink {
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
    color: #9146ff;
    width: fit-content;
    display: block;
}

.AuthRegFooterLink:hover {
    opacity: .8;
}

.AuthRegFormInput {
    margin-bottom: 20px;
}

.AuthRegFormInputTitle {
    margin-bottom: 8px;
    font-size: 16px;
}

.AuthRegFormInput>input {
    border: .0625rem solid rgb(255 255 255 / 30%);
    background-color: rgb(255 255 255 / 15%);
    color: #e7e7e7;
    display: block;
    width: 100%;
    min-height: 2.75rem;
    padding: 0.5rem 1.25rem;
    font-size: 16px;
    border-radius: 0.5rem;
}

.AuthRegFormInput>input::placeholder {
    font-weight: 500;
}

.AuthRegFormInput>input:focus {
    color: #d7d8d9;
    background-color: rgb(255 255 255 / 10%);
    border-color: rgba(108,91,243,.65);
    outline: 0;
    box-shadow: 0 0 5px 0 rgba(95,56,249,.2);
}

.AuthRegFormButton {
    background-color: #7d3ae1;
    color: #fff;
    font-size: 16px;
    padding: 10px 24px;
    border-radius: 10px;
    margin-top: 10px;
}

.AuthRegFormButton:hover {
    background-color: #652fb5;
}

.AuthReg::before {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/Waste/Images/DecorBlur.png");
    width: 50%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    user-select: none;
}

.AuthRegFormInputTitleBlock {
    display: flex;
}

.AuthRegFormInputTitleLink {
    margin-left: auto;
    color: #9146ff;
}

.AuthRegFormInputTitleLink:hover {
    opacity: .8;
}

.AuthRegFormMessage {
    padding: 12px;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    background-color: #F44336;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 12px;
    display: none;
}

.AuthRegFormMessage.Active {
    display: flex;
}

.AuthRegFormCaptcha {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.AuthRegFormCaptcha>img {
    width: var(--100);
    height: 100px;
    border-radius: 10px;
    border: 1px solid #673ab7;
    margin: 0 auto;
    margin-bottom: 10px;
    user-select: none;
    pointer-events: none;
    max-width: 400px;
}

.AuthRegFormCaptcha>input {
    border: .0625rem solid rgb(255 255 255 / 30%);
    background-color: rgb(255 255 255 / 15%);
    color: #e7e7e7;
    display: block;
    width: 100%;
    min-height: 2.75rem;
    padding: 0.5rem 1.25rem;
    font-size: 16px;
    border-radius: 0.5rem;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
}

.AuthRegFormCaptcha>input::placeholder {
    font-weight: 500;
    text-transform: none;
    font-family: var(--FontSemiBold);
}

.AuthRegFormCaptcha>input:focus {
    color: #d7d8d9;
    background-color: rgb(255 255 255 / 10%);
    border-color: rgba(108,91,243,.65);
    outline: 0;
    box-shadow: 0 0 5px 0 rgba(95,56,249,.2);
}

.Profile {
    margin: auto;
}

.ProfileTitle {
    font-weight: 700;
    font-size: 2.75rem;
    text-shadow: 1px 1px #9441f545;
    background: linear-gradient(145deg,RGBA(108,91,243,1) 48.76%,RGBA(164,37,254,1) 98.19%);
    background-clip: text;
    color: #fff;
    -webkit-text-fill-color: #00000000;
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 50px;
    text-align: center;
}

.ProfileBlock {
    width: 540px;
    background-color: rgba(108,91,243,.1);
    border-radius: .875rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
}

.ProfileBlock_Balance {
    display: flex;
    box-shadow: 0 0 2px 0 #6158d6e6;
    padding: .5rem 1rem;
    border-radius: .375rem;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 20px;
    background: linear-gradient(270deg,RGBA(108,91,243,0.25) 48.76%,RGBA(164,37,254,0.25) 98.19%);
}

.ProfileBlock_Balance>div:nth-child(1) {
    font-size: 20px;
    margin: auto 0;
}

.ProfileBlock_Balance>div:nth-child(2) {
    font-size: 20px;
    margin: auto 0;
    margin-left: 10px;
    padding: 4px 8px;
    border-radius: 6px;
    background-color: #1b1e35;
}

.ProfileBlock_Discount {
    background-color: #262c51;
    border-radius: 50px;
    width: fit-content;
    margin: 0 auto;
    padding: .25rem 1rem;
    font-size: 18px;
}

.ProfileBlock_PayCards {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin: 20px auto;
    grid-gap: 20px 20px;
    max-width: 400px;
    width: var(--100);
}

.ProfileBlock_PayCards.NoGrid {
    grid-template-columns: repeat(1,1fr);
}

.ProfileBlock_PayCardsBlock {
    display: flex;
    padding: 8px 10px;
    background-color: rgb(255 255 255/5%);
    border-radius: 8px;
    border: 2px solid rgb(255 255 255/20%);
    cursor: pointer;
    user-select: none;
    overflow: auto;
}

.ProfileBlock_PayCardsBlock:hover {
    background-color: #ffffff21;
}

.ProfileBlock_PayCardsBlock>div {
    display: flex;
    margin: auto;
}

.ProfileBlock_PayCardsBlock>div>img {
    height: 24px;
    margin-right: 4px;
    user-select: none;
    pointer-events: none;
}

.ProfileBlock_PayCardsBlock>div>img:nth-last-child(1) {
    margin-right: 0;
}

.ProfileBlock_PayCardsBlock.Active {
    border-color: #9146ff;
}

.ProfileBlock_PayCardsBlock.Active:hover {
    background-color: rgb(255 255 255/5%);
}

.ProfileBlock_PayInputButton {
    display: flex;
    max-width: 400px;
    width: var(--100);
    margin: 0 auto;
}

.ProfileBlock_PayInputButton>input {
    width: var(--100);
    background-color: red;
    padding: 14px 16px;
    color: #fff;
    font-size: 16px;
    border-radius: 10px 0 0 10px;
    background: rgb(255 255 255 / 15%);
    border: .0625rem solid rgb(255 255 255 / 30%);
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
}

.ProfileBlock_PayInputButton>input:focus {
    color: #d7d8d9;
    background-color: rgb(255 255 255 / 10%);
    border-color: rgba(108,91,243,.65);
    outline: 0;
    box-shadow: 0 0 5px 0 rgba(95,56,249,.2);
}

.ProfileBlock_PayInputButton>button {
    background: linear-gradient(90deg,RGBA(108,91,243,1) 2.76%,RGBA(164,37,254,1) 98.19%);
    padding: 14px 20px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    outline: none;
    border-radius: 0 10px 10px 0;
    border: none;
}

.BuyBlock {
    width: 1080px;
    background-color: rgba(108,91,243,.1);
    border-radius: 0.875rem;
    padding: 2rem;
    display: flex;
}

.BuyBlockWidth {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}

.BuyBlockWidth_PreviewService {
    width: var(--100);
    height: 225px;
    border-radius: .5rem;
    border: 1px solid #4346606b;
    margin: auto;
    margin-bottom: 20px;
    user-select: none;
    background-color: #9146ff4a;
    position: relative;
}

.BuyBlockWidth_PreviewService>img {
    width: var(--100);
    height: var(--100);
    display: flex;
    user-select: none;
    pointer-events: none;
    object-fit: contain;
}

.BuyBlockWidth_PreviewService::after {
    content: "";
    width: var(--100);
    height: var(--100);
    display: flex;
    user-select: none;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("/Waste/Svg/Particle.svg");
}

.BuyBlockWidth_PreviewServiceInput {
    margin-bottom: auto;
}

.BuyBlockWidth_PreviewServiceInput>input {
    font-size: 16px;
    line-height: 1.5rem;
    color: #e7e7e7;
    background-color: rgb(255 255 255 / 15%);
    border: 0.0625rem solid rgb(255 255 255 / 30%);
    min-height: 3rem;
    padding: 0.65rem 1.25rem;
    border-radius: 0.5rem;
    width: var(--100);
    text-align: center;
    font-family: "Proxima ExtraBold";
}

.BuyBlockWidth_PreviewServiceInput>input:focus {
    color: #d7d8d9;
    background-color: rgb(255 255 255 / 10%);
    border-color: rgba(108,91,243,.65);
    box-shadow: 0 0 5px 0 rgba(95,56,249,.2);
}

.BSM_C_MCFS_SortingBlock {
    position: relative;
}

.BSM_C_MCFS_Sorting_HeaderBlock {
    padding: 12px 28px;
    background-color: rgb(255 255 255 / 15%);
    border: 0.0625rem solid rgb(255 255 255 / 30%);
    user-select: none;
    cursor: pointer;
    border-radius: 4px;
    display: flex;
    position: relative;
}

.BSM_C_MCFS_Sorting_HeaderBlock>div {
    margin: auto 0;
    text-align: center;
}

.BSM_C_MCFS_Sorting_HeaderBlock>div:nth-child(1) {
    margin-right: auto;
}

.BSM_C_MCFS_Sorting_HeaderBlock:hover,.BSM_C_MCFS_SortingBlock.Active>.BSM_C_MCFS_Sorting_HeaderBlock {
    background-color: rgb(255 255 255 / 10%);
    border-color: rgba(108,91,243,.65);
    box-shadow: 0 0 5px 0 rgba(95,56,249,.2);
}

.BSM_C_MCFS_Sorting_HeaderBlock::after {
    content: "";
    position: absolute;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 6px;
    height: 6px;
    top: 0;
    right: 12px;
    bottom: 0;
    margin: auto;
    background-image: url("/Waste/Svg/MarketSortingListArrow.svg");
    transition: .3s;
}

.BSM_C_MCFS_SortingBlock.Active>.BSM_C_MCFS_Sorting_HeaderBlock::after {
    transform: rotate(180deg);
    transition: .3s;
}

.BSM_C_MCFS_Sorting_ContentBlock {
    position: absolute;
    top: var(--100);
    left: 0;
    right: 0;
    margin-top: 6px;
    width: max-content;
    min-width: var(--100);
    display: flex;
    flex-direction: column;
    max-height: 400px;
    border-radius: 4px;
    padding: 4px 0;
    background-color: #3a3d57;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-10px);
    border: 1px solid #574cb9;
    z-index: 2;
}

.BSM_C_MCFS_SortingBlock.Active>.BSM_C_MCFS_Sorting_ContentBlock {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.BSM_C_MCFS_Sorting_CB_ListButton {
    width: var(--100);
    display: flex;
    padding: 10px 14px;
    user-select: none;
    cursor: pointer;
    font-family: var(--FontSemiBold);
    color: #c3c3c3;
    position: relative;
}

.BSM_C_MCFS_Sorting_CB_ListButton>div {
    margin: auto 0;
}

.BSM_C_MCFS_Sorting_CB_ListButton>div:nth-child(1) {
    margin-right: auto;
}

.BSM_C_MCFS_Sorting_CB_ListButton:hover,.BSM_C_MCFS_Sorting_CB_ListButton.Active {
    background-color: #30324d;
}

.BSM_C_MCFS_Sorting_CB_ListButton.Active>div {
    color: #e149fb;
}

.BuyBlockWidth_FormServiceInput {
    margin-bottom: 10px;
    margin-top: 14px;
}

.BuyBlockWidth_FormServiceInput>input {
    font-size: 16px;
    line-height: 1.5rem;
    color: #e7e7e7;
    background-color: rgb(255 255 255 / 15%);
    border: 0.0625rem solid rgb(255 255 255 / 30%);
    min-height: 3rem;
    padding: 0.65rem 1.25rem;
    border-radius: 0.5rem;
    width: var(--100);
    font-family: "Proxima ExtraBold";
}

.BuyBlockWidth_FormServiceInput>input:focus {
    color: #d7d8d9;
    background-color: rgb(255 255 255 / 10%);
    border-color: rgba(108,91,243,.65);
    box-shadow: 0 0 5px 0 rgba(95,56,249,.2);
}

.BuyBlockWidth_FormServiceInput>div {
    margin-bottom: 8px;
    font-size: 15px;
    color: #dce3ed;
}

.BuyBlockWidth_CheckServiceBox {
    display: flex;
    margin-top: 4px;
    margin-bottom: 14px;
    cursor: pointer;
    width: fit-content;
}

.BuyBlockWidth_CheckServiceBox>.Box {
    width: 20px;
    height: 20px;
    display: flex;
    position: relative;
    border-radius: 4px;
    background-color: #ffffff26;
    border: .1rem solid rgb(255 255 255 / 20%);
}

.BuyBlockWidth_CheckServiceBox>.Text {
    display: flex;
    margin: auto 0;
    margin-left: 6px;
}

.BuyBlockWidth_CheckServiceBox>.Text>a {
    margin: 0 6px;
    color: #9146ff;
}

.BuyBlockWidth_CheckServiceBox>.Text>a:hover {
    opacity: .8;
}

.BuyBlockWidth_CheckServiceBox>.Box::after {
    content: "";
    width: var(--100);
    height: var(--100);
    display: flex;
    border-radius: 4px;
}

.BuyBlockWidth_CheckServiceBox.Active>.Box::after {
    background-color: #8d43fe;
    border: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.BuyBlockWidth_PayCards {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin: 0 auto;
    margin-bottom: 10px;
    grid-gap: 14px 14px;
    width: var(--100);
}

.BuyBlockWidth_PayCardsBlock {
    display: flex;
    padding: 10px;
    background-color: rgb(255 255 255/5%);
    border-radius: 8px;
    border: 2px solid rgb(255 255 255/20%);
    cursor: pointer;
    user-select: none;
    overflow: auto;
}

.BuyBlockWidth_PayCardsBlock:hover {
    background-color: #ffffff21;
}

.BuyBlockWidth_PayCardsBlock>div {
    display: flex;
    margin: auto;
}

.BuyBlockWidth_PayCardsBlock>div>img {
    height: 24px;
    margin-right: 4px;
    user-select: none;
    pointer-events: none;
}

.BuyBlockWidth_PayCardsBlock>div>img:nth-last-child(1) {
    margin-right: 0;
}

.BuyBlockWidth_PayCardsBlock.Active {
    border-color: #9146ff;
}

.BuyBlockWidth_PayCardsBlock.Active:hover {
    background-color: rgb(255 255 255/5%);
}

.BuyBlockWidth_PayButton {
    background: linear-gradient(90deg,RGBA(108,91,243,1) 48.76%,RGBA(164,37,254,1) 98.19%);
    font-size: 16px;
    padding: 12px;
    margin-top: 10px;
    border-radius: 6px;
    border: none;
}

.BuyBlockWidth_PayButton:hover {
    opacity: .8;
}

div>.BuyBlockWidth_PayCardsBlock:nth-child(odd):last-child {
    grid-column: 1 / -1;
}

.BuyBlockWidth_PayButton:disabled {
    opacity: .6;
    pointer-events: none;
}

.BuyBlockWidth_FormServiceRangeInput {
    margin-bottom: 6px;
}

.BuyBlockWidth_FormServiceRangeInput>div {
    margin-bottom: 8px;
    font-size: 15px;
    color: #dce3ed;
    margin-top: 4px;
}

.BuyBlockWidth_FormServiceRangeInput>input {
    display: none !important;
}

.Orders {
    max-width: 980px;
    width: var(--100);
    display: flex;
    flex-direction: column;
    margin: auto;
}

.ProfileOrdersBlock {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin: 0 auto;
    margin-bottom: 20px;
    grid-gap: 14px 20px;
    width: var(--100);
    max-width: 1600px;
}

.ProfileOrderCard {
    background-color: #6c5bf340;
    padding: 15px;
    border-radius: 0.5rem;
    display: flex;
}

.ProfileOrderCardFlexLeft {
    margin-right: auto;
    flex-direction: column;
    display: flex;
}

.ProfileOrderCardFlexRight {
    margin-left: auto;
    display: flex;
    flex-direction: column;
}

.ProfileOrderCardFlexLeft_Title {
    color: #c9c9c9;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
    margin-bottom: auto;
}

.ProfileOrderCardFlexLeft_Value {
    margin: 8px 0;
    margin-top: 4px;
}

.ProfileOrderCardFlexLeft_Status {
    padding: 4px 12px;
    border-radius: 8px;
    background-color: #8e7449;
    width: fit-content;
    font-size: 14px;
    margin-top: auto;
}

.ProfileOrderCardFlexRight_Value {
    margin-left: auto;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
}

.ProfileOrderCardFlexRight_Email {
    margin: auto 0;
    margin-left: auto;
    color: #b7b7b7;
}

.ProfileOrderCardFlexRight_Date {
    margin-left: auto;
    color: #797979;
    font-size: 14px;
}

.ProfileOrderCardFlexLeft_Status.Paid {
    background-color: #3d6e7b;
}

.Support {
    margin: auto;
    max-width: 720px;
    width: var(--100);
    padding-top: 50px;
    padding-bottom: 50px;
}

.SupportBlock {
    padding: 20px;
    border-radius: 10px;
    background-color: rgba(108,91,243,.1);
}

.SupportChatBlock {
    width: 100%;
    height: 100%;
    min-height: 500px;
    max-height: 500px;
    background-color: #0e1424;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
}

.SupportCB_TextArea {
    width: 100%;
    height: 150px;
    background-color: #00030a;
    border-radius: 4px;
    margin-top: 10px;
    border: none;
    outline: none;
    resize: none;
    color: #fff;
    padding: 12px;
    font-size: 16px;
}

.SupportCB_Send {
    margin-top: 10px;
    background-color: #9146ff;
    text-align: center;
    width: 100%;
    padding: 12px;
    border-radius: 6px;
    border: none;
    outline: none;
    color: #fff;
    font-size: 16px;
    font-family: "Jakarta",sans-serif;
    font-weight: bold;
}

.SupportCB_Send:hover {
    opacity: .8;
}

.SupportChatReverseBlock {
    flex-direction: column-reverse;
    display: flex;
    height: 100%;
    width: 100%;
    overflow: auto;
    min-height: 500px;
}

.SupportChatReverseReverseBlock {
    width: 100%;
    height: 100%;
    margin-bottom: auto;
    padding: 8px;
}

.SupportChatRRMessageBlock {
    width: 100%;
    padding: 12px;
    border-radius: 4px;
    background-color: #192135;
    margin-bottom: 10px;
}

.SupportChatRRMessageBlock.IsSupport {
    background-color: #283149;
}

.SupportChatRRMessageBlock:nth-last-child(1) {
    margin-bottom: 0;
}

.SupportChatRRMessageBlock>div.Author {
    font-weight: bold;
    line-height: 21px;
}

.SupportChatRRMessageBlock.IsSupport>div.Author {
    color: #F44336;
}

.SupportChatRRMessageBlock>div.Message {
    font-size: 15px;
    word-break: break-all;
    border-left-style: solid;
    padding-left: 6px;
    margin-left: 2px;
}

.SupportChatRRMessageBlock>div.Author>span.Time {
    font-size: 12px;
    margin-left: 8px;
    background-color: #575757;
    padding: 2px;
    border-radius: 5px;
    color: #dfdfdf;
}

.SupportChatRRMessageBlock.User>div.Author {
    color: #fff;
}

.MainSectionBox {
    display: flex;
    flex-direction: column;
    background-color: #1c263b;
    border-radius: 10px;
    padding: 30px;
    max-width: 1080px;
    margin: 0 auto;
}

.MainSectionBox_TextSpan {
    margin-bottom: 20px;
}

.MainSectionBox>.MainSectionBox_TextSpan:nth-last-child(1) {
    margin-bottom: 0;
}

.MainSectionBox_TextSpan.Gray {
    color: #d7d7d7;
}

.MainSectionBox_TextSpan.MrgnBottom4px {
    margin-bottom: 4px;
}

.HeaderRightMobileButton {
    display: none;
    margin: auto;
    margin-right: 0;
    background-color: transparent;
    position: relative;
    cursor: pointer;
    width: 26px;
    height: 26px;
    padding: 0;
    user-select: none;
}

.HeaderRightMobileButton::after {
    content: "";
    background-image: url("/Waste/Svg/MobileMenu.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    width: var(--100);
    height: var(--100);
    margin: auto;
}

.MainMobileMenu {
    display: flex;
    position: fixed;
    width: var(--100);
    height: var(--100);
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.MainMobileMenu_BackGround {
    width: var(--100);
    height: var(--100);
    display: flex;
    background-color: #0000002e;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.MainMobileMenu_Content {
    position: absolute;
    z-index: 2;
    background-color: #1a1b23;
    max-width: 420px;
    width: var(--100);
    height: var(--100);
    display: flex;
    flex-direction: column;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 20px;
    transform: translateX(100%);
    overflow: auto;
}

.MainMobileMenu_ContentCloseButton {
    margin-left: auto;
    margin-bottom: 10px;
    display: flex;
    background-color: transparent;
    position: relative;
    cursor: pointer;
    width: 30px;
    min-height: 30px;
    padding: 0;
    user-select: none;
}

.MainMobileMenu_ContentCloseButton::after {
    content: "";
    background-image: url("/Waste/Svg/MobileMenuClose.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    width: var(--100);
    height: var(--100);
    margin: auto;
}

.MainMobileMenu.Active {
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
}

.MainMobileMenu.Active>.MainMobileMenu_Content {
    transform: translateX(0);
}

.MainMobileMenu_ViewLink {
    display: flex;
    flex-direction: column;
    width: var(--100);
    user-select: none;
    margin-bottom: 16px;
    border: 2px dashed #ffffff7d;
    padding-top: 6px;
    border-radius: 4px;
}

.MainMobileMenu_ViewLinkTitle {
    margin-bottom: 4px;
    padding: 0 8px;
    position: relative;
    color: #ffffff73;
    display: flex;
}

.MainMobileMenu_ViewLinkViewerTitle {
    display: flex;
    width: var(--100);
    padding: 6px 0;
    margin: -6px 0;
}

.MainMobileMenu_ViewLinkViewerTitle::after {
    content: "";
    display: flex;
    content: "\f175";
    font-family: "Font";
    color: #fff;
    transition: .2s;
    margin: auto 0;
    margin-left: auto;
    font-size: 12px;
    pointer-events: none;
}

.MainMobileMenu_ViewLinkViewerTitle>div {
    display: block;
    width: fit-content;
    margin-right: auto;
    pointer-events: none;
}

.MainMobileMenu_ViewLinkViewer.Active>.MainMobileMenu_ViewLinkViewerTitle>div,.MainMobileMenu_ViewLinkViewer.Active>.MainMobileMenu_ViewLinkViewerTitle::after {
    color: #9d66ff;
}

.MainMobileMenu_ViewLinkViewer {
    display: flex;
    flex-direction: column;
    padding: 6px 8px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.MainMobileMenu_ViewLinkViewer.Active {
    background-color: #0e0e0e;
}

.MainMobileMenu_ViewLinkViewerView {
    display: none;
    flex-direction: column;
    margin-top: 10px;
}

.MainMobileMenu_ViewLinkViewerView_Link {
    padding: 4px 0;
    padding-left: 15px;
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.MainMobileMenu_ViewLinkViewerView>.MainMobileMenu_ViewLinkViewerView_Link:nth-last-child(1) {
    margin-bottom: 0;
}

.MainMobileMenu_ViewLinkViewerView_Link::before {
    content: "⎯";
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
}

.MainMobileMenu_ViewLinkViewer.Active>.MainMobileMenu_ViewLinkViewerView {
    display: flex;
}

.MainMobileMenu_ViewLinkViewerView_Link.Active {
    color: #9d66ff;
}

.MainMobileMenu_ViewLink:nth-last-child(1) {
    margin-bottom: 0;
}

.MainMobileMenu_ViewLink>.MainMobileMenu_ViewLinkViewer:nth-last-child(1) {
    margin-bottom: 0;
}

.MainMobileMenu_ContentLink {
    margin-bottom: 10px;
    padding: 6px 0;
    border-bottom: 2px dashed #ffffff7d;
}

.MainMobileMenu_Content>.MainMobileMenu_ContentLink:nth-last-child(1) {
    margin-bottom: 0;
}

.MainMobileMenu_Content>.MainMobileMenu_ContentLink:nth-child(1) {
    margin-top: 10px;
}

.BodyMaxSectionMainDecorDot {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url("/Waste/Images/dot-a-white.png");
    background-size: 20px 20px;
    background-position: center;
}

.AuthRegFormButton:disabled {
    opacity: .6;
    pointer-events: none;
}

.InputResetCode {
    text-align: center !important;
    font-size: 20px !important;
    min-height: 3.75rem !important;
    letter-spacing: 10px;
}

.HeaderViewAccountLogin {
    display: flex;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 100%;
    right: 0;
    padding: 12px 14px;
    padding-left: 38px;
    border-radius: 8px;
    background-color: #344267;
}

.HeaderViewAccountLogin::before {
    content: "\f2bd";
    font-family: "Font";
    position: absolute;
    font-size: 18px;
    margin: auto;
    width: 18px;
    height: 18px;
    top: 0;
    left: 10px;
    bottom: 0;
}

button:disabled {
    pointer-events: none;
    opacity: .8;
}

.ButtonTable {
    background-color: #202020;
    border-radius: 4px;
    padding: 6px 12px;
    margin: auto;
}

.ButtonTable:hover {
    background-color: #505050;
}

.PanelModal {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: var(--100);
    height: var(--100);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 11121;
}

.PanelModal.Active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.PanelModalBackGround {
    display: flex;
    position: absolute;
    background-color: #00000038;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: var(--100);
    height: var(--100);
}

.PanelModalBlock {
    margin: auto;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background-color: #303030;
    border: 1px dashed #535353;
    z-index: 1;
    position: relative;
    max-width: 420px;
    width: var(--100);
    transform: scale(.95);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.PanelModal.Active>.PanelModalBlockScroll>.PanelModalBlock {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: scale(1);
}

.PanelModalBlockHeader {
    border-radius: 10px;
    padding: 10px 12px;
    background-color: #424242;
    width: var(--100);
    display: flex;
}

.PanelModalBlockHeader_Title {
    text-align: center;
    margin: auto 0;
    margin-right: auto;
    font-size: 15px;
    color: #fff;
    font-family: var(--FontExtraBold);
}

.PanelModalBlockHeader_ExitButton {
    user-select: none;
    border-radius: 4px;
    padding: 8px 10px;
    background-color: #1f1f1f;
}

.PanelModalBlockHeader_ExitButton:hover {
    background-color: #2e2e2e;
}

.PanelModalBlockContent {
    width: var(--100);
    padding: 12px;
    display: flex;
    flex-direction: column;
}

.PanelModalBlockContent_InputBlock {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    width: var(--100);
}

.PanelModalBlockContent_InputBlock_Title {
    margin-bottom: 4px;
}

.PanelModalBlockContent_InputBlock_Input {
    background-color: #151515;
    padding: 12px;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    font-family: var(--FontExtraBold);
}

.PanelModalBlockContent_InputBlock_Input:hover,.PanelModalBlockContent_InputBlock_Input:focus {
    background-color: #1e1e1e;
}

.PanelModalBlockContent_InputBlock_Input:read-only {
    border: 1px solid #f44336;
}

.PanelModalBlockContent_Button {
    margin-top: 10px;
    background-color: #515151;
    border-radius: 4px;
    width: var(--100);
    padding: 10px 12px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    user-select: none;
    font-family: var(--FontExtraBold);
}

.PanelModalBlockContent_Button:hover {
    background-color: #686868;
}

.PanelModalBlockScroll {
    width: var(--100);
    height: var(--100);
    overflow: auto;
    padding: 10px;
    display: flex;
}