@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Regular.eot');
    src: url('../fonts/montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
    url('../fonts/montserrat/Montserrat-Regular.woff') format('woff'),
    url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Medium.eot');
    src: url('../fonts/montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat/Montserrat-Medium.woff2') format('woff2'),
    url('../fonts/montserrat/Montserrat-Medium.woff') format('woff'),
    url('../fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat/Montserrat-Bold.eot');
    src: url('../fonts/montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
    url('../fonts/montserrat/Montserrat-Bold.woff') format('woff'),
    url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/bebasNeue/BebasNeueCyrillic.eot');
    src: url('../fonts/bebasNeue/BebasNeueCyrillic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bebasNeue/BebasNeueCyrillic.woff2') format('woff2'),
    url('../fonts/bebasNeue/BebasNeueCyrillic.woff') format('woff'),
    url('../fonts/bebasNeue/BebasNeueCyrillic.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.app {
    max-width: 1440px;
    margin: auto;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.header-top {
    display: flex;
    align-items: center;
    background-color: #EAE9E9;
    padding: 17px 120px;
}

.date {
    margin-left: 21px;
    font-size: 16px;
}

.auth-buttons {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.register-button {
    color: white;
    padding: 11px 30px;
    border-radius: 30px;
    border: none;
    cursor: pointer;
    font-weight: 500;
    background: linear-gradient(127.12deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    text-decoration: none;
}

.login-button {
    color: #B200FF;
    padding: 10px 30px;
    border-radius: 30px;
    border: 2px solid #B200FF;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
}

.nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding: 24px 0;
    max-width: 1200px;
    margin: 0 auto;
}

.nav-item {
    color: black;
    text-decoration: none;
    user-select: none;
    font-size: 15px;
}

.nav-item--active {
    position: relative;
    padding-bottom: 5px;
}

.nav-item--active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-image: linear-gradient(134.11deg, #B200FF 14.85%, #FF00F5 86.52%);
    border-radius: 5px;
}

.item-relative {
    position: relative;
}

.nav-item-dropdown {
    display: flex;
    gap: 3px;
    cursor: pointer;
    user-select: none;
}

.nav-dropdown-items {
	width: 200px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    background-color: #F6F6F6;
    padding: 17px;
    border: 1px solid rgba(23, 0, 33, 0.05);
    border-radius: 10px;
    box-shadow: 0 8px 7px 0 rgba(0, 0, 0, 0.0275);
    position: absolute;
    top: 25px;
    z-index: 11;
}

.main {
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
}

.banner {
    height: 319px;
    background-image: url('../img/headBanner.png');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    overflow: hidden;
}

.banner-text-wrapper {
    padding: 50px 100px;
}

.banner-header {
    font-family: BebasNeue, sans-serif;
    font-size: 50px;
    color: white;
}

.banner-text {
    color: white;
    width: 40%;
    line-height: 130%;
    margin-top: 15px;
}

.banner-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    top: 172px;
    right: 22px;
}

.banner-button {
    cursor: pointer;
}

.banner-info-wrapper {
    position: relative;
}

.banner-info {
    display: flex;
    justify-content: space-evenly;
    max-width: 1016px;
    width: 100%;
    margin: auto;
    border: 1px solid #1C001B1A;
    border-radius: 10px;
    padding: 30px 0;
    background-color: white;
    position: absolute;
    top: -78px;
    left: 50%;
    transform: translateX(-50%);
}

.banner-info-item {
    box-sizing: border-box;
    padding: 0 35px;
}

.banner-info-item-header {
    font-family: BebasNeue, sans-serif;
    font-size: 40px;
    color: #690097;
}

.banner-info-item--border {
    border-right: 1px solid #1700214D;
}

.services {
    margin-top: 113px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.service-card {
    width: 285px;
    height: 234px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.service-card-text {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    color: white;
    max-width: 65%;
}

.service-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-card-news {
    width: 285px;
    height: 234px;
    background-color: #EAE9E9;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 15px;
}

.news-items {
    height: 95%;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.news-items::-webkit-scrollbar {
    display: none;
}

.service-card-news-header {
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #690097;
}

.news-item-date {
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    color: #17002180;
    margin-top: 10px;
}

.news-item-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #170021;
    margin-top: 5px;
}

.services-small {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.service-small-card {
    width: 224px;
    height: 124px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.service-small-card-text {
    position: absolute;
    top: 20px;
    left: 15px;
    max-width: 90%;
    font-family: BebasNeue, sans-serif;
    font-size: 25px;
    color: white;
}

.service-small-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-title {
    text-align: center;
    font-family: BebasNeue, sans-serif;
    font-size: 70px;
    color: #690097;
}

.search-input-label {
    position: relative;
}

.search-input {
    width: 100%;
    border: none;
    border-radius: 63px;
    outline: none;
    background-color: #EAE9E9;
    height: 59px;
    padding-left: 74px;
    padding-right: 380px;
    box-sizing: border-box;
}

.search-input-lens {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 32px;
}

.search-input-filter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 266px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.search-input-filter-text {
    font-weight: 500;
    font-size: 18px;
    color: #170021BF;
}

.search-input-button {
    width: 245px;
    height: 55px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    color: white;
    background: linear-gradient(127.12deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translateY(-50%);
    padding: 0;
}

@-moz-document url-prefix() {
    .search-input-button {
        right: 7px;
    }
}

.search-result {
    height: 500px;
    background-color: #D9D9D9;
    margin-top: 30px;
}

.partners {
    margin-top: 120px;
}

.section-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.section-title {
    font-family: BebasNeue, sans-serif;
    font-size: 70px;
    color: #690097;
}

.section-title-separator {
    width: 5px;
    height: 57px;
    border-radius: 5px;
    background: linear-gradient(134.11deg, #B200FF 14.85%, #FF00F5 86.52%);
}

.section-subtitle {
    font-size: 14px;
    line-height: 135%;
    color: #690097;
    max-width: 15%;
}

.partners-items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 32px;
    margin-top: 30px;
}

.motivation-banner {
    margin-top: 30px;
    padding: 50px 50px 50px 102px;
    box-sizing: border-box;
    background: linear-gradient(153.92deg, #B200FF -18.49%, #000000 85.3%, #FF00F5 173.71%);
    border-radius: 30px;
    display: flex;
    gap: 93px;
}

.motivation-banner-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: BebasNeue, sans-serif;
    font-size: 35px;
}

.motivation-banner-title-white-text {
    color: white;
}

.motivation-banner-title-pink-text {
    color: #FF00F5;
}

.motivation-banner-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
    justify-content: center;
}

.motivation-banner-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.motivation-banner-list-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.motivation-banner-list-marker {
    width: 25px;
    height: 6px;
    border-radius: 6px;
    background: linear-gradient(134.11deg, #B200FF 14.85%, #FF00F5 86.52%);
    flex-shrink: 0;
}

.motivation-banner-list-text {
    font-size: 15px;
    line-height: 140%;
    color: #EAE9E9;
}

.motivation-banner-register {
    display: flex;
    align-items: center;
    gap: 10px;
}

.motivation-login-button {
    border: 1px solid white;
    border-radius: 30px;
    background-color: transparent;
    padding: 10px 30px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}

.press {
    margin-top: 120px;
}

.press-cards {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.press-card {
    width: 387px;
    border-radius: 30px;
    border: 1px solid #F500F6;
    overflow: hidden;
    padding-bottom: 30px;
}

.press-card-image {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

.press-card-text {
    margin-top: 20px;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    color: #690097;
    box-sizing: border-box;
    padding: 0 30px;
}

.press-card-date {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #888888;
    box-sizing: border-box;
    padding: 0 30px;
    margin-top: 5px;
}

.press-banner {
    margin-top: 30px;
    border-radius: 15px;
    overflow: hidden;
    height: 250px;
    background-image: url("../img/pressBanner.png");
    padding: 48px 310px;
    box-sizing: border-box;
}

.press-banner-title {
    font-family: bebasNeue, sans-serif;
    font-size: 36px;
    color: #FFFFFF;
}

.press-banner-text {
    font-size: 12px;
    line-height: 140%;
    color: #FFFFFFD9;
    margin-top: 10px;
    max-width: 348px;
}

.press-banner-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 212px;
    margin-top: 14px;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    padding: 14px 0;
    border: none;
    border-radius: 27px;
    cursor: pointer;
    background: linear-gradient(127.12deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    text-decoration: none;
}

.questions {
    margin-top: 120px;
}

.questions-wrapper {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.questions-form {
    background-image: url("../img/questionForm.png");
    background-size: cover;
    box-sizing: border-box;
    padding: 45px 102px;
    border-radius: 30px;
    max-width: 794px;
    height: 381px;
    width: 100%;
}

.questions-form-inputs-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.questions-form-inputs {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
}

.questions-form-comment-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.questions-form-label {
    font-size: 12px;
    color: #FFFFFF;
}

.questions-form-input {
    width: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    border-radius: 5px;
    padding: 20px;
    box-sizing: border-box;
    background: #FFFFFF;
}

.questions-form-comment {
    height: 138px;
    border-radius: 5px;
    resize: none;
    border: none;
    outline: none;
    box-sizing: border-box;
    padding: 20px;
    font-size: 14px;
    background: #FFFFFF;
}

.custom-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 15px;
    font-size: 14px;
    line-height: 140%;
    color: #FFFFFF;
}

.custom-checkbox input {
    display: none;
}

.checkmark {
    width: 15px;
    height: 15px;
    background: linear-gradient(127.12deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    margin-right: 10px;
    transition: background-color 0.3s, border-color 0.3s;
    display: inline-block;
    position: relative;
    flex-shrink: 0;
}

.custom-checkbox input:checked + .checkmark:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.questions-form-button {
    box-sizing: border-box;
    padding: 20px 52px;
    border-radius: 30px;
    background: linear-gradient(127.12deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 20px;
    border: none;
    outline: none;
    cursor: pointer;
}

.questions-telegram {
    background-image: url("../img/questionTelegram.png");
    max-width: 396px;
    height: 381px;
    width: 100%;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 191px 38px 38px;
}

.questions-telegram-title {
    font-family: bebasNeue, sans-serif;
    font-size: 36px;
    color: #FFFFFF;
}

.questions-telegram-text {
    font-size: 14px;
    line-height: 140%;
    color: #FFFFFF;
    margin-top: 9px;
}

.questions-telegram-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 151px;
    box-sizing: border-box;
    padding: 13px 0;
    border-radius: 27px;
    background: linear-gradient(127.12deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 20px;
    border: none;
    cursor: pointer;
    text-decoration: none;
}

footer .footer {
    margin-top: 120px;
    background-color: #1B1B1B;
    position: relative;
    box-sizing: border-box;
    padding: 116px 200px 59px 120px;
    display: flex;
    justify-content: space-between;
    gap: 145px;
}

.footer-logo {
    position: absolute;
    top: 60px;
    left: 120px;
}

.footer-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-nav-item-wrapper {
    margin-bottom: 6px;
}

.footer-nav-item {
    font-size: 15px;
    line-height: 140%;
    color: #FFFFFF;
    text-decoration: none;
}

.footer-links-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 240px;
}

.footer-links-list li {
    margin-bottom: 4px;
}

.footer-links-list-item {
    font-size: 15px;
    line-height: 140%;
    color: #FFFFFF;
    text-decoration: none;
    margin-top: 4px;
}

.footer-social-icons-wrapper {
    display: flex;
    gap: 145px;
}

.footer-social-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.footer-social-rights {
    font-size: 15px;
    line-height: 140%;
    color: #FFFFFF;
}

.footer-social-contacts {
    font-weight: 500;
    font-size: 25px;
    line-height: 140%;
    color: #FFFFFF;
    margin-top: 25px;
}

.footer-social-personal-data {
    margin-top: 25px;
}

.footer-social-personal-data-grey {
    font-size: 12px;
    line-height: 140%;
    color: #6B6B6B;
}

.footer-social-personal-data-white {
    font-size: 12px;
    color: #FFFFFF;
}

.swiper {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    overflow: hidden;
}

.swiper-slide {
    position: relative;
}


.service-card.swiper-slide img, .service-small-card.swiper-slide img, .press-card.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.swiper-slide-title {
    position: absolute;
    font-family: bebasNeue, sans-serif;
    top: 78px;
    left: 100px;
    font-size: 50px;
    color: #FFFFFF;
}

.swiper-slide-text {
    position: absolute;
    top: 143px;
    left: 100px;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
}

.swiper-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    position: absolute;
    top: 172px;
    right: 22px;
    z-index: 1;
}

.swiper-pagination {
    bottom: 35px !important;
}

.swiper-pagination-bullet {
    background: #FFFFFF !important;
    opacity: 0.5 !important;
}

.swiper-pagination-bullet-active {
    opacity: 1 !important;
}

.attendance {
    margin-top: 30px;
}

.attendance-first {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.attendance-first-card {
    border: 2px solid #000000;
    border-radius: 30px;
    max-width: 590px;
    width: 100%;
    height: 266px;
    position: relative;
    box-shadow: 10px 10px 0 0 #FF00F5;
    overflow: hidden;
}

.attendance-first-card img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.attendance-first-card-title {
    font-family: bebasNeue, sans-serif;
    font-size: 35px;
    color: #690097;
    position: absolute;
    top: 40px;
    left: 30px;
    max-width: 60%;
}

.attendance-first-card-text {
    font-size: 16px;
    line-height: 130%;
    color: #170021;
    position: absolute;
    top: 120px;
    left: 30px;
    max-width: 70%;
}

.attendance-second {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 20px;
}

.attendance-second-card {
    border: 2px solid #000000;
    border-radius: 30px;
    max-width: 387px;
    width: 100%;
    height: 235px;
    position: relative;
    box-shadow: 10px 10px 0 0 #FF00F5;
    overflow: hidden;
}

.attendance-second-card img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.attendance-second-card-title {
    font-family: bebasNeue, sans-serif;
    font-size: 35px;
    color: #690097;
    position: absolute;
    top: 40px;
    left: 30px;
}

.attendance-second-card-text {
    font-size: 16px;
    line-height: 130%;
    color: #170021;
    position: absolute;
    top: 85px;
    left: 30px;
    max-width: 70%;
}

.consult {
    margin-top: 30px;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    gap: 245px;
    box-sizing: border-box;
    padding: 45px 150px;
    background-image: url("../img/consult.png");
    background-size: cover;
}

.consult-texts-wrapper {
    max-width: 310px;
    width: 100%;
}

.consult-title {
    font-family: bebasNeue, sans-serif;
    font-size: 35px;
    color: #FFFFFF;
}

.consult-text {
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
    margin-top: 10px;
}

.consult-form {
    max-width: 350px;
    width: 100%;
}

.consult-form-button {
    width: 100%;
    background: linear-gradient(127.12deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    border: none;
    outline: none;
    border-radius: 30px;
    cursor: pointer;
    box-sizing: border-box;
    padding: 20px 0;
    color: #FFFFFF;
    margin-top: 20px;
}

.tariffs-title {
    font-family: bebasNeue, sans-serif;
    font-size: 70px;
    color: #690097;
}

.tariffs-wrapper {
    margin-top: 22px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.tariffs-column-wrapper {
    width: 100%;
    border-radius: 30px;
    background-color: #1B1B1B;
    padding: 40px 45px 80px 40px;
    box-sizing: border-box;
}

.tariffs-card {
    padding: 40px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #FFFFFF4D;
}

.tariffs-card-head {
    padding-bottom: 20px;
}

.tariffs-card-title {
    font-family: BebasNeue, sans-serif;
    font-size: 45px;
    color: #FFFFFF;
}

.tariffs-card-title-head {
    color: #FF00F5;
}

.tariffs-card-text {
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
}

.header-mobile {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
}

.burger-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.burger-button-item {
    width: 35px;
    height: 4px;
    border-radius: 30px;
    background: linear-gradient(127.12deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
}

.nav-mobile-wrapper {
    width: 100vw;
    height: 100vh;
    background: #1B1B1B url("../img/navMobileBG.png");
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.nav-mobile {
    width: 70%;
    height: 100%;
    background-color: #1B1B1B;
    padding: 50px 35px 60px 65px;
    box-sizing: border-box;
}

.nav-mobile-close {
    cursor: pointer;
    width: fit-content;
}

.nav-mobile-list {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
    padding: 0;
    margin: 30px 0 0;
}

.nav-mobile-item {
    font-size: 15px;
    color: #FFFFFF;
    text-decoration: none;
    width: fit-content;
}

.nav-mobile-phone {
    font-weight: 500;
    font-size: 25px;
    color: #B200FF;
    margin-top: 160px;
}

.nav-mobile-auth {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    margin-top: 40px;
}

.nav-mobile-register {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    border-radius: 30px;
    background: linear-gradient(127.12deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 30px;
    width: fit-content;
}

.nav-mobile-login {
    font-weight: 500;
    font-size: 16px;
    color: #B200FF;
    border-radius: 30px;
    border: 1px solid #FF00F5;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 64px;
    width: fit-content;
}

.nav-mobile-date {
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 96px;
}

.nav-mobile-item--active {
    position: relative;
    padding-bottom: 5px;
}

.nav-mobile-item--active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-image: linear-gradient(134.11deg, #B200FF 14.85%, #FF00F5 86.52%);
    border-radius: 5px;
}

.services-mobile {
    display: none;
}

.service-card-news-mobile {
    display: none;
}

.services-small-mobile {
    display: none;
}

.search-input-mobile {
    display: none;
}

.press-cards-mobile {
    display: none;
}

.footer-mobile {
    display: none;
}

.attendance-mobile {
    display: none;
}

.consult-mobile-header {
    margin-top: 60px;
    display: none;
}

.consult-mobile-header-title {
    font-family: bebasNeue, sans-serif;
    font-size: 50px;
    color: #690097;
}

.consult-mobile-header-text {
    font-size: 12px;
    line-height: 135%;
    color: #690097;
    margin-top: 5px;
}


.purchases {
    margin-top: 120px;
}

.purchases-title {
    font-family: bebasNeue, sans-serif;
    font-size: 70px;
    text-align: center;
    color: #690097;
    margin-bottom: 30px;
}

.purchases-items-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.purchases-item {
    border-radius: 20px;
    background-color: #FDF9FF;
    box-sizing: border-box;
    padding: 41px 57px 47px 39px;
    display: flex;
    justify-content: space-between;
}

.purchases-item-left {
    max-width: 70%;
    display: flex;
    flex-direction: column;
}

.purchases-item-lot {
    display: flex;
    align-items: center;
    gap: 24px;
}

.purchases-item-lot-number {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
}

.purchases-item-lot-number-circle {
    width: 13px;
    height: 13px;
    border-radius: 7px;
    background-color: #17A739;
}

.purchases-item-lot-number-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    text-transform: uppercase;
    color: #1A1A1A;
}

.purchases-item-lot-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.purchases-item-lot-count-circle {
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background-color: #B1B1B1;
}

.purchases-item-lot-count-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    text-transform: uppercase;
    color: #1A1A1A;
}

.purchases-item-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 134%;
    color: #530077;
    opacity: 70%;
    text-decoration: none;
    margin-top: 20px;
}

.purchases-item-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 34px;
}

.purchases-item-info-item {
    display: flex;
    gap: 5px;
}

.purchases-item-info-item-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #828282;
    max-width: 30%;
    overflow: hidden;
    white-space: nowrap;
}

.purchases-item-info-item-text {
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #1A1A1A;
}

.purchases-item-right {
    display: flex;
    flex-direction: column;
}

.purchases-item-price-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
    color: #BDBDBD;
}

.purchases-item-price {
    font-weight: 600;
    font-size: 26px;
    line-height: 100%;
    text-align: right;
    text-transform: uppercase;
    color: #1A1A1A;
    margin-top: 5px;
}

.purchases-item-date-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
    color: #B1B1B1;
    margin-top: 15px;
}

.purchases-item-date-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 9px;
}

.purchases-item-date {
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #1A1A1A;
}

.purchases-item-date-count {
    background-color: #17A739;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    color: #FFFFFF;
    padding: 4px;
    margin-top: 5px;
}

.purchases-item-date-count-red {
    background-color: #DD0012;
}

.purchases-item-signature {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    margin-top: auto;
}

.purchases-item-signature-text {
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #1A1A1A;
}

.purchases-item-signature-text-empty {
    opacity: 50%;
}

.purchases-button {
    display: block;
    width: fit-content;
    margin: 30px auto 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    box-sizing: border-box;
    padding: 20px 45px;
    border-radius: 30px;
    background: linear-gradient(127.12deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
}

.header-top-logged {
    display: flex;
    align-items: center;
    background-color: #EAE9E9;
    padding: 17px 120px;
}

.header-top-logged-burger {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.header-top-logged-burger-item {
    flex-shrink: 0;
    width: 20px;
    height: 2px;
    border-radius: 10px;
    background: linear-gradient(127.12deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
}

.header-top-logged-logo {
    margin-left: 15px;
    display: flex;
}

.header-top-logged-logo img {
    width: 100%;
    height: auto;
}

.header-top-user-wrapper {
    margin-left: auto;
    display: flex;
    align-items: center;
    position: relative;
}

.header-top-user-alert {
    position: relative;
    display: flex;
    margin-top: 3px;
}

.header-top-user-alert img {
    width: 100%;
    height: auto;
}

.header-top-user-alert-count {
    position: absolute;
    top: -4px;
    right: -10px;
    width: 17px;
    height: 17px;
    border-radius: 10px;
    background-color: #E25232;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #EAE9E9;
    font-weight: 800;
    font-size: 9px;
    line-height: 140%;
    color: #FFFFFF;
}

.header-top-user-info {
    display: flex;
    align-items: center;
    margin-left: 27px;
}

.header-top-user-info-avatar {
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 18px;
    box-sizing: border-box;
    background: linear-gradient(127.12deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-image-wrapper {
    width: 33px;
    height: 33px;
    border-radius: 17px;
    overflow: hidden;
}

.avatar-image-wrapper img {
    width: 100%;
    height: auto;
}

.header-top-user-info-texts {
    display: flex;
    flex-direction: column;
    margin-left: 14px;
    max-width: 230px;
}

.header-top-user-info-name {
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    color: #1A1A1A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-top-user-info-company {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #1A1A1A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.procedure-filter {
    background-image: linear-gradient(153.92deg, rgba(178, 0, 255, 0.95) -18.49%, rgba(0, 0, 0, 0.95) 85.3%, rgba(255, 0, 245, 0.95) 173.71%),
    url("../img/filterBG.png");
    background-repeat: no-repeat;
    background-position-x: 65%;
    box-sizing: border-box;
    padding: 84px 100px 67px 100px;
    position: relative;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.procedure-filter-title {
    font-family: BebasNeue, sans-serif;
    font-size: 50px;
    line-height: 100%;
    color: #FFFFFF;
    margin-bottom: 59px;
}

.procedure-filter-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    top: 170px;
    right: 22px;
}

.procedure-filter-open {
    margin-top: 33px;
}

.custom-select {
    --ss-border-radius: 30px;
    --ss-primary-color: #690097;
    --ss-focus-color: transparent;
    padding-bottom: 10px;
}

.custom-select.ss-main {
    height: 59px;
    padding: 0 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}

.custom-select .ss-main.ss-open-below {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.custom-select .ss-option {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}

.custom-select .ss-arrow {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.custom-select .ss-arrow path {
    stroke-width: 10;
    --ss-font-color: #828282;
}

.custom-datepicker {
    height: 59px;
    width: 161px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.custom-datepicker input {
    height: 100%;
    width: 100%;
    border-radius: 30px;
    border: none;
    outline: none;
    padding: 0 19px;
    box-sizing: border-box;
    cursor: pointer;
    background: #FFFFFF;
}

.custom-datepicker-calendar {
    width: 16px;
    height: 17px;
    position: absolute;
    right: 19px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    background-image: url('../img/calendarActive.svg');
}

.custom-datepicker input:placeholder-shown + span {
    background-image: url('../img/calendar.svg');
}

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

.select-regions {
    width: 299px;
}

.select-procedure {
    width: 299px;
}

.select-currency {
    width: 138px;
}

.procedure-filter-input {
    width: 125px;
    height: 59px;
    border: none;
    outline: none;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 0 20px;
    background: #FFFFFF;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.mt-20 {
    margin-top: 20px;
}

.select-method {
    width: 299px;
}

.select-type {
    width: 299px;
}

#customer {
    width: 387px;
}

.procedure-filter-open-date-line {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.procedure-filter-open-date-line-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.procedure-filter-open-date-line-item-title {
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    color: #FFFFFF;
}

.procedure-filter-open-date-line-item-wrapper {
    display: flex;
    align-items: center;
    gap: 3px;
}

.filter-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
}

.filter-checkbox input {
    display: none;
}

.filter-checkmark {
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border: none;
    border-radius: 3px;
    margin-right: 10px;
    transition: background-color 0.3s, border-color 0.3s;
    display: inline-block;
    position: relative;
    flex-shrink: 0;
}

.filter-checkbox input:checked + .filter-checkmark:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid #4F4F4F;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.procedure-filter-open-date-end-line {
    margin-top: 10px;
    display: flex;
    gap: 14px;
}

.procedure-filter-open-checkboxes-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: flex-end;
    padding-bottom: 3px;
}

.procedure-filter-open-reset {
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: fit-content;
    margin-top: 29px;
    cursor: pointer;
}

.filter-results {
    margin-top: 35px;
}

.filter-results-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.filter-results-head-text {
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    text-align: right;
    color: #828282;
}

.filter-results-head-text span {
    color: #1A1A1A;
}

.filter-results-order-select {
    --ss-focus-color: transparent;
    --ss-spacing-m: 10px;
    --ss-primary-color: #690097;
    min-width: 142px;
    border: none;
    outline: none;
    color: #1A1A1A;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
}

.filter-results-order-select .ss-option {
    font-family: Montserrat, sans-serif;
    color: #1A1A1A;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
}

.filter-results-order-select .ss-arrow {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.filter-results-order-select .ss-arrow path {
    stroke-width: 10;
}

.pagination-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    position: relative;
    height: 60px;
}

.pagination-load {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 245px;
    height: 58px;
    border-radius: 30px;
    border: 1px solid #B200FF;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 1px;
    background: linear-gradient(127.12deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
}

.pagination-result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 56px;
}

.pagination-arrow-left img {
    transform: rotate(180deg);
}

.pagination-arrow-disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
}

.pagination-pages {
    display: flex;
    align-items: center;
    gap: 46px;
}

.pagination-pages-item {
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #1A1A1A;
}

.pagination-pages-item-active {
    font-weight: 700;
    font-size: 15px;
    line-height: 140%;
    color: #690097;
}

.purchase-open-header {
    padding: 14px 100px 41px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background: linear-gradient(153.92deg, #B200FF -18.49%, #000000 85.3%, #FF00F5 173.71%);
}

.purchase-open-header-back {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
}

.purchase-open-header-title-wrapper {
    display: flex;
    align-items: center;
    gap: 19px;
    margin-top: 15px;
}

.purchase-open-header-title {
    font-family: bebasNeue, sans-serif;
    font-size: 50px;
    line-height: 100%;
    text-transform: uppercase;
    color: #FFFFFF;
}

.purchase-open-header-title-text-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.purchase-open-header-title-text-marker {
    width: 9px;
    height: 9px;
    border-radius: 5px;
    background: #FFFFFF;
}

.purchase-open-header-title-text {
    font-weight: 600;
    font-size: 22px;
    line-height: 140%;
    text-transform: uppercase;
    color: #FFFFFF;
}

.purchase-open-header-statuses {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.purchase-open-header-status {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 26px;
    border-radius: 30px;
    background: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 1px;
    color: #17A739;
}

.purchase-open-header-status svg {
    color: #17A739;
}

.purchase-open-info {
    margin-top: 26px;
}

.purchase-open-info-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 138%;
    color: #1A1A1A;
    max-width: 60%;
    margin-bottom: 35px;
}

.purchase-open-info-type {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.purchase-open-info-type-item {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 3px;
}

.purchase-open-info-type-item-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #828282;
    flex-shrink: 0;
}

.purchase-open-info-type-item-limiter {
    width: 100%;
    padding-bottom: 10px;
    background-image: radial-gradient(circle, #828282 1px, transparent 1px);
    background-size: 10px 5px;
    background-position: 0 120%;
    background-repeat: repeat-x;
}

.purchase-open-info-type-item-text {
    flex-shrink: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #1A1A1A;
    width: 40%;
    text-align: left;
}

.purchase-open-info-type-item-text a {
    color: #1A1A1A;
    text-decoration-color: #6C6C6C;
}

.purchase-open-info-organizer {
    margin-top: 35px;
}

.purchase-open-info-organizer-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 1px;
    color: #1A1A1A;
    margin-bottom: 15px;
}

.purchase-open-info-type-organizer {
    width: 61%;
}

.purchase-open-info-type-item-text-organizer {
    width: 61%;
}

.purchase-open-info-more {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.purchase-open-info-more span {
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #1A1A1A;
}

.purchase-open-info-documents {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.purchase-open-info-document {
    width: 312px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px;
    border-radius: 7px;
    background: #F6F2F8;
}

.purchase-open-info-document-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #4F4F4F;
    width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
    white-space: nowrap;

}

.purchase-open-lots {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.purchase-open-lot {
    padding: 41px 47px 44px 30px;
    border-radius: 20px;
    background: #FDF9FF;
    display: flex;
    justify-content: space-between;
}

.purchase-open-lot-left {
    max-width: 60%;
}

.purchase-open-lot-title-wrapper {
    display: flex;
    align-items: center;
    gap: 37px;
    margin-bottom: 15px;
}

.purchase-open-lot-title {
    font-weight: 500;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #1A1A1A;
}

.purchase-open-lot-signature {
    display: flex;
    align-items: center;
    gap: 10px;
}

.purchase-open-lot-signature-no {
    color: #BDBDBD;
}

.purchase-open-lot-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #1A1A1A;
    margin-bottom: 10px;
}

.purchase-open-lot-location-wrapper {
    margin-bottom: 36px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.purchase-open-lot-dates {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.purchase-open-lot-dates-tooltip {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s;
}

.purchase-open-lot-dates:hover .purchase-open-lot-dates-tooltip {
    visibility: visible;
    opacity: 1;
}

.purchase-open-lot-location {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #1A1A1A;
}

.purchase-open-lot-more {
    display: flex;
    align-items: center;
    gap: 18px;
    cursor: pointer;
}

.purchase-open-lot-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.purchase-open-lot-price-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
    color: #BDBDBD;
    margin-bottom: 5px;
}

.purchase-open-lot-price {
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    text-align: right;
    text-transform: uppercase;
    color: #1A1A1A;
    margin-bottom: 49px;
}

.purchase-open-lot-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    padding: 20px 52px;
    background: #690097;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
}

.purchase-open-lot-hidden {
    margin-top: 20px;
    margin-bottom: 25px;
}

.open-lot-tabs {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-bottom: 25px;
}

.open-lot-tab {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #828282;
    cursor: pointer;
}

.open-lot-tab-active {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #1A1A1A;
    position: relative;
}

.open-lot-tab-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #1A1A1A;
}

.open-lot-tab-content {
    font-weight: 500;
    font-size: 13px;
    line-height: 125%;
    color: #1A1A1A;
    border-collapse: collapse;
    width: 529px;
    padding-left: 22px;
}

.open-lot-tab-content th {
    font-weight: 500;
    font-size: 13px;
    line-height: 125%;
    color: #828282;
    text-align: left;
}

.open-lot-tab-content tr {
    background: rgba(177, 177, 177, 0.1);
    border-bottom: 5px solid #FFFFFF;
    height: 50px;
}

.open-lot-tab-content tr :first-child {
    padding-left: 22px;
}

.open-lot-tab-content .open-lot-tab-content-declined {
    background: rgba(130, 130, 130, 0.1);
}

.purchase-open-result {
    border-radius: 20px;
    background: #F6F2F8;
    padding: 39px 26px 56px 30px;
}

.purchase-open-result-tabs {
    display: flex;
    gap: 60px;
    width: fit-content;
    padding-bottom: 15px;
    border-bottom: 1px solid #B1B1B1;
    margin-bottom: 30px;
}

.purchase-open-result-tab {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #828282;
    opacity: 50%;
    cursor: pointer;
}

.purchase-open-result-tab-active {
    font-weight: 700;
    color: #1A1A1A;
    opacity: 100%;
    position: relative;
}

.purchase-open-result-tab-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -17px;
    height: 3px;
    background: #1A1A1A;
}

.tab-content-description {
    display: flex;
    justify-content: space-between;
    background: #EDE2F3;
    border-radius: 10px;
    padding: 9px 17px;
    cursor: default;
}

.tab-content-description-left {
    display: flex;
    gap: 18px;
}

.tab-content-description-left-avatar {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    border: 1px solid #690097;
}

.tab-content-description-left-name {
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #690097;
}

.tab-content-description-left-question {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #690097;
}

.tab-content-description-left-download {
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
    letter-spacing: 0;
    color: #690097;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
    text-decoration: none;
    width: fit-content;
}

.tab-content-description-left-download-text {
    position: relative;
}

.tab-content-description-left-download-text::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #690097;
}

.tab-content-description-right {
    display: flex;
    align-items: center;
    gap: 35px;
}

.tab-content-description-right-date {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #690097;
}

.tab-content-description-hidden {
    width: 92%;
    padding: 23px 62px 25px 17px;
    border-radius: 10px;
    background: #EBEBEB;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
}

.tab-content-description-hidden-text {
    font-weight: 500;
    font-size: 13px;
    line-height: 125%;
    color: #4F4F4F;
}

.tab-content-description-hidden-date {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #828282;
}

.tab-content-description-create-question {
    margin-top: 40px;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 245px;
    height: 55px;
    border-radius: 60px;
    background: #690097;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.tab-content-protocols {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tab-content-protocol {
    display: flex;
    justify-content: space-between;
    padding: 22px 18px 22px 25px;
    border-radius: 10px;
    background: #EDE2F3;
}

.tab-content-protocol-left {
    display: flex;
    flex-direction: column;
}

.tab-content-protocol-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #690097;
}

.tab-content-protocol-date {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #690097;
}

.tab-content-protocol-right {
    display: flex;
    align-items: center;
    gap: 26px;
    margin-top: -15px;
}

.tab-content-protocol-status {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tab-content-contracts {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tab-content-contract {
    display: flex;
    flex-direction: column;
    gap: 21px;
    border-radius: 10px;
    background: #EDE2F3;
    padding: 22px 25px 33px;
}

.tab-content-contract-title {
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    color: #1A1A1A;
}

.tab-content-contract-item {
    width: 40%;
}

.tab-content-contract-item-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #828282;
}

.tab-content-contract-item-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #1A1A1A;
}

.tab-content-history-item {
    display: flex;
    align-items: center;
    gap: 31px;
    padding-left: 18px;
    position: relative;
    border-left: 1px solid #B1B1B1;
    padding-bottom: 28px;
}

.tab-content-history-item-text {
    font-weight: 500;
    font-size: 13px;
    line-height: 125%;
    color: #1A1A1A;
}

.tab-content-history-item-date {
    font-weight: 500;
    font-size: 13px;
    line-height: 125%;
    color: #828282;
}

.tab-content-history-item-limiter {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #B1B1B1;
    position: absolute;
    top: 5px;
    left: -4px;
    background: #F6F2F8;
}

#notifydatawnd1 {
    position: absolute;
    top: 40px;
    right: 300px;
    width: 318px;
    background: var(--color-white);
    box-shadow: 5px 7px 20px 4px rgba(14, 77, 91, .15);
    visibility: visible;
    opacity: 1;
    transition: .2s;
    z-index: 12;
    border-radius: 10px;
}

#notifydatawnd1 .titlebox {
    font-weight: 600;
}

#notifydatawnd1 .titlebox {
    position: relative;
    display: flex;
    align-items: center;
    height: 58px;
    padding: 0 22px;
    border-bottom: 1px solid var(--color-gray3);
}

#notifydatawnd1 .titlebox button {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 12px;
    height: 12px;
    margin: 0 0 0 auto;
}

#notifydatawnd1 .titlebox button svg {
    display: block;
    width: 12px;
    height: 12px;
    fill: var(--color-gray3);
}

#notifydatawnd1 .ps ul {
    overflow: auto;
    overflow-x: hidden;
    max-height: 50vh;
}

#notifydatawnd1 .box ul li button {
    position: relative;
    display: block;
    width: 100%;
    padding: 24px 36px 24px 20px;
    border-bottom: 1px solid var(--color-gray3);
    background: var(--color-card-plus);
    text-align: left;
}

#notifydatawnd1 .box ul li button .title {
    padding: 0 0 8px;
    font-weight: 600;
    font-size: 15px;
    line-height: 140%;
    color: var(--color-black);
}

#notifydatawnd1 .box ul li button .desc {
    padding: 0 0 10px;
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
    color: var(--color-button-hover);
}

#notifydatawnd1 .box ul li button .status {
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
}

