* {
    padding: 0;
    margin: 0;
    outline: none;
}

.owl-stage-outer {
    overflow: hidden;
}

.owl-stage {
    display: flex;
}

.owl-nav, .owl-dots {
    display: none;
}

html {
    position: relative;
    z-index: 1;
}

body {
    overflow: auto;
}

p, a, span, h1, h2, h3, h4, h5, h6, label, td, th {
    font-family: 'Poppins', sans-serif;
}

.image {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: cover;
}

.header {
    width: 100%;
    height: 100%;
    padding-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    width: 250px;
    height: 36px;
    background: url(/assets/img/MSW.png) no-repeat center center;
    background-size: contain;
}

.header .menu-mobile {
    display: none;
    width: 100%;
}

.header .menu-mobile a {
    color: #fff;
    text-decoration: none;
}

.header .menu-mobile ul {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    flex-direction: column;
    list-style: none;
    z-index: 999;
    margin-left: -34px;
}

.header.white .menu-mobile {
    color: #fff
}

.header.black .menu-mobile {
    color: #000
}

.header.white .menu-mobile ul {
    background-color: #fff;
}

.header.black .menu-mobile ul {
    background-color: #000;
}

.header.white .menu-mobile ul a {
    background-color: #fff;
    color: #000;
}

.header.black .menu-mobile ul a {
    background-color: #000;
    color: #fff;
}

.header .menu-mobile .fa-bars {
    position: relative;
    z-index: 1000;
}

.header .menu-mobile ul a {
    display: block;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
}

.header .menu-desktop ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    list-style: none;
}

.header.white .menu-desktop li a {
    color: #fff;
}

.header.black .menu-desktop li a {
    color: #000;
}

.header .menu-desktop li a {
    position: relative;
    height: 100%;
    padding: 10px 25px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    transition: .2s;
    text-decoration: none;
    cursor: pointer;
}

.header .menu-desktop li a:after {
    content: '';
    position: absolute;
    bottom: -5px;
    right: 0;
    height: 2px;
    width: 100%;
    transform: scale(0, 1);
    transition: transform 0.4s;
    background: #FF8C00;
    transform-origin: right top;
}

.header .menu-desktop li a:hover:after {
    transform: scale(1, 1);
    transform-origin: left top;
}

.header .menu-desktop .login {
    color: #fff
}

.header .menu-desktop .login a {
    padding: 10px 15px;
}

.big-logo {
    color: #fff;
    text-transform: uppercase;
    font-size: 96px;
    line-height: 96px;
    margin-top: 225px;
    width: 655px;
    font-weight: 600;
}

.big-join_btn {
    padding: 20px 42px;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    border: solid 2px #FF8C00;
    border-radius: 100px;
    max-width: 260px;
    text-align: center;
    display: inline;
    transition: linear all .2s;
    margin-top: 80px;
}

.big-join_btn:hover {
    background: #FF8C00;
    color: #fff;
}

