@font-face {
    font-family: "MAZIUS REVIEW 20.09";
    src: url("../fonts/Mazius\ Display\ Regular.otf");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "MAZIUS REVIEW 20.09";
    src: url("../fonts/Mazius\ Display\ Italic.otf");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "MAZIUS REVIEW 20.09";
    src: url("../fonts/Mazius\ Display\ Extraitalic.otf");
    font-weight: 800;
    font-style: oblique;
}

html {
    overflow-x: hidden;
}

body {
    position: relative;
    background: #19181B;
    overflow-x: hidden;
}

.mx-main-body {
    background: url(../images/backgrounds/bg-main.jpg);
    background-size: cover;
}

.content-web {
    padding: 150px 0;
}

.header-matrix {
    position: relative;
    background: url(../images/header.jpg) no-repeat;
    background-size: cover;
    height: 100vh;
}

.logotype {
    background: url(../images/logotype.svg);
    width: 161px;
    height: 28px;
}

.nav.nav-pills.nav-flex {
    display: flex;
    gap: 20px;
}

a.signin {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}

.signup {
    background: #5E25FF;
    border-radius: 100px;
    text-decoration: none;
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 25px;
    text-align: center;
    color: #FFFFFF;
}

.matrix-title {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 100px;
    text-align: center;
    color: #FFFFFF;
    width: 80%;
}

.matrix-desc {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.8;
    width: 80%;
    padding-top: 30px;
}

.matrix-main {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    justify-content: center;
}

.matrix-text {
    display: flex;
    margin-bottom: 32px;
    flex-direction: column;
    align-items: center;
}

form.main-form {
    padding: 0 70px;
}

.matrix-content {
    width: 90%;
}

.matrix-button {
    display: flex;
    background: #5E25FF;
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #FFFFFF;
    border: none;
    border-radius: 9999px;
    padding: 15px 25px;
    width: 100%;
    justify-content: center;
}

.content-image-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-image-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.content-image-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.image-about {
    background: url(../images/about-image.svg) no-repeat right;
    background-size: 100%;
    width: 513px;
    height: 521px;
}

.image-questions {
    background: url(../images/questions-image.svg) no-repeat left;
    background-size: 100%;
    width: 552px;
    height: 722px;
}