#notifydatawnd1 .box ul li button .close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 12px;
    height: 12px;
}

#notifydatawnd1 .box ul li button .close svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: var(--color-gray3);
}

@media (max-width: 1200px) {
    .header-top {
        padding: 17px 30px;
    }

    .nav {
        padding: 24px 30px;
    }

    .main {
        padding: 0 30px;
    }

    .banner-buttons {
        top: 140px;
    }

    .services {
        gap: 10px;
    }

    .services-small {
        gap: 10px;
    }

    .press-cards {
        gap: 10px;
    }

    .press-banner {
        padding-top: 24px;
    }

    footer .footer {
        padding: 116px 30px 59px 30px;
        gap: 75px;
    }

    .footer-logo {
        left: 30px;
    }

    .questions-form {
        height: unset;
        overflow: hidden;
        background-position: center;
    }

    .questions-form-inputs-wrapper {
        flex-direction: column;
    }

    .consult {
        gap: 100px;
        padding: 45px 100px;
    }

    .swiper-buttons {
        top: 150px;
    }

    .section-subtitle {
        max-width: 20%;
    }

    .header-top-logged {
        padding: 17px 0;
    }
}

@media (max-width: 1024px) {
    .banner-info-item-header {
        font-size: 33px;
    }

    .banner-info-item {
        padding: 0 30px;
    }

    .banner-text {
        width: 60%;
    }

    .section-title {
        font-size: 65px;
    }

    footer .footer {
        gap: 65px;
    }

    .consult {
        padding: 45px 85px;
    }

    .press-banner {
        padding: 20px 175px;
    }

    .section-title {
        text-align: center;
    }

    .questions-form {
        padding: 45px 30px;
    }

    .footer-social-icons-wrapper {
        gap: 30px;
        flex-direction: column;
    }

    .footer-social-icons {
        justify-content: flex-start;
    }

    .footer-social-wrapper {
        max-width: 40%;
    }

    .attendance-first-card-title {
        font-size: 25px;
    }

    .attendance-second-card-title {
        font-size: 25px;
    }

    .attendance-first-card-text {
        font-size: 14px;
    }

    .attendance-second-card-text {
        font-size: 14px;
    }

    .swiper-buttons {
        top: 95px;
    }

    .swiper-slide-title {
        top: 50px;
        left: 80px;
    }

    .swiper-slide-text {
        top: 130px;
        left: 80px;
        max-width: 80%;
    }

    .swiper-pagination {
        bottom: 13px !important;
    }
}