.cover-social {
    margin-top: 215px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.cover-social .socials {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cover-social .socials a {
    padding: 10px 20px
}

.leaders-row {
    margin-top: 255px;
    max-width: 1140px;
    width: 100%;
    padding-bottom: 215px;
}

.leaders-row h2 {
    color: #fff;
    font-size: 64px;
    line-height: 120%;
    padding-bottom: 35px
}

.leaders-row .header {
    border-bottom: solid 2px #fff;
    padding: 0;
}

.leaders-row .header a {
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    color: #C4C4C4;
    text-decoration: none;
    transition: linear all .2s;
}

.leaders-row a:hover {
    color: #FF8C00;
}

.leaders-row .leaders_cat-name {
    font-size: 21px;
    line-height: 25px;
    font-weight: 600;
    color: #fff;
    width: 174px;
    text-transform: uppercase;
}

.leaders-row .leaders_body-row {
    margin: 30px 0;
    display: flex;
    justify-content: flex-start;
}

.leaders-row .leaders_items {
    width: 83%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.leaders-row .leaders_items .leaders_item {
    width: 300px;
    display: block;
    margin-bottom: 1.8rem;
}

.leaders-row .leaders_items .leaders_item .cover {
    width: 100%;
    position: relative;
    transition: linear all .2s;
    height: 400px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(13, 13, 13, 0.12) 0%, #0D0D0D 100%), #F8F8F8;
}

.leaders-row .leaders_items .leaders_item .cover .cover-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    position: relative;
}

.leaders-row .leaders_item .cover::after {
    content: url('data:image/svg+xml,%3Csvg width="110" height="30" viewBox="0 0 110 30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M109.707 15.7071C110.098 15.3166 110.098 14.6834 109.707 14.2929L103.343 7.92893C102.953 7.53841 102.319 7.53841 101.929 7.92893C101.538 8.31946 101.538 8.95262 101.929 9.34315L107.586 15L101.929 20.6569C101.538 21.0474 101.538 21.6805 101.929 22.0711C102.319 22.4616 102.953 22.4616 103.343 22.0711L109.707 15.7071ZM89 16H109V14H89V16Z"/%3E%3Cpath d="M44.0005 16.068V21H41.9485V8.292H46.2685C47.7325 8.292 48.8305 8.64 49.5625 9.336C50.3065 10.032 50.6785 10.986 50.6785 12.198C50.6785 13.398 50.3005 14.346 49.5445 15.042C48.7885 15.726 47.6965 16.068 46.2685 16.068H44.0005ZM46.0525 14.394C47.7445 14.394 48.5905 13.662 48.5905 12.198C48.5905 11.478 48.3865 10.932 47.9785 10.56C47.5825 10.176 46.9405 9.984 46.0525 9.984H44.0005V14.394H46.0525ZM54.5298 7.68V21H52.4778V7.68H54.5298ZM60.991 10.956C61.891 10.956 62.659 11.178 63.295 11.622C63.931 12.066 64.381 12.654 64.645 13.386V11.082H66.697V21H64.645V18.696C64.381 19.428 63.931 20.016 63.295 20.46C62.659 20.904 61.891 21.126 60.991 21.126C60.127 21.126 59.353 20.922 58.669 20.514C57.997 20.106 57.469 19.518 57.085 18.75C56.701 17.982 56.509 17.076 56.509 16.032C56.509 15 56.701 14.1 57.085 13.332C57.469 12.564 57.997 11.976 58.669 11.568C59.353 11.16 60.127 10.956 60.991 10.956ZM61.621 12.756C60.709 12.756 59.977 13.05 59.425 13.638C58.885 14.214 58.615 15.012 58.615 16.032C58.615 17.052 58.885 17.856 59.425 18.444C59.977 19.02 60.709 19.308 61.621 19.308C62.197 19.308 62.713 19.176 63.169 18.912C63.625 18.636 63.985 18.252 64.249 17.76C64.513 17.268 64.645 16.692 64.645 16.032C64.645 15.384 64.513 14.814 64.249 14.322C63.985 13.818 63.625 13.434 63.169 13.17C62.713 12.894 62.197 12.756 61.621 12.756ZM70.3295 11.082L73.2995 18.372L76.0535 11.082H78.3395L72.3455 25.716H70.0595L72.2015 20.766L68.0255 11.082H70.3295Z" fill="%230D0D0D"/%3E%3Cpath d="M30 15L7.5 27.9904L7.5 2.00962L30 15Z" fill="%230D0D0D"/%3E%3C/svg%3E');
    border-radius: 0 100% 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -200px;
    left: -200px;
    transition: ease-in-out all .4s;
    padding: 80px 64px 30px 20px;
    background: #FF8C00;
}

.leaders-row .leaders_item:hover .cover::after {
    transform: translate(200px, -200px);
}

.leaders-row .leaders_item {
    text-decoration: none;
}

.leaders-row .leaders_item .footer {
    padding-top: 30px;
    display: flex;
}

.leaders-row .leaders_item .footer .position {
    margin-right: 30px;
    color: #fff;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 21px;
    line-height: 120%;
}

.leaders-row .leaders_item .footer .description h5 {
    font-weight: 600;
    font-size: 21px;
    line-height: 120%;
    color: #fff;
}

.leaders-row .leaders_item .footer .description p {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #FF8C00;
    margin-top: 10px;
}

.events-row,
.news-row,
.partners-row {
    background: #fff;
    padding: 255px 0;
}

.events-row h2,
.partners-row h2,
.member-row h2,
.member-row-page h2,
.news-row h2 {
    color: #000;
    font-size: 64px;
    line-height: 120%;
    padding-bottom: 35px
}

.events-row .header,
.member-row .header,
.partners-row .header,
.news-row .header {
    border-bottom: solid 2px #000;
    padding: 0;
}

.member-row-page .header {
    padding: 0;
}

.events-row .header a,
.member-row .header a,
.partners-row .header a,
.news-row .header a {
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    color: #C4C4C4;
    text-decoration: none;
    transition: linear all .2s;
}

.events-row a:hover,
.member-row a:hover,
.news-row a:hover,
.partners-row .header a:hover {
    color: #FF8C00;
}

.events-row .event-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    border-bottom: solid 1px #c4c4c4;
}

.event-item .event-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.event-item .event-date .date-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 30px;
    font-size: 21px;
    font-weight: 400;
    line-height: 25px;
}