.title-section {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: italic;
    font-weight: 400;
    font-size: 70px;
    line-height: 84px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.desc-section {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #FFFFFF;
    opacity: 0.8;
}

section.about {
    margin-bottom: 170px;
}

.footer-matrix {
    background: #121112;
    padding: 60px 0;
}

.copyright {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
    opacity: 0.8;
    margin-top: 50px;
}

.contact-info {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
    opacity: 0.8;
    margin-bottom: 30px;
}

.accept-text {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
    opacity: 0.8;
}

.logotype-footer {
    display: flex;
    background: url(../images/footer-logotype.svg);
    width: 382px;
    height: 69px;
}

.questions-star {
    display: flex;
    background: url(../images/star.svg);
    height: 24px;
    width: 24px;
    align-items: flex-start;
    margin-top: -5px;
}

.questions-content {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.questions-text {
    margin-top: -10px;
    width: 90%;
}

.questions-text > .questions-label {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 120%;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.questions-text > .questions-desc {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #FFFFFF;
    opacity: 0.8;
}

.list-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.accept-list {
    display: flex;
    gap: 5px;
}

.accept-text {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
    opacity: 0.8;
    margin-bottom: 10px;
}

.payment-logo-visa {
    width: 62px;
    height: 40px;
    background: url(../images/payment-logo/visa.svg);
}

.payment-logo-mastercard {
    width: 62px;
    height: 40px;
    background: url(../images/payment-logo/mastercard.svg);
}

.payment-logo-discover {
    width: 62px;
    height: 40px;
    background: url(../images/payment-logo/discover.svg);
}

.payment-logo-americanexpress {
    width: 62px;
    height: 40px;
    background: url(../images/payment-logo/american\ express.svg);
}

.payment-logo-paypal {
    width: 62px;
    height: 40px;
    background: url(../images/payment-logo/paypal.svg);
}

.control-relative {
    position: relative;
}

input::-webkit-calendar-picker-indicator{
    display: none;
}

.form-control.form-transparent {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    border-radius: 9999px;
    background: transparent;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #FFFFFF;
    padding: 13px 20px;
    height: 62px;
}

input.form-control.form-transparent:-webkit-autofill,
input.form-control.form-transparent:-webkit-autofill:hover,
input.form-control.form-transparent:-webkit-autofill:focus,
input.form-control.form-transparent:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.control-relative input {
    background-color: #FFF;
    border: 2px solid #BFE2FF;
    box-sizing: border-box;
    color: #000;
    font-size: 16px;
    line-height: 16px;
    height: 50px;
    outline: 0;
    padding: 0 20px;
    width: 100%;
}

.control-relative label {
    text-transform: unset;
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    padding: 5px 10px;
    pointer-events: none;
    position: absolute;
    transition: all 200ms;
    top: 18px;
    left: 10px;
}

.control-relative input:focus + label,
.control-relative input:not(:placeholder-shown) + label{
    top: 5px;
    left: 10px;
    font-size: 11px;
    padding: 2px 10px;
    font-family: 'Montserrat';
    font-style: normal;
    text-transform: uppercase;
    color: #FFFFFF;
}

.control-relative input:focus,
.control-relative input:not(:placeholder-shown) {
    padding: 25px 20px 13px 20px;
}

.matrix-left {
    position: absolute;
    background: url(../images/matrix.svg);
    height: 506px;
    width: 506px;
    top: 50%;
    left: -18%;
    margin-top: -253px;
    -webkit-animation: rotating 20s linear infinite;
    -moz-animation: rotating 20s linear infinite;
    -ms-animation: rotating 20s linear infinite;
    -o-animation: rotating 20s linear infinite;
    animation: rotating 20s linear infinite;
}

.matrix-right {
    position: absolute;
    background: url(../images/matrix.svg);
    height: 506px;
    width: 506px;
    top: 50%;
    right: -18%;
    margin-top: -253px;
    -webkit-animation: rotating 20s linear infinite;
    -moz-animation: rotating 20s linear infinite;
    -ms-animation: rotating 20s linear infinite;
    -o-animation: rotating 20s linear infinite;
    animation: rotating 20s linear infinite;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.navbar-fixed-top.scrolled {
    background-color: #fff !important;
    transition: background-color 200ms linear;
}

.star-header {
    display: flex;
    background: url(../images/star-header.svg) center no-repeat;
    background-size: 90%;
    width: 120px;
    height: 140px;
}

.title-schem {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 140%;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-bottom: 70px;
}

.matrix-schem {
    background: url(../images/matrix-schem.svg) no-repeat center;
    background-size: 90%;
    height: 600px;
}

.purpose-schem {
    background: url(../images/purpose.svg) no-repeat center;
    background-size: 50%;
    height: 538px;
}

.header-matrix-pages {
    position: relative;
    background: url(../images/backgrounds/bg-freedesc-header.jpg) no-repeat;
    background-size: 100% 100%;
    height: 1363px;
    min-height: 100vh;
    padding: 60px 0;
}
div#accordionFlushExample {
    margin-top: -280px;
    z-index: 10;
}
.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: transparent;
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-border-color: rgb(255 255 255 / 20%);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: 0;
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 2rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230a58ca'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    --bs-accordion-btn-focus-border-color: transparent;
    --bs-accordion-btn-focus-box-shadow: transparent;
    --bs-accordion-body-padding-x: 1.5rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 140%;
    text-transform: capitalize;
    color: #FFFFFF;
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 140%;
    text-transform: capitalize;
    color: #FFFFFF;
}

.text-1 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #FFFFFF;
}

.text-title {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.text-title-content {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 120%;
    text-transform: capitalize;
    color: #FFFFFF;
}

.text-star {
    background: url(../images/star-desc.svg) no-repeat;
    height: 64px;
    width: 64px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-2 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #FFFFFF;
}

.text-line {
    opacity: 0.2;
    border-bottom: 1px solid #FFFFFF;
    margin: 20px 0;
}

.list-text2 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #FFFFFF;
}

.list-text-content {
    display: flex;
    align-items: center;
    gap: 7px;
}

.list-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.headline-text {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 120%;
    color: #FFFFFF;
    margin: 40px 0 20px 0;
}

.button-standart {
    background: #5E25FF;
    border-radius: 9999px;
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    padding: 15px 81px;
    cursor: pointer;
}

.button-standart.button-standart-width {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.matrix-content-button {
    margin: 40px 0 30px 0;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
    outline: 0;
}

.modal-background {
    background: url(../images/backgrounds/bg-popup.jpg);
    height: 650px;
    background-color: #111;
}

.auth-left {
    display: flex;
    position: relative;
    height: 100vh;
    background: url(../images/backgrounds/bg-auth.jpg);
    background-size: cover;
    align-items: center;
    justify-content: center;
}

.matrix-full {
    position: absolute;
    background: url(../images/matrix.svg);
    height: 506px;
    width: 506px;
    -webkit-animation: rotating 20s linear infinite;
    -moz-animation: rotating 20s linear infinite;
    -ms-animation: rotating 20s linear infinite;
    -o-animation: rotating 20s linear infinite;
    animation: rotating 20s linear infinite;
}

.mx-nav-auth .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 100%;
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.5;
    border-bottom: 1px solid #FFFFFF;
    border-radius: 0;
}

.mx-nav-auth .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: transparent;
    opacity: 1 !important;
}

.title-auth {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: italic;
    font-weight: 400;
    font-size: 44px;
    line-height: 67px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 36px;
}

.line-auth {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    opacity: 0.2;
    margin-bottom: 20px;
}

.line-auth span {
    position: relative;
    font-family: 'Montserrat';
    font-style: normal;
    color: #FFFFFF;
}

.line-auth span:before {
    display: block;
    width:1000px;
    content: '';
    position: absolute;
    border-bottom: 1px solid #FFFFFF;
    top:50%;
    right: 30px;
}

.line-auth span:after {
    display: block;
    width:1000px;
    content: '';
    position: absolute;
    border-bottom: 1px solid #FFFFFF;
    top:50%;
    left: 30px;
}