@media (max-width: 767px) {
    .header-top {
        display: none;
    }

    .nav {
        display: none;
    }

    .header-mobile {
        display: flex;
    }

    .banner {
        height: 572px;
        background-image: url('../img/headBannerMobile.png');
        background-size: cover;
    }

    .banner-info {
        width: 90%;
        flex-wrap: wrap;
        padding: 20px 0;
    }

    .banner-info-item--border {
        border-right: none;
    }

    .banner-info-item {
        padding: 10px;
        max-width: 50%;
    }

    .banner-info-item-header {
        font-size: 30px;
    }

    .banner-info-item-text {
        font-size: 12px;
    }

    .banner-buttons {
        display: none;
    }

    .banner-text-wrapper {
        padding: 76px 23px;
    }

    .banner-header {
        text-align: center;
    }

    .banner-text {
        text-align: center;
        width: fit-content;
    }

    .services {
        display: none;
    }

    .services-mobile {
        display: block;
        margin-top: 180px;
    }

    .services {
        display: none;
    }

    .service-card {
        width: 285px !important;
    }

    .service-card-news-mobile {
        display: block;
        margin-top: 30px;
        width: 100%;
    }

    .services-small-mobile {
        display: block;
        margin-top: 30px;
    }

    .services-small {
        display: none;
    }

    .service-small-card {
        width: 224px !important;
    }

    .search-title {
        text-align: left;
        font-size: 50px;
    }

    .search-input-filter-text {
        display: none;
    }

    .search-input-button {
        width: 125px;
    }

    .search-input {
        display: none;
    }

    .search-input-mobile {
        display: unset;
        margin-top: 30px;
        width: 100%;
        border: none;
        border-radius: 63px;
        outline: none;
        background-color: #EAE9E9;
        height: 59px;
        padding-left: 47px;
        padding-right: 170px;
        box-sizing: border-box;
    }

    .search-input-filter {
        top: 5px;
        right: 140px;
    }

    .search-input-lens {
        left: 15px;
    }

    .partners {
        margin-top: 60px;
    }

    .section-title-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        gap: 5px;
    }

    .section-title-separator {
        display: none;
    }

    .section-title {
        font-size: 50px;
    }

    .section-subtitle {
        font-size: 12px;
        max-width: 60%;
    }

    .partners-items {
        gap: 20px;
    }

    .partners-items img {
        max-width: 40%;
    }

    .motivation-banner {
        margin-top: 30px;
        padding: 40px 30px;
        box-sizing: border-box;
        border-radius: 30px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .motivation-banner-list-wrapper {
        gap: 30px;
    }

    .press {
        margin-top: 60px;
    }

    .press-cards {
        display: none;
    }

    .press-cards-mobile {
        display: flex;
        margin-top: 30px;
    }

    .press-banner {
        height: unset;
        background-image: url("../img/pressBannerMobile.png");
        padding: 104px 36px 305px;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .press-banner-title {
        text-align: center;
    }

    .press-banner-text {
        margin-top: 20px;
        text-align: center;
    }

    .press-banner-button {
        margin-top: 20px;
    }

    .questions {
        margin-top: 60px;
    }

    .questions-wrapper {
        flex-direction: column;
    }

    .questions-form {
        padding: 60px 35px;
    }

    .custom-checkbox {
        font-size: 12px;
    }

    .questions-form-inputs-wrapper {
        gap: 10px;
    }

    .questions-form-button {
        padding: 17px 0;
        width: 100%;
        font-size: 16px;
    }

    footer .footer {
        margin-top: 60px;
        gap: 60px;
        flex-wrap: wrap;
        padding-left: 65px;
        display: none;
    }

    .footer-mobile {
        margin-top: 60px;
        background-color: #1B1B1B;
        position: relative;
        box-sizing: border-box;
        padding: 126px 65px 60px;
        display: flex;
        flex-direction: column;
    }

    .footer-logo {
        left: 60px;
    }

    .footer-mobile-lists {
        display: flex;
        justify-content: space-between;
    }

    .footer-links-list {
        width: fit-content;
    }

    .footer-nav-item {
        font-size: 12px;
    }

    .footer-links-list-item {
        font-size: 12px;
    }

    .footer-social-contacts {
        font-size: 19px;
    }

    .footer-social-icons-wrapper {
        display: flex;
        gap: 17px;
        flex-direction: column;
        margin-top: 19px;
    }

    .footer-social-icons {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .footer-mobile-policy {
        margin-top: 17px;
        font-size: 12px;
        line-height: 140%;
        color: #6B6B6B;
    }

    .footer-mobile-policy-link {
        text-decoration: none;
        color: #FFFFFF;
    }

    .swiper-slide-title {
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        font-size: 55px;
    }

    .swiper-slide-text {
        top: 210px;
        left: 50%;
        font-size: 14px;
        transform: translateX(-50%);
        width: 80%;
        text-align: center;
    }

    .swiper-buttons {
        right: 34px;
        bottom: 13px;
        top: unset;
    }

    .swiper-pagination {
        bottom: 23px !important;
    }

    .attendance {
        display: none;
    }

    .attendance-mobile {
        display: flex;
        margin-top: 30px;
        flex-direction: column;
        gap: 30px;
    }

    .attendance-first-card {
        max-width: unset;
        height: 260px;
    }

    .attendance-second-card {
        max-width: unset;
        height: 260px;
    }

    .consult {
        padding: 60px 35px 238px;
        background-image: url("../img/consultMobile.png");
    }

    .consult-texts-wrapper {
        display: none;
    }

    .consult-form-button {
        padding: 16px 0;
    }

    .consult-mobile-header {
        display: block;
    }

    .tariffs-wrapper {
        gap: 30px;
        flex-direction: column;
    }

    .tariffs-title {
        font-size: 45px;
    }

    .tariffs-card-title {
        font-size: 35px;
    }

    .tariffs-card-text {
        font-size: 14px;
    }

    .tariffs-card-title {
        font-size: 30px;
    }

    .purchases {
        display: none;
    }

    .purchase-open-header {
        padding: 14px 22px 36px 22px;
    }

    .purchase-open-header-status {
        font-size: 13px;
        padding: 7px 8px;
    }

    .purchase-open-info-title {
        font-size: 18px;
        margin-bottom: 20px;
        max-width: 100%;
    }

    .purchase-open-info-type-item {
        flex-direction: column;
    }

    .purchase-open-info-type-item-limiter {
        display: none;
    }

    .purchase-open-info-type {
        width: 100%;
    }

    .purchase-open-info-type-item-text {
        width: 100%;
    }

    .w-61 {
        width: 100% !important;
    }

    .purchase-open-info-document {
        width: 100%;
    }

    .mob-lots {
        margin-top: 30px;
        border-radius: 10px;
        overflow: hidden;
    }

    .mob-lots .mob-lots-title {
        background-color: #F7E8FD;
        font-size: 20px;
    }

    .mob-lots .mob-lots-info {
        background-color: #FDF9FF;
    }

    .purchase.wrap {
        padding: 0 30px !important;
    }

    .mob-lots-info .mob-lots-container {
        font-size: 16px;
        font-weight: 400;
    }

    .mob-lots-info .mob-lots-container p {
        color: #1A1A1A;
    }

    .mob-lots-info .mob-lots-container img {
        width: 12px;
        height: 12px;
        filter: invert(33%) sepia(100%) saturate(0%) hue-rotate(180deg);
    }

    .mob-lots-info .mob-lots-desc {
        font-size: 16px;
    }

    .mob-lots-info .mob-lots-price p {
        font-size: 10px;
    }

    .mob-lots .mob-lots-info .alert-area {
        font-size: 16px;
    }

    .mob-lots .mob-lots-info .alert-area a {
        font-size: 16px;
    }

    .mob-lots .mob-more-info p {
        font-size: 16px;
        font-weight: 400;
    }

    .mob-lots .mob-lots-tabs button {
        font-size: 16px;
        font-weight: 500;
    }

    .more-tab-lot .mob-lots-tabs.nav {
        padding: 0;
        display: flex;
    }

    .mob-lots-offers .custom-table th, .custom-table td {
        font-size: 13px !important;
    }

    section.purchase .tabsinfo {
        margin-top: 30px;
    }

    .place3678 section.purchase .tabsinfo.tabbox {
        margin-top: 30px;
        background: transparent;
        padding: 0;
    }

    .tabsinfo.tabbox ul.nav {
        padding: 0;
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    section.purchase .tabsinfo.tabbox ul.nav li button {
        font-size: 14px;
    }

    #ask-list {
        margin-left: 0;
        margin-right: 0;
    }

    .tabsinfo .accordion-container-data .accordion-title .accordion-title-subtitle {
        font-size: 15px;
        color: #690097;
        font-weight: 500;
    }

    .tabsinfo .accordion-container-data .accordion-title {
        font-size: 14px;
        color: #690097;
    }

    .tabsinfo .accordion-container-data .accordion-actions-link {
        font-size: 14px;
        color: #690097;
        opacity: 50%;
    }

    .tabsinfo .plusbtn svg {
        display: none;
    }

    .tabsinfo .plusbtn span {
        padding: 0;
        text-align: center;
        width: 100%;
        color: white;
    }

    .tabsinfo .plusbtn {
        background: #690097;
    }

    .filters.filters-mob .procedure-filter-buttons {
        display: none !important;
    }

    section.pageinfo.search .filters .desc {
        display: none;
    }

    .place3678 section.pageinfo.search .filters.filters-mob h1 {
        font-size: 50px !important;
        font-weight: 700 !important;
        line-height: 100% !important;
        text-align: center;
    }

    .filters.filters-mob form {
        margin: 51px 0 0;
    }

    .filters-mob .filter-mobile {
        margin-bottom: 0 !important;
        margin-right: 0 !important;
    }

    .filters-mob .main {
        padding: 0;
    }

    .openFilterMobile img {
        margin-top: 21px;
    }

    section.pageinfo.search .filters.filters-mob form .main svg.search {
        fill: #B200FF;
    }

    .mobile-card .mobile-card--status p {
        width: fit-content;
        font-size: 13px;
        font-weight: 500;
        text-decoration: none;
    }

    .mobile-card .mobile-card--header ul li {
        font-size: 12px;
        font-weight: 500;
    }

    .mobile-card .mobile-card--header p a {
        font-size: 15px;
    }

    .mobile-card--container .price-mobile .label-mobile {
        font-size: 10px;
    }

    .mobile-card--info p {
        font-size: 13px;
    }

    .mobile-card .mobile-card--info img {
        max-width: 12px;
        min-width: 12px;
    }

    .select2.select2-container.select2-container--default {
        border-radius: 74px;
        overflow: hidden;
    }

    .formMob .filters-mobile .select2 span.selection .select2-selection {
        background: #F6F2F8;
    }

    .formMob .flexbox.filters-mobile .fieldset input, .formMob .flexbox .fieldset .clear {
        background: #F6F2F8;
        border-radius: 74px;
    }

    .formMob .filters-mobile .datepicker:after {
        top: 17px;
    }

    .opened-mobile-filters--container .btn-filters {
        padding: 0;
    }

    .formMob .filters-mobile .fieldset .checkbox label:before {
        background: #F6F2F8;
    }

    .place3678 .bell-cnt2 {
        width: 17px;
        height: 17px;
        display: flex;
        justify-content: center;
        align-items: center;
        top: -3px;
        right: -6px;
        border: 1px solid white;
    }

    .header-mobile .hidden.mbl {
        z-index: 10;
     }
}

@media (max-width: 425px) {
    .nav-mobile {
        width: 90%;
    }

    .banner-info {
        width: 100%;
    }

    .motivation-banner-register {
        flex-direction: column;
    }

    .footer-mobile {
        padding: 126px 50px 60px;
    }

    .swiper-slide-title {
        font-size: 45px;
    }
}

@media (max-height: 800px) {
    .nav-mobile-phone {
        margin-top: 50px;
    }

    .nav-mobile-date {
        margin-top: 60px;
    }
}