.event-item .event-date .date-number {
    font-weight: 600;
    font-size: 64px;
    line-height: 77px;
    color: #0d0d0d;
    padding-right: 30px;
    max-width: 60px;
    min-width: 60px;
}

.event-item .event-date .date-month {
    color: #0d0d0d;
    padding-bottom: 5px;
}

.event-item .event-name {
    font-size: 28px;
    line-height: 42px;
    color: #0d0d0d;
}

.event-item .event-desc {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #0d0d0d;
}

.member-row {
    padding: 255px 0;
}

.member-row-page {
    padding: 200px 0;
}

.member-page {
    padding-top: 200px
}

.member-row-page .member-items,
.member-row .member-items {
    margin-top: 30px;
    display: flex;
}

.member-items .member_item {
    margin: 0 10px 60px;
    max-width: 360px;
    text-decoration: none;
    display: block;
}

.member-items .member_item .cover {
    width: 360px;
    height: 260px;
    background: linear-gradient(180deg, rgba(13, 13, 13, 0.12) 0%, #0D0D0D 100%);
    transition: ease-in-out all .2s;
}

.member-items .member_item .cover .cover-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    position: relative;
    z-index: -1
}

.member-items .member_item:hover .cover {
    background: linear-gradient(180deg, rgba(255, 140, 0, 0) 0%, #FF8C00 100%);
}

.member-items .member_item .footer {
    margin-top: 30px;
    max-width: 360px;
}

.member-items .member_item .footer .description h5 {
    font-weight: 600;
    font-size: 21px;
    line-height: 120%;
    color: #0D0D0D;
    padding-bottom: 10px;
}

.member-items .member_item .footer .description p {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #FF8C00;
}

.connector-row {
    padding: 80px 300px;
    background: linear-gradient(180deg, rgba(0, 00, 0, 0.12) 0%, #000 99%), url(/assets/img/head-bg.jpg) no-repeat -100px -250px;
}

.connector-row .connector-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.connector-row h2 {
    font-weight: 600;
    font-size: 64px;
    line-height: 120%;
    text-align: center;
    color: #FFF;
}

footer.main-footer {
    padding: 50px 0;
}

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

.main-footer .footer-top {
    margin-bottom: 75px;
}

.main-footer .footer-left h4 {
    color: #ff8c00;
    font-size: 28px;
    line-height: 42px;
    font-weight: 500;
    margin-bottom: 55px;
}

.main-footer .footer-left form {
    margin-bottom: 130px;
    position: relative;
    color: #fff;
}

.main-footer .footer-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.main-footer .footer-right ul {
    list-style: none;
}

.main-footer .footer-right .col {
    margin-right: 80px
}

.main-footer .footer-right .col:last-child {
    margin-right: 0;
}

.main-footer .footer-right a {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 37px;
    position: relative;
    display: block;
    padding: 5px;
    transition: .2s;
    cursor: pointer;
}

.main-footer .footer-right a:after {
    content: '';
    position: absolute;
    bottom: -5px;
    right: 0;
    height: 2px;
    width: 100%;
    transform: scale(0, 1);
    transition: transform 0.4s;
    background: #C4C4C4;
    transform-origin: right top;
}

.main-footer .footer-right a:hover:after {
    transform: scale(1, 1);
    transform-origin: left top;
}

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

.main-footer .footer-bottom .socials {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-footer .footer-bottom .socials a {
    padding: 10px 20px
}

.main-footer .footer-bottom .footer-links a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    font-weight: 500;
    line-height: 27px;
    margin-right: 30px;
}

.main-footer .footer-bottom .footer-links a:last-child {
    margin-right: 0;
}

.share-btn a {
    border: unset !important;
    font-size: 1.3rem !important;
}

.main-footer .footer-bottom .footer-links p {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
}

.news-row .news-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-row .news-item {
    display: block;
    text-decoration: none;
}

.news-row .news-item img {
    max-width: 360px;
    width: 100%;
    max-height: 260px;
    height: 100%;
    margin-bottom: 30px;
}

.news-row .news-item .news-date {
    color: #c4c4c4;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.news-row .news-item h5 {
    font-size: 21px;
    font-weight: 600;
    line-height: 25px;
    color: #000;
    transition: linear all .2s;
}

.news-row .news-item:hover h5 {
    color: #FF8C00;
}

.news-row .news-items .news-item {
    margin-right: 30px;
}

.news-row .news-items .news-item:last-child {
    margin-right: 0;
}

.news-row .view-all-btn {
    margin: 100px auto 0;
    padding: 20px 42px;
    display: block;
    max-width: 260px;
    color: #000;
    font-size: 18px;
    line-height: 22px;
    background: transparent;
    text-decoration: none;
    border: solid 2px #FF8C00;
    border-radius: 100px;
    text-align: center;
    position: relative;
    transition: linear all .2s;
}

.news-row .view-all-btn:hover {
    background: #FF8C00;
    color: #fff;
    cursor: pointer;
}

.page-row {
    margin: 210px 0;
}

.page-row h2 {
    display: block;
    text-align: center;
    font-size: 64px;
    font-weight: 600;
    line-height: 77px;
    margin-bottom: 60px;
}

.page-row span,
.news-current-item .content {
    max-width: 800px;
    display: block;
    font-size: 21px;
    line-height: 32px;
    font-weight: 400;
    text-align: justify;
    margin: 0 auto;
}

.search-page {
    margin: 160px auto;
    font-size: 18px;
    text-align: justify;
    line-height: 32px;
}

.search-page .search-inputs {
    margin: 50px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.search-page .search-inputs .inps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.search-page .search-inputs .inps label {
    display: block;
    width: 100%;
    margin-right: 75px;
}

th {
    font-weight: 600;
    font-size: 21px;
    line-height: 120%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #0D0D0D;
}

td, th {
    padding: 30px 12px;
    margin: 0;
    position: relative;
    transition: .8s;
    cursor: pointer;
}

thead th {
    text-align: left;
    text-transform: uppercase;
    font-size: 22px;
    border-bottom: solid 2px #C4C4C4;
}

tbody td {
    border-bottom: solid 1px #c4c4c4;
}

#results .title,
#results .artist {
    font-size: 17px;
    width: 50%;
}

td:after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: 0;
    height: 2px;
    width: 100%;
    transform: scale(0, 1);
    transition: transform ease-in-out .8s;
    background: #FF8C00;
    transform-origin: top;
}

td:first-child:after {
    transform-origin: left top;
}

td:last-child:after {
    transform-origin: right top;
}

tr:hover > td {
    border-color: transparent;
}

tr:hover > td:nth-child(n-1):after {
    transform: scale(1, 1);
    transform-origin: right top;
}

tr:hover > td:nth-child(n+1):after {
    transform: scale(1, 1);
    transform-origin: left top;
}

.news-current-item {
    margin: 200px auto;
}

.news-current-item .date {
    font-size: 18px;
    line-height: 27px;
    color: #c4c4c4;
}

.news-current-item h2 {
    font-size: 64px;
    line-height: 77px;
    font-weight: 600;
    margin: 30px 0 60px;
}

.news-current-item .news-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 60px 0 100px;
    width: 100%;
    height: 100%;
    max-height: 400px;
    min-height: 189px;
}