.buttons-auth-social {
    display: flex;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 9999px;
    padding: 15px 25px;
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    gap: 15px;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.buttons-group {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.auth-form {
    height: 100vh;
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.auth-form-width {
    width: 50%;
}

.mx-payment-body {
    background: url(../images/backgrounds/bg-payment.jpg) fixed;
    background-size: cover;
    height: 100vh;
}

.headline-payment-1 {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: oblique;
    font-weight: 300;
    font-size: 56px;
    line-height: 67px;
    text-align: center;
    color: #FFFFFF;
}

.headline-payment-2 {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 56px;
    line-height: 67px;
    text-align: center;
    color: #FFFFFF;
}

.total-payment {
    display: flex;
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    justify-content: space-between;
}

.payment {
    display: flex;
    background: #5E25FF;
    font-family: 'MAZIUS REVIEW 20.09';
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 9999px;
    padding: 15px 25px;
    justify-content: center;
    align-items: center;
    border: none;
}

.select-method {
    display: flex;
    gap: 15px;
    flex-direction: row;
}

.line-payment {
    opacity: 0.2;
    border-bottom: 1px solid #FFFFFF;
    margin: 60px 0 15px 0;
}

.paypal-payment {
    background: url(../images/payment-logo/payment-page/paypal.svg);
    height: 25px;
    width: 106px;
}

.payment-select {
    position: relative;
    display: inline-flex;
    border: 1.5px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    border-radius: 20px;
    width: 50%;
    height: 200px;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}

.select-form {
    position: absolute;
    top: 10px;
    right: 15px;
}

.form-payment {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
}

.headline-payment {
    margin-bottom: 50px;
}

.payment-button {
    margin-top: 225px;
}

.payment-select.active {
    background: rgba(94, 37, 255, 0.2);
    border: 2px solid #5E25FF;
    backdrop-filter: blur(5px);
    opacity: 1;
}

.method-line-1 {
    display: flex;
    gap: 5px;
}

.method-line-2 {
    display: flex;
    gap: 5px;
}

.center-payment {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.auth-container {
    width: 35%;
}

.border-bottom {
    border-bottom: 1px solid rgb(255 255 255 / 20%) !important;
}

.header-matrix-profile.border-bottom {
    padding: 35px 0 55px 0;
    margin-bottom: 70px;
}

.nav-profile .nav-pills .nav-link {
    text-align: left;
    background: 0 0;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius);
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
}

.nav-profile .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: transparent;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700 !important;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
}

.headline-profile {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.history-content {
    display: flex;
    background: rgba(94, 37, 255, 0.2);
    border: 1.5px solid #5E25FF;
    backdrop-filter: blur(5px);
    border-radius: 20px;
    height: 101px;
    width: 342px;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 50px;
}

.history-name {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
}

.history-date {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}

.container-history {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.profile-button.dropdown-toggle {
    display: flex;
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    border: 1.5px solid rgba(255, 255, 255, 0.2);
    border-radius: 1000px;
    background: transparent;
    padding: 8px 20px;
    align-items: center;
    gap: 8px;
}

.dropdown-menu.show {
    background: #171618;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    padding: 10px 40px 10px 10px;
}

.dropdown-item {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: transparent;
    color: #FFF;
    font-weight: 700;
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid rgb(255 255 255 / 20%);
    opacity: 1;
    margin: 10px -40px 10px -10px;
}

.color-red {
    color: #FF317B !important;
}

.firstname-profile {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
}

.firstname-email {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.container-profile {
    padding: 15px;
}

.click-save {
    background: #5E25FF;
    border-radius: 9999px;
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    padding: 15px 25px;
    border: none;
    width: 100%;
}

.headline-popup {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: italic;
    font-weight: 400;
    font-size: 72px;
    line-height: 86px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 20px;
}

.text-popup {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.8;
    margin-bottom: 14px;
    padding: 0 100px;
}

.cost-popup {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 140%;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
}

.button-content-popup {
    display: flex;
    justify-content: center;
    margin: 20px 0 60px 0;
}

.button-classic {
    background: #5E25FF;
    border-radius: 9999px;
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    padding: 15px 70px;
}

.button-width {
    width: 100%;
}

.mx-nav-auth {
    margin-bottom: 48px !important;
}

.buttons-auth-forgot {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #FFFFFF;
    opacity: 0.5;
    text-decoration: none;
    text-align: center;
    margin-top: 12px;
}

.text-auth {
    display: flex;
    justify-content: center;
    width: 100%;
}

.icon-auth {
    display: flex;
    justify-content: flex-start;
}

section.page.page-width {
    width: 900px;
}

.content-central-view {
    display: flex;
    justify-content: center;
}

.nav-profile > .nav-pills {
    --bs-nav-pills-border-radius: 0.375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd;
    gap: 40px;
}

.nav-profile .nav-pills .nav-link.color-red {
    color: #FF317B !important;
}

.profile-button-mobile {
    display: flex;
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    border: 1.5px solid rgba(255, 255, 255, 0.2);
    border-radius: 1000px;
    background: transparent;
    padding: 8px 40px;
    align-items: center;
    gap: 8px;
}

.user-icon {
    background: url(../images/user-icon.svg);
    height: 17px;
    width: 13px;
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1.4rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: 0 0.125rem 0.25remrgba(var(--bs-body-color-rgb), 0.075);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5;
}

.btn-close-mx {
    border: none;
    background: transparent;
    font-size: 22px;
    color: #FFF;
}

.content-profile {
    padding: 0px 0 50px 0;
}

.avatar {
    background: url(../images/profile-noavatar.svg);
    border-radius: 50%;
    height: 64px;
    width: 64px;
    margin-bottom: 24px;
}

.info-profile-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-profile-nav > .name-nav {
    font-family: 'MAZIUS REVIEW 20.09';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 38px;
    color: #FFFFFF;
}

.info-profile-nav > .email-nav {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}

.line-profile {
    opacity: 0.2;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 45px;
}

.navbar-nav.justify-content-end.flex-grow-1.pe-3 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    gap: 40px;
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: url(../images/backgrounds/arrow-icon.svg);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../images/backgrounds/arrow-icon.svg);
    transform: var(--bs-accordion-btn-icon-transform);
}

.mx-desc-body {
    background: url(../images/backgrounds/bg-body-freedesc.jpg);
    background-size: cover;
}

.content-mx {
    width: 421px;
}

.close-icon {
    background: url(../images/close.svg);
    height: 24px;
    width: 24px;
}

.desc-star {
    display: flex;
    background: url(../images/star.svg);
    background-size: 100%;
    height: 16px;
    width: 16px;
    align-items: flex-start;
    margin-top: -5px;
}

.matrix-title.matrix-title-desc {
    font-size: 72px;
    line-height: 110px;
}

.accordion-button:not(.collapsed) {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}

.content-modal-mobile {
    position: relative;
}

.navbar-nav > .nav-item > .nav-link {
    color: #FFF;
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 950px;
    }
}

@media (min-width: 320px) and (max-width: 676px) {
    .auth-form {
        display: flex;
        justify-content: center;
        padding: 35px 0;
        height: auto;
    }
    div#accordionFlushExample {
        margin-top: 0;
        z-index: 10;
    }
    .desc-star {
        display: flex;
        background: url(../images/star.svg);
        background-size: 100%;
        height: 16px;
        width: 16px;
        align-items: flex-start;
        margin-top: 3px;
    }
    .list-text-content {
        display: flex;
        align-items: flex-start;
        gap: 7px;
    }
    .button-standart.button-mobile {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .schem-container {
        margin-top: -20px;
    }
    .matrix-title.matrix-title-desc {
        font-size: 36px;
        line-height: 66px;
        width: 90%;
        margin-top: 110px;
    }
    .mx-main-body {
        background: url(../images/backgrounds/bg-main-mobile.jpg) no-repeat;
        background-size: 100%;
    }
    .logotype-footer {
        display: none;
    }
    .copyright {
        display: none;
    }
    .copyright-mobile {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        color: #FFFFFF;
        opacity: 0.8;
        margin-top: 50px;
    }
    .matrix-right {
        display: none;
    }
    .matrix-left {
        display: none;
    }
    .matrix-title {
        font-family: 'MAZIUS REVIEW 20.09';
        font-style: normal;
        font-weight: 400;
        font-size: 64px;
        line-height: 77px;
        text-align: center;
        color: #FFFFFF;
        width: 80%;
        margin-bottom: 20px;
        margin-top: 60px;
    }
    .matrix-desc {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        text-align: center;
        color: #FFFFFF;
        opacity: 0.8;
        width: 100%;
        padding-top: 0;
    }
    .matrix-main {
        display: flex;
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -70%);
        justify-content: center;
        width: 90%;
    }
    .col-md-6.mobile-background {
        background: #101011;
        padding: 30px 25px 150px 25px;
        margin-bottom: -150px;
    }
    .title-section {
        font-family: 'MAZIUS REVIEW 20.09';
        font-style: italic;
        font-weight: 400;
        font-size: 48px;
        line-height: 58px;
        color: #FFFFFF;
    }
    .desc-section {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        color: #FFFFFF;
        opacity: 0.8;
    }
    .display-mobile {
        display: none;
    }
    .content-mobile-image {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .image-about {
        background: url(../images/about-image.svg) no-repeat center;
        background-size: 60%;
        width: 513px;
        height: 380px;
    }
    .content-image-left.content-mobile2-image {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
    }
    .image-questions {
        background: url(../images/questions-image.svg) no-repeat center;
        background-size: 60%;
        width: 552px;
        height: 500px;
        margin: -150px 0 20px 0;
    }
    .matrix-content {
        width: 100%;
    }
    .signin {
        display: none;
    }
    .auth-container {
        width: 90%;
    }
    .headline-payment-1 {
        font-size: 44px;
    }
    .headline-payment-2 {
        font-size: 44px;
    }
    form.main-form {
        padding: 0 0;
    }
    nav.d-flex.py-4 {
        display: flex;
        justify-content: space-between !important;
        padding: 0 10px;
    }
    .star-header {
        display: none;
    }
    .matrix-mobile {
        position: absolute;
        background: url(../images/matrix.svg) center no-repeat;
        background-size: 85%;
        height: 506px;
        top: -30%;
        -webkit-animation: rotating 20s linear infinite;
        -moz-animation: rotating 20s linear infinite;
        -ms-animation: rotating 20s linear infinite;
        -o-animation: rotating 20s linear infinite;
        animation: rotating 20s linear infinite;
        width: 100%;
    }
    .auth-form-width {
        width: 85%;
    }
    .header-matrix {
        position: relative;
        background: url(../images/backgrounds/bg-header-mobile.jpg) no-repeat;
        background-size: cover;
        height: 100vh;
    }
    .mx-payment-body {
        background: url(../images/backgrounds/bg-payment-mobile.jpg) fixed no-repeat;
        background-color: #19191b;
        background-size: cover;
        min-height: 100vh !important;
    }
    .profile-button {
        display: none !important;
    }
    .border-bottom {
        border-bottom: unset !important;
    }
    .header-matrix-profile.border-bottom {
        padding: 35px 0 10px 0;
        margin-bottom: 70px;
    }
    .click-save {
        background: #5E25FF;
        border-radius: 9999px;
        font-family: 'MAZIUS REVIEW 20.09';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        color: #FFFFFF;
        padding: 15px 25px;
        border: none;
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .mb-3.position-down {
        position: absolute;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 30px 15px;
    }
    .offcanvas {
        background: url(../images/backgrounds/bg-payment-mobile.jpg) no-repeat;
        background-size: cover;
        width: 100% !important;
    }
    .logotype-nav {
        background: url(../images/logotype.svg);
        height: 30px;
        width: 162px;
    }
    .footer-nav-mobile {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        color: #FFFFFF;
        opacity: 0.8;
        position: absolute;
        bottom: 40px;
    }
    .history-content {
        display: flex;
        background: rgba(94, 37, 255, 0.2);
        border: 1.5px solid #5E25FF;
        backdrop-filter: blur(5px);
        border-radius: 20px;
        height: 101px;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        padding: 50px;
        width: 100%;
    }
    .mx-auth-body {
        background: url(../images/backgrounds/bg-auth-mobile.jpg);
        background-color: #19191b;
        background-size: cover;
        margin: 20px 0 20px 0;
        min-height: 100vh !important;
    }
    .auth-switcher {
        display: flex;
        align-items: center;
        align-content: center;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .mx-nav-auth {
        margin-bottom: 48px !important;
        width: 120%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    section.page.page-width {
        width: 100%;
    }
    .button-standart {
        background: #5E25FF;
        border-radius: 9999px;
        font-family: 'MAZIUS REVIEW 20.09';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        color: #FFFFFF;
        text-decoration: none;
        padding: 15px 35px;
        cursor: pointer;
    }
    .matrix-schem {
        background: url(../images/matrix-schem.svg) no-repeat center;
        background-size: 95%;
        height: 375px;
    }
    .purpose-schem {
        background: url(../images/purpose.svg) no-repeat center;
        background-size: 80%;
        height: 538px;
    }
    .header-matrix-pages.header-upgrade-pages {
        background: url(../images/backgrounds/bg-header-freedesc-mobile.jpg);
        background-size: cover;
    }
    .mx-desc-body {
        background: url(../images/backgrounds/bg-free-mobile.jpg);
        background-size: 100%;
        margin-top: -30px;
    }
    .container.container-width {
        width: 100% !important;
        --bs-gutter-x: -10px;
    }
    .header-matrix-pages.header-upgrade-pages {
        padding: 0;
    }
    .text-title-content {
        font-family: 'MAZIUS REVIEW 20.09';
        font-style: normal;
        font-weight: 400;
        font-size: 28px;
        line-height: 120%;
        text-transform: capitalize;
        color: #FFFFFF;
        width: 70%;
    }
    .text-star {
        background: url(../images/star-desc.svg) no-repeat;
        height: 64px;
        width: 64px;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .headline-popup {
        font-family: 'MAZIUS REVIEW 20.09';
        font-style: italic;
        font-weight: 400;
        font-size: 46px;
        line-height: 60px;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .text-popup {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 150%;
        text-align: center;
        color: #FFFFFF;
        opacity: 0.8;
        margin-bottom: 14px;
    }
    .button-desktop {
        display: none;
    }
    .content-modal-mobile {
        position: relative;
        background: url(../images/backgrounds/bg-popup-mobile.jpg);
        background-size: 100%;
        padding: 25px;
        overflow: hidden;
        height: 1988px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .close-content {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        margin-right: -15px;
    }
    .headline-popup-2 {
        font-family: 'MAZIUS REVIEW 20.09';
        font-style: italic;
        font-weight: 400;
        font-size: 56px;
        line-height: 60px;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .text-popup-2 {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 150%;
        text-align: center;
        color: #FFFFFF;
        opacity: 0.8;
        margin-bottom: 14px;
    }
    .modal-body {
        padding: 0;
    }
    .list-text2 {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        color: #FFFFFF;
        width: 85%;
    }
    .line-popup {
        opacity: 0.2;
        border-bottom: 1px solid #FFFFFF;
        margin-bottom: 30px;
    }
    .mx-mob-pop {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .star-pop {
        background: url(../images/star.svg);
        width: 24px;
        height: 24px;
        margin-bottom: 10px;
    }
    .title-popup-mobile {
        font-family: 'MAZIUS REVIEW 20.09';
        font-style: normal;
        font-weight: 400;
        font-size: 32px;
        line-height: 120%;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: 40px;
    }
    .pop-title {
        font-family: 'MAZIUS REVIEW 20.09';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 120%;
        text-transform: capitalize;
        color: #FFFFFF;
        margin-bottom: 10px;
    }
    .pop-desc {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        text-align: center;
        color: #FFFFFF;
    }
    .content-popup-mobile {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    .matrix-mobile-down {
        position: absolute;
        background: url(../images/matrix.svg) center no-repeat;
        background-size: 80%;
        height: 506px;
        -webkit-animation: rotating 20s linear infinite;
        -moz-animation: rotating 20s linear infinite;
        -ms-animation: rotating 20s linear infinite;
        -o-animation: rotating 20s linear infinite;
        animation: rotating 20s linear infinite;
        width: 100%;
        z-index: 1000;
    }
    .content-mx {
        width: 100%;
    }
    .content-web {
        padding: 60px 0;
    }
    section.about {
        padding: 0 14px;
    }
    .matrix-down-mobile {
        position: absolute;
        background: url(../images/matrix.svg) center no-repeat;
        background-size: 85%;
        height: 506px;
        bottom: -13%;
        -webkit-animation: rotating 20s linear infinite;
        -moz-animation: rotating 20s linear infinite;
        -ms-animation: rotating 20s linear infinite;
        -o-animation: rotating 20s linear infinite;
        animation: rotating 20s linear infinite;
        width: 100%;
    }
    .logotype.adapt-auth {
        display: flex;
    }
    .logotype-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 25px;
        margin-bottom: -25px;
    }
    .title-schem {
        font-family: 'MAZIUS REVIEW 20.09';
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 140%;
        text-align: center;
        text-transform: capitalize;
        color: #FFFFFF;
        margin-bottom: 30px;
    }

    @media (min-height: 600px) and (max-height: 680px) {
        .matrix-mobile {
            position: absolute;
            background: url(../images/matrix.svg) center no-repeat;
            background-size: 85%;
            height: 350px;
            top: -30%;
            -webkit-animation: rotating 20s linear infinite;
            -moz-animation: rotating 20s linear infinite;
            -ms-animation: rotating 20s linear infinite;
            -o-animation: rotating 20s linear infinite;
            animation: rotating 20s linear infinite;
            width: 100%;
        }
        .matrix-main {
            display: flex;
            position: absolute;
            top: 85%;
            left: 50%;
            transform: translate(-50%, -70%);
            justify-content: center;
            width: 90%;
        }
        section.about {
            margin-top: 80px;
        }
        .navbar-nav.justify-content-end.flex-grow-1.pe-3 {
            font-family: 'Montserrat';
            font-style: normal;
            font-weight: 500;
            font-size: 18px;
            line-height: 22px;
            color: #FFFFFF;
            gap: 20px;
        }
        .payment-button {
            margin-top: 65px;
        }
        .content-modal-mobile {
            position: relative;
            background: url(../images/backgrounds/bg-popup-mobile.jpg);
            background-size: 100%;
            padding: 25px;
            overflow: hidden;
            height: 1900px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
    }

    @media(min-height: 681px) and (max-height: 741px) {
        .matrix-mobile {
            position: absolute;
            background: url(../images/matrix.svg) center no-repeat;
            background-size: 80%;
            height: 350px;
            top: -30%;
            -webkit-animation: rotating 20s linear infinite;
            -moz-animation: rotating 20s linear infinite;
            -ms-animation: rotating 20s linear infinite;
            -o-animation: rotating 20s linear infinite;
            animation: rotating 20s linear infinite;
            width: 100%;
        }
        .matrix-main {
            display: flex;
            position: absolute;
            top: 85%;
            left: 50%;
            transform: translate(-50%, -70%);
            justify-content: center;
            width: 90%;
        }
        section.about {
            margin-top: 80px;
        }
    }

    @media(min-height: 742px) and (max-height: 800px) {
        .matrix-mobile {
            position: absolute;
            background: url(../images/matrix.svg) center no-repeat;
            background-size: 80%;
            height: 350px;
            top: -30%;
            -webkit-animation: rotating 20s linear infinite;
            -moz-animation: rotating 20s linear infinite;
            -ms-animation: rotating 20s linear infinite;
            -o-animation: rotating 20s linear infinite;
            animation: rotating 20s linear infinite;
            width: 100%;
        }
        .matrix-main {
            display: flex;
            position: absolute;
            top: 75%;
            left: 50%;
            transform: translate(-50%, -70%);
            justify-content: center;
            width: 90%;
        }
        section.about {
            margin-top: 60px;
        }
    }
    button.btn-close-mx.btn-close-mobile {
        position: absolute;
        top: 20px;
        right: 10px;
    }
}

@media (min-width: 676px) and (max-width: 1200px) {
    form.main-form {
        padding: 0 30px;
    }
    .matrix-content {
        width: 100% !important;
    }
    .auth-container {
        width: 55%;
    }
    .logotype-footer {
        display: flex;
        background: url(../images/footer-logotype.svg) no-repeat;
        width: 382px;
        height: 69px;
        background-size: 80%;
    }
    .matrix-right {
        position: absolute;
        background: url(../images/matrix.svg) center no-repeat;
        background-size: 70%;
        height: 506px;
        width: 506px;
        top: 50%;
        right: -35%;
        margin-top: -253px;
        -webkit-animation: rotating 20s linear infinite;
        -moz-animation: rotating 20s linear infinite;
        -ms-animation: rotating 20s linear infinite;
        -o-animation: rotating 20s linear infinite;
        animation: rotating 20s linear infinite;
    }
    .matrix-left {
        position: absolute;
        background: url(../images/matrix.svg) center no-repeat;
        background-size: 70%;
        height: 506px;
        width: 506px;
        top: 50%;
        left: -35%;
        margin-top: -253px;
        -webkit-animation: rotating 20s linear infinite;
        -moz-animation: rotating 20s linear infinite;
        -ms-animation: rotating 20s linear infinite;
        -o-animation: rotating 20s linear infinite;
        animation: rotating 20s linear infinite;
    }
    .matrix-title {
        font-family: 'MAZIUS REVIEW 20.09';
        font-style: normal;
        font-weight: 400;
        font-size: 64px;
        line-height: 65px;
        text-align: center;
        color: #FFFFFF;
        width: 80%;
    }
    .star-header {
        display: none;
    }
    button.matrix-button {
        font-size: 16px;
    }
    .matrix-desc {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        text-align: center;
        color: #FFFFFF;
        opacity: 0.8;
        width: 80%;
        padding-top: 20px;
    }
    .matrix-full {
        position: absolute;
        background: url(../images/matrix.svg) center no-repeat;
        height: 506px;
        width: 506px;
        -webkit-animation: rotating 20s linear infinite;
        -moz-animation: rotating 20s linear infinite;
        -ms-animation: rotating 20s linear infinite;
        -o-animation: rotating 20s linear infinite;
        animation: rotating 20s linear infinite;
        background-size: 60%;
    }
    .button-standart {
        background: #5E25FF;
        border-radius: 9999px;
        font-family: 'MAZIUS REVIEW 20.09';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #FFFFFF;
        text-decoration: none;
        padding: 15px 15px;
        cursor: pointer;
    }
    .buttons-auth-social {
        display: flex;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 9999px;
        padding: 15px 20px;
        font-family: 'MAZIUS REVIEW 20.09';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 24px;
        text-align: center;
        color: #FFFFFF;
        text-decoration: none;
        gap: 15px;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .mx-nav-auth .nav-item .nav-link, .nav-justified .nav-item .nav-link {
        width: 100%;
        font-family: 'MAZIUS REVIEW 20.09';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 29px;
        text-align: center;
        color: #FFFFFF;
        opacity: 0.5;
        border-bottom: 1px solid #FFFFFF;
        border-radius: 0;
    }
    .matrix-schem {
        background: url(../images/matrix-schem.svg) no-repeat center;
        background-size: 90%;
        height: 310px;
    }
    .purpose-schem {
        background: url(../images/purpose.svg) no-repeat center;
        background-size: 50%;
        height: 320px;
    }
    .matrix-content-page {
        padding: 130px 0 10px 0;
    }
    div#accordionFlushExample {
        margin-top: -490px;
        z-index: 10;
    }
    .modal-background {
        background: url(../images/backgrounds/bg-popup.jpg) right;
        background-size: cover;
        height: auto;
    }
    .auth-form-width {
        width: 80%;
    }
}

/* --- END --- */
@media (min-width: 676px) {
    .copyright-mobile {
        display: none;
    }
    .content-mobile-image {
        display: none;
    }
    .matrix-mobile {
        display: none;
    }
    .profile-button-mobile {
        display: none;
    }
    .button-mobile {
        display: none;
    }
    .logotype.adapt-auth {
        display: none;
    }
    button.btn-close-mx.btn-close-mobile {
        display: none;
    }
}

td.td_chakra {
    text-align: left
}

.health-map-table {
    width: 100%;
    background: #eadeb6 !important;
    text-align: center
}

.health-map-table {
    font-size: 70%
}

.health-map-table td {
    font-size: 120%
}

.health-map-table td {
    border-collapse: collapse
}

.health-map-table tr:nth-child(1) {
    background: #000 !important
}

.health-map-table tr:nth-child(2) {
    background: #5d3a8a !important;
    background-color: #5d3a8a !important
}

.health-map-table tr:nth-child(3) {
    background: #343e6f !important
}

.health-map-table tr:nth-child(4) {
    background: #74a3ab !important
}

.health-map-table tr:nth-child(5) {
    background: #4c8656 !important
}

.health-map-table tr:nth-child(6) {
    background: #d8a475 !important;
    background: #e2bc76 !important
}

.health-map-table tr:nth-child(7) {
    background: #a34924 !important
}

.health-map-table tr:nth-child(8) {
    background: #6a3432 !important
}

.health-map-table tr:nth-child(9) {
    background: #000 !important;
    font-weight: bold !important
}

.cls-1 {
    isolation: isolate
}

.cls-2 {
    opacity: .75
}

.cls-17,
.cls-18,
.cls-27,
.cls-3,
.cls-31,
.cls-32,
.cls-37,
.cls-4,
.cls-5,
.cls-64,
.cls-65,
.cls-7 {
    fill: none;
    stroke-width: 2.43px;
}

.cls-65 {
    stroke: #000;
    display: none;
}

.cls-55 {
    fill: #FFF
}

.cls-53,
.cls-52 {
}

.cls-5,
.cls-7,
.cls-17,
.cls-18,
.cls-24,
.cls-21,
.cls-3,
.cls-4 {
    stroke: #646464;
}

.cls-17,
.cls-18,
.cls-21,
.cls-24,
.cls-27,
.cls-3,
.cls-31,
.cls-32,
.cls-37,
.cls-4,
.cls-5,
.cls-7 {
    stroke-miterlimit: 10
}

.cls-21,
.cls-24,
.cls-3,
.cls-5,
.cls-7 {
    stroke-width: 2.43px
}

.cls-6,
.cls-8,
.cls-63 {
    fill: #eadeb6;
    display: none;
}

.cls-10 {
    fill: #753AFF
}

.cls-64 {
    stroke: #eadeb6;
    stroke-width: 2.43px;
    display: none;
}

.cls-27 {
    stroke: #5d3a8a
}

.cls-13 {
    fill: #4863FB
}

.cls-15 {
    fill: #2CA6B5
}

.cls-17,
.cls-18,
.cls-27,
.cls-31,
.cls-32,
.cls-37 {
    stroke-width: 2.43px
}

.cls-18 {
    stroke-dasharray: 5.04 5.04
}

.cls-19 {
    fill: #EF2757
}

.cls-31 {
    stroke: #6a3432
}

.cls-30,
.cls-36,
.cls-48,
.cls-54,
.cls-57,
.cls-59 {
    fill: #fff
}

.cls-1 {
    fill: white
}

.cls-22 {
    fill: #FF7223
}

.cls-24, .cls-21, .cls-66, .cls-67 {
    fill: #19191b;
}

.cls-25 {
    fill: #FFB74A
}

.cls-28,
.cls-33,
.cls-39,
.cls-44,
.cls-48,
.cls-51,
.cls-66 {
    font-size: 10px
}

.cls-28,
.cls-30,
.cls-67,
.cls-34,
.cls-35,
.cls-36,
.cls-39,
.cls-43,
.cls-51,
.cls-66,
.cls-54,
.cls-55,
.cls-56,
.cls-57,
.cls-58,
.cls-59,
.cls-60 {
    font-family: Arial-BoldMT, Arial
}

.cls-28,
.cls-30,
.cls-67,
.cls-34,
.cls-35,
.cls-36,
.cls-40,
.cls-41,
.cls-43,
.cls-51,
.cls-66,
.cls-54,
.cls-55,
.cls-56,
.cls-57,
.cls-58,
.cls-59,
.cls-60 {
    font-weight: 700
}

.cls-29,
.cls-35,
.cls-41 {
    letter-spacing: -0.01em
}

.cls-30,
.cls-67,
.cls-43 {
    font-size: 12px;
    display: none;
}

.cls-32 {
    stroke: #fff
}

.cls-33,
.cls-42,
.cls-48 {
    font-family: ArialMT, Arial;
    display: none;
}

.cls-36 {
    font-size: 8px
}

.cls-37 {
    stroke: #6a3432
}

.cls-38 {
    fill: #6a3432
}

.cls-44,
.cls-61 {
    font-family: Arial-ItalicMT, Arial;
    font-style: italic
}

.cls-45 {
    letter-spacing: -0.01em
}

.cls-46 {
    letter-spacing: .01em
}

.cls-49 {
    letter-spacing: -0.04em
}

.cls-50 {
    letter-spacing: -0.03em
}

.cls-52 {
    font-size: 41.04px;
    fill: #7BAD1F;
    font-family: ArialNarrow, Arial
}

.cls-53 {
    fill: #FF2171
}

.cls-54, .cls-55, .cls-56 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    color: #FFFFFF;
}

.cls-56 {
    fill: #fff
}

.cls-57, .cls-58 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14.5px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
}

.cls-59, .cls-60 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 19.5px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}

.cls-61 {
    font-size: 6px
}

.cls-62 {
    letter-spacing: -0.07em
}

.matrix-value-point {
    text-anchor: middle;
    alignment-baseline: middle
}

#matrix-legend1 {
    position: absolute;
    top: 0;
    right: 400px;
    padding-top: 20px;
    padding-right: 20px
}

#prednazn {
    margin-bottom: 20px
}

#prednazn {
    font-size: 70%
}

#prednazn h3 {
    font-size: 130%
}

#nebo1,
#zemlia1,
#for_self1,
#male1,
#female1,
#socium1,
#duhovnoe1,
#planetarnoe1 {
    border: 2px solid #eadeb6;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: inline-block;
    text-align: center;
    line-height: 30px
}

.ui-datepicker-trigger {
    max-width: 25px;
    margin-left: 5px;
    top: -2px;
    margin-top: -6px;
    font-family: Georgia, 'Times New Roman', Times, serif !important
}

#whole {
    display: none
}

#table1 {
    margin-top: 30px;
    width: 100%
}

#table2 {
    width: 100%
}