.member-page iframe {
    width: 100%;
    height: 600px;
    margin-bottom: 30px
}

.member-page h3 {
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 42px;
}

.member-page .share-btn {
    margin-bottom: 20px;
}

.member-page .description {
    font-weight: 500;
    font-size: 21px;
    line-height: 32px;
    color: #000;
    display: block;
}

.member-page .socials {
    width: 70%
}

.member-page .socials a {
    text-decoration: none;
    margin-right: 25px
}

.member-page .vote-btns {
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.member-page .vote-btns > div {
    width: 100%;
}

.member-page .vote-btns p {
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: .15em;
    color: #000;
    margin: 0 0 10px;
    padding: 0;
}

.member-page .vote-btns #vote {
    display: flex;
    width: 50%;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.member-page .vote-btns button {
    width: 100%;
    border: solid 1px #c4c4c4;
    background: transparent;
    margin: 0;
    height: 40px;
    transition: linear all .2s;
}

.member-page .vote-btns button path {
    fill: #c4c4c4;
    transition: linear all .2s;
}

.member-page .vote-btns button:hover {
    cursor: pointer;
}

.member-page .vote-btns button[name="up"]:hover {
    border-color: #8ECA72;
}

.member-page .vote-btns button[name="up"]:hover ~ button[name="down"] {
    border-left-color: #8ECA72
}

.member-page .vote-btns button[name="up"]:hover path {
    fill: #8ECA72
}

.member-page .vote-btns button[name="down"]:hover {
    border-color: #FF5E3A;
}

.member-page .vote-btns button[name="down"]:hover path {
    fill: #FF5E3A
}

.member-page .vote-btns button:first-child {
    border-right: none;
    border-radius: 5px 0 0 5px;
}

.member-page .vote-btns button:last-child {
    border-radius: 0 5px 5px 0;
}

.member-page #rate__count {
    margin-left: 10px;
    text-align: center;
    height: 40px;
    color: #c4c4c4;
    font-size: 21px;
    line-height: 25px;
    font-weight: 600;
    letter-spacing: .15em;
    border: solid 1px #c4c4c4;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.members-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.members-filter label:first-child {
    width: 200px;
}

.members-filter label:nth-child(2) {
    max-width: 300px;
}

.members-filter label:last-child {
    width: 440px;
}

.about-page {
    margin-top: 300px;
}

.about-page .title {
    text-transform: uppercase;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: .15em;
    font-weight: 600;
    color: #fff;
    margin-bottom: 60px;
}

.about-page .content-1 {
    color: #fff;
    font-size: 64px;
    line-height: 77px;
    font-weight: 600;
    max-width: 1010px;
    font-family: 'Poppins';
    margin-bottom: 200px;
}

.about-page .content-2 {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 200px;
}

.about-page .content-2 span {
    font-size: 21px;
    line-height: 32px;
    color: #FFF;
    display: block;
    max-width: 600px;
    margin-right: 90px;
}

.about-page .content-2 span:first-child {
    margin-bottom: 30px;
}

.about-page .content-2 .cover {
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.12) 0%, #000 98%), url(/assets/img/99e400295600695c42fb574174b67194.jpg) no-repeat center;
    background-size: cover;
    height: 320px;
    width: 600px;
    z-index: -1;
    position: absolute;
    right: 0;
}

.about-page .content-3 {
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 200px;
}

.about-page .content-3 span {
    font-size: 21px;
    line-height: 32px;
    color: #FFF;
    display: block;
    max-width: 600px;
    margin-top: 25px;
    margin-right: 90px;
    padding-bottom: 160px;
}