#matrix {
    float: left;
    margin-left: 1%;
    margin-top: 25px;
    width: 100%;
    max-width: 800px;
    min-width: 380px
}

#buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1000px
}

#inp {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 55px
}

.but1 {
    -webkit-appearance: none;
    background-color: #eadeb6;
    border: 0;
    color: black;
    font-size: large;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    width: 120px;
    border-radius: 16px;
    background-attachment: fixed
}

.inbut1 {
    display: flex;
    align-items: center;
    justify-content: center
}

.but {
    background-color: #eadeb6;
    border: 0;
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    height: 24px;
    border-radius: 15px;
    background-attachment: fixed
}

.inbut {
    display: flex;
    align-items: center;
    justify-content: center
}

::placeholder {
    color: black;
    opacity: 1
}

:-ms-input-placeholder {
    color: black
}

::-ms-input-placeholder {
    color: black
}

.count-matrix {
    text-anchor: middle;
    alignment-baseline: middle;
    fill: #FFF;
    text-align: center;
    width: 34px;
    height: 34px;
}

.column-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ui-widget.ui-widget-content {
    border: unset;
}

.ui-widget-content {
    border: unset;
    background: #19191b;
    color: #fff;
    border-radius: 12px;
    background: linear-gradient(145deg, #171718, #1b1b1d);
    box-shadow: 6px 6px 12px #171719, -6px -6px 12px #1b1b1d;
}

.ui-widget-header {
    border: unset;
    background: #1d1d1e;
    color: #333;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: unset;
    background: #1d1d1e;
    font-weight: normal;
    text-align: center;
    height: 34px;
    width: 34px;
    line-height: 0;
    color: #d6d6d6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: unset;
    background: #5f26ff;
    color: #ffffff;
}

.ui-state-default:hover {
    border: unset;
    background: #5f26ff;
    color: #ffffff;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.ui-datepicker-month {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #FFF;
    padding: 4px;
    border-radius: 9999px;
}

.ui-datepicker-year {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #FFF;
    padding: 4px;
    border-radius: 9999px;
}


//--adp-background-color-hover

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #19191b inset !important;
}

input:-webkit-autofill{
    -webkit-text-fill-color: #FFF !important;
}