.about-page .content-3 .cover {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, #000 98%), url(/assets/img/2abb121bded8e3c6f8a31c85de0bd0f3.jpg) no-repeat center;
    background-size: cover;
    height: 320px;
    width: 600px;
    z-index: -1;
    position: absolute;
    left: 0;
}

.about-page h3 {
    font-weight: 600;
    font-size: 28px;
    line-height: 42px;
    max-width: 540px;
    color: #FFF;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: none;
}

.modal-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.12) 0%, #000 90%);
}

.modal_bl {
    min-width: 320px;
    max-width: 640px;
    background: #F8F8F8;
    width: 100%;
    border-radius: 10px;
    padding: 60px;
    z-index: 1;
    position: relative;
    margin: 50px auto;
}

.modal .close {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.332 22.0835L1.49346 1.91655M21.4935 2.08345L1.33195 21.9166L21.4935 2.08345Z' stroke='%230D0D0D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.modal .close:hover {
    cursor: pointer;
}

.modal_bl .modal-header h2 {
    font-size: 64px;
    line-height: 77px;
    font-weight: 600;
    color: #0d0d0d;
    margin-bottom: 80px;
    text-align: center;
}

.modal .modal-body label {
    margin-right: 0;
}

.cabinet {
    margin: 200px 0;
}

.cabinet h2 {
    font-weight: 600;
    font-size: 64px;
    line-height: 120%;
    color: #0D0D0D;
    margin-bottom: 60px;
}

.cabinet .menu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    list-style: none;
    margin-bottom: 30px;
}

.cabinet .menu li {
    display: inline-block;
}

.cabinet .menu a {
    color: #C4C4C4;
    font-weight: 600;
    display: inline-block;
    font-size: 28px;
    line-height: 141.5%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    transition: linear all .2s;
}

.cabinet .menu li:not(:last-child) {
    margin-right: 60px;
}

.cabinet .menu a:hover {
    color: #FF8C00;
}

.cabinet .menu a.active {
    color: #0d0d0d;
}

.cabinet-body {
    background: #fff;
    border-radius: 10px;
    padding: 50px;
}

.cabinet-body h3 {
    font-weight: 600;
    font-size: 28px;
    line-height: 150%;
    color: #0D0D0D;
    margin-bottom: 50px;
}

.balance {
    font-weight: 600;
    font-size: 28px;
    line-height: 150%;
    color: #C4C4C4;
}

.balance .count {
    font-weight: 600;
    font-size: 64px;
    line-height: 120%;
    color: #0D0D0D;
}

.small-label-btn {
    font-size: 15px;
    color: #000 !important;
    border: solid 1px #000;
    padding: 5px 10px 5px 15px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: linear all .3s;
}

.small-label-btn svg {
    margin-right: 5px;
}

.small-label-btn path {
    transition: linear all .3s;
}

.small-label-btn:hover {
    border-color: #FF8C00;
    cursor: pointer;
    color: #FF8C00 !important;
}

.small-label-btn:hover path {
    fill: #FF8C00;
}

.member-desc {
    display: flex;
    justify-content: space-between;
    align-items: center
}