@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

button {
    border: none;
}

#catalogLots {
    padding-top: 30px;
    padding-bottom: 120px;
}

.paytabletr td {
    padding: 4px 10px;
    font-size: 12px;
}

.p-tree-selectable {
    border: none;
}

.node-label {
    color: #B200FF;
    text-decoration: underline;
    font-family: 'Montserrat';
    font-size: 14px;
    width: 100%;
    display: inline-block;
    text-align: right;
    font-weight: 400;
}

.paytable {
    margin-bottom: 0;
}

.getCertWrapper {
    padding: 40px 49px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    background-image: linear-gradient(154deg, #B200FF -18.49%, #000 85.3%, #FF00F5 173.71%), url("/main-images/catalogCertImage.png");
    width: 273px;
    background-blend-mode: lighten;
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 280px;
}

.getCertWrapper.mob {
    display: none;
}

.getCertWrapper h4 {
    color: #FFF;
    text-align: center;
    font-family: "Bebas";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 30px */
}

.popup-container .paylotsuccess {
    padding: 60px;
}

.listLot {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 0px 20px 15px;
}

.popup-container .paylotsuccess h4 {
    color: #690097;
    text-align: center;
    font-family: Bebas;
    font-size: 36px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 100%;
    padding-bottom: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 0 !important;
}

.popup-container .paylotsuccess h4 hr {
    margin: 0;
    height: 5px;
    width: 315px;
    border: none;
    outline: none;
    border-radius: 30px;
    background: linear-gradient(134deg, #B200FF 14.85%, #FF00F5 86.52%);
}

.popup-container .paylotsuccess p {
    color: #170021;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
}

.app-pagination .current-page {
    height: 36px;
    width: 36px;
    padding: 0;
    background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    border: none;
    color: #FFF;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar-inner .sidebar-sub-title {
    font-family: 'Montserrat' !important;
}

#my_activity .sub-category-card {
    margin: 0 !important;
    margin-bottom: 30px !important;
    border-radius: 15px;
    border: 1px solid rgba(23, 0, 33, 0.05);
    background: #FFF;
    box-shadow: 0px 8.148px 6.519px 0px rgba(0, 0, 0, 0.03);
}

.app-pagination {
    display: flex;
    gap: 10px;
    align-items: center;
}

    .app-pagination .page-of-pages {
        margin-left: 0;
        color: #170021;
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: 5px;
    }

    .app-pagination .next-page {
        height: max-content;
        width: max-content;
        padding: 0;
        padding-left: 10px;
        background: none !important;
    }

        .app-pagination .next-page::before {
            content: '';
            display: block;
            background-image: url('/main-images/pagingArrow.svg');
            width: 25px;
            height: 12px;
            background-repeat: no-repeat;
        }

        .app-pagination .next-page:first-child::before {
            transform: rotate(180deg) !important;
        }

    .app-pagination .m-icon-arrow-angle-right {
        padding-left: 0;
        padding-right: 10px;
    }

.activeFilter {
    background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%) !important;
    border: none !important;
    color: white !important;
}

.showPriceForm #form {
    height: max-content !important;
    top: 14%;
}

.white-bg-content-wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
}

#agentHelperForm {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.agentHelperFormWrapper {
    height: 400px !important;
    top: 30% !important;
    min-height: max-content
}

main {
    padding-top: 0;
}

.category-banner {
    width: 100%;
}

#category_lots_list .showMore {
    width: 100%;
}

ul {
    list-style-type: none !important;
}

ul li {
    list-style-type: none !important;
}

.category-banner .banner-container {
    border-radius: 0px 0px 35px 35px;
    background: #1B1B1B;
    padding: 58px 102px 80px 102px;
    display: grid;
    grid-template-columns: max-content max-content;
    grid-template-rows: max-content max-content;
    column-gap: 237px;
    row-gap: 28px;
    background-image: linear-gradient(rgb(27, 27, 27), rgb(27, 27, 27)), url(/main-images/categoryBannerBg.png);
    background-position: right center;
    background-size: contain;
    background-blend-mode: darken;
    background-repeat: no-repeat;
}

.category-banner .banner-container * {
    margin: 0;
}

.category-banner .banner-container .banner-title {
    grid-column: 1;
    grid-row: 1;
    width: 474px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.category-banner .banner-container .banner-title h1 {
    width: 100%;
    color: #FFF;
    font-family: Bebas;
    font-size: 65px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 100%;
}

.category-banner .banner-container .banner-title p {
    width: 100%;
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
}
.category-banner .banner-container img {
    grid-column: 2;
    grid-row: 1;
    width: 285px;
    height: 212px;
}

.category-banner .banner-container .banner-filters {
    grid-column: 1/span 2;
    grid-row: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 851px;
}

.bannerFilters-mobile {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
    padding-top: 70px;
}

.category-banner .banner-container .banner-filters a {
    color: #FFF;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    padding: 12px 15px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(3.7363340854644775px);
    cursor: pointer;
    text-decoration: none;
}

.bannerFilters-mobile a {
    color: #FFF;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    padding: 12px;
    border-radius: 30px;
    background: #1B1B1B;
    backdrop-filter: blur(3.7363340854644775px);
    cursor: pointer;
}

.notMainFilters {
    padding-top: 30px !important;
}

.category-banner .banner-container .banner-filters a:first-child,
.bannerFilters-mobile a:first-child {
    width: 70px;
    text-align: center;
}



.sub-category {
    padding-top: 30px;
}

.sub-category .container {
    margin: 0;
    padding: 0;
    max-width: 100% !important;
    width: 100%;
}

.sub-category .container .sub-category-container {
    padding-bottom: 0 !important;
}

.sub-category .container .sub-category-container .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 39px !important; /* Delete */
}

.sub-category .container .sub-category-container .head .search-category {
    display: flex !important; /* flex */
    align-items: center;
    gap: 5px;
}

.sub-category .container .sub-category-container .head .search-category .searchBar input {
    border-radius: 30px;
    background: #F1F1F5;
    padding: 12px 12px 12px 42px;
    color: rgba(23, 0, 33, 0.75);
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    border: none;
    outline: none;
    width: 100%;
}

.sub-category .container .sub-category-container .head .search-category .searchBar {
    position: relative;
    width: 100% !important;
}

.sub-category .container .sub-category-container .head .search-category .searchBar img {
    position: absolute;
    left: 17px;
    top: 13px;
    width: 15px;
    height: 15px;
}

.sub-category .container .sub-category-container .head .search-category span {
    padding: 12px 32px;
    color: #FFF;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border-radius: 30px;
    background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    cursor: pointer;
}

.sub-category .container .sub-category-container .head .showMore {
    color: #B200FF;
    text-align: right;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-decoration-line: underline;
    cursor: pointer;
    margin-top: 0 !important;
}

#category_lots_list {
    padding-top: 20px;
}

.gutter-row-10 .sidebar-col {
    padding: 0 !important;
}

.gutter-row-10 .sidebar-col .sidebar-inner * {
    margin: 0 !important;
}

.gutter-row-10 .sidebar-col .sidebar-inner .agentHelpButton {
    width: 100%;
}

.gutter-row-10 .sidebar-col .sidebar-inner .gutter-row-10 {
    flex-wrap: nowrap !important;
}

.gutter-row-10 .sidebar-col .sidebar-inner {
    border-radius: 20px;
    border: 1px solid rgba(23, 0, 33, 0.05);
    background: #FFF;
    box-shadow: 0px 20px 13px 0px rgba(0, 0, 0, 0.04), 0px 8.148px 6.519px 0px rgba(0, 0, 0, 0.03), 0px 1.852px 3.148px 0px rgba(0, 0, 0, 0.02);
    padding: 30px 25px 40px 25px;
    width: max-content;
    width: 273px;
}

.gutter-row-10 .sidebar-col .sidebar-inner .d-flex {
    padding-bottom: 5px !important;
}

.gutter-row-10 .sidebar-col .sidebar-inner .d-flex a {
    color: #B200FF;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 15px 54px 13px 56px;
    background: white;
    width: max-content;
    height: max-content;
    border-radius: 30px;
    border: 1px solid transparent !important;
    background: linear-gradient(white,white) padding-box,
    linear-gradient(170deg, rgba(178, 0, 255, 1), rgba(255, 0, 245, 1)) border-box;
    z-index: 1;
    cursor: pointer;
}



.gutter-row-10 .sidebar-col .sidebar-inner .d-flex a span {
    width: max-content;
    font-family: 'Montserrat' !important;
    font-weight: 500;
}

.gutter-row-10 .sidebar-col .sidebar-inner .d-flex a img {
    display: none;
}

.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-title {
    color: #690097;
    font-family: Montserrat !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 140%;
    user-select: none;
    cursor: pointer;
}

.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-title-wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    width: max-content;
}

.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-title-wrapper img {
    padding: 0 !important;
}

.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-open-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 15px;
}

.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-open-wrapper h6 {
    color: #690097;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
}

.gutter-row-10 .sidebar-col .sidebar-inner .priceFilter,
.gutter-row-10 .sidebar-col .sidebar-inner .dateFilter {
    gap: 0;
}

.gutter-row-10 .sidebar-col .sidebar-inner .dateFilter .input-custom span {
    width: 100%;
}

.gutter-row-10 .sidebar-col .sidebar-inner .priceFilter .row {
    flex-wrap: wrap !important;
    align-items: center;
}

.gutter-row-10 .sidebar-col .sidebar-inner .priceFilter .col-6 {
    max-width: 105px !important;
}

.gutter-row-10 .sidebar-col .sidebar-inner .priceFilter button,
.gutter-row-10 .sidebar-col .sidebar-inner .dateFilter button {
    color: #FFF;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 12px */
    padding: 10px 0px;
    width: 105px;
    height: max-content;
    border-radius: 30px;
    border: none;
    background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
}

.dateButtonsWrap {
    display: flex;
    gap: 8px;
    align-items: center;
}

.gutter-row-10 .sidebar-col .sidebar-inner .priceFilter button.resetFilter,
.gutter-row-10 .sidebar-col .sidebar-inner .dateFilter button.resetFilter {
    background: none !important;
    border-radius: 50px;
    outline: 1px solid #170021;
    padding: 8px 0px;
    color: #170021;
}

.gutter-row-10 .sidebar-col .sidebar-inner .dateFilter button {
    margin-top: 8px !important;
}

.gutter-row-10 .sidebar-col .sidebar-inner .priceFilter .col-6 .input-custom {
    width: 100%;
}

.gutter-row-10 .sidebar-col .sidebar-inner .dateFilter h6:first-child {
    padding-top: 0 !important;
}

.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-open-wrapper .sidebar-item-box {
    padding: 0 !important;
    background: none !important;
}

.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-open-wrapper .sidebar-item-box ul,
.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-open-wrapper .sidebar-nav-items {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-open-wrapper .sidebar-item-box ul li,
.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-open-wrapper .sidebar-nav-items li {
    padding: 0 !important;
}

.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-open-wrapper .sidebar-item-box ul li,
.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-open-wrapper ult li {
    padding: 0 !important;
}

.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-open-wrapper .sidebar-item-box ul li a,
.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-open-wrapper ul li a{
    color: #170021;
    font-family: Montserrat !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 140%;
}

/*.price-title,
.start-date-title,
.end-date-title {
    padding-top: 15px;
    color: #690097;
    font-family: Montserrat !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 140%;
}
*/
.gutter-row-10 .sidebar-col .sidebar-inner .mb-2 {
    gap: 8px !important;
    flex-wrap: nowrap !important;
    padding-top: 5px;
}

.gutter-row-10 .sidebar-col .sidebar-inner .mb-2 .col-6 {
    padding: 0 !important;
    max-width: max-content;
}

.gutter-row-10 .sidebar-col .sidebar-inner .mb-2 .col-6 .input-custom {
    width: 107px;
}

.gutter-row-10 .sidebar-col .sidebar-inner .mb-2 .col-6 .input-custom input {
    padding: 12px 15px;
    color: rgba(23, 0, 33, 0.75) !important;
    font-family: Montserrat !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 100%;
    width: 100%;
    border-radius: 30px;
    background: #F1F1F5;
    border: none;
    outline: none;
    box-shadow: none;
    height: max-content;
}

.gutter-row-10 .sidebar-col .sidebar-inner .mb-2 .col-6 .input-custom input::placeholder {
    color: rgba(23, 0, 33, 0.75) !important;
    font-family: Montserrat !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 100%;
}

.gutter-row-10 .sidebar-col .sidebar-inner .date input {
    padding: 12px 15px;
    border-radius: 30px !important;
    background: #F1F1F5;
    color: rgba(23, 0, 33, 0.75) !important;
    font-family: Montserrat !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 100%;
    outline: none;
    border: none;
    box-shadow: none;
    height: max-content;
}

.gutter-row-10 .sidebar-col .sidebar-inner .date input::placeholder {
    color: rgba(23, 0, 33, 0.75) !important;
    font-family: Montserrat !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 100%;
}

.gutter-row-10 .sidebar-col .sidebar-inner .date {
    padding-top: 5px;
    position: relative;
}

.gutter-row-10 .sidebar-col .sidebar-inner .date button {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    opacity: 0;
}

.gutter-row-10 .sidebar-col .sidebar-inner .changeFilters {
    display: none;
}

.gutter-row-10 .sidebar-col {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.preOrderWrapper {
    padding: 50px 25px;
    border-radius: 30px;
    background: linear-gradient(154deg, #B200FF -18.49%, #000 85.3%, #FF00F5 173.71%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 273px;
    height: 341px;
}

.preOrderWrapper .preOrder {
    padding: 40px 12px 50px 12px;
    border-radius: 20px;
    border: 1px solid rgba(23, 0, 33, 0.05);
    background: #FFF;
    box-shadow: 0px 20px 13px 0px rgba(0, 0, 0, 0.04), 0px 8.148px 6.519px 0px rgba(0, 0, 0, 0.03), 0px 1.852px 3.148px 0px rgba(0, 0, 0, 0.02);
    width: 223px;
    height: 241px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.preOrderWrapper .preOrder .preOrderTitle {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.preOrderWrapper .preOrder .preOrderTitle h4 {
    color: #690097 !important;
    text-align: center;
    font-family: Montserrat !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 120%;
    margin: 0 !important;
}

.preOrderWrapper .preOrder .preOrderTitle p {
    color: #170021 !important;
    text-align: center;
    font-family: Montserrat !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 140%;
}

.preOrderWrapper .preOrder .containerForDefaultPopup {
    padding: 12px 35px;
    font-size: 12px;
    width: max-content;
}


#category_lots_list .gutter-row-10 .gutter-col-10:nth-child(3) {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 907px;
}

#category_lots_list .gutter-row-10 {
    gap: 20px;
    margin: 0 !important;
    padding-top: 20px;
}

#category_lots_list .gutter-row-10 .gutter-col-10 .pb-md-1 {
    display: none;
}

.refactCart {
    display: none !important;
}

#category_lots_list .gutter-row-10 .gutter-col-10 .sub-category-card {
    margin: 0 !important;
    border-radius: 15px;
    border: 1px solid rgba(23, 0, 33, 0.05);
    background: #FFF;
    box-shadow: 0px 8.148px 6.519px 0px rgba(0, 0, 0, 0.03);
    gap: 10px;
    width: 100%;
    height: 377px;
}

.sub-category-card {
    margin-bottom: 20px !important;
    border: none !important;
}

.cardContent {
    padding: 10px;
    display: flex;
    gap: 42px;
    border-radius: 15px;
    border: 1px solid rgba(23, 0, 33, 0.05);
    background: #FFF;
    box-shadow: 0px 8.148px 6.519px 0px rgba(0, 0, 0, 0.03);
}

.cardContent .cardImage {
    width: 372px;
    height: 279px;
    border-radius: 15px;
    position: relative;
}

.cardContent .cardImage .favorite-btn,
.cardContent .cardImage .favorite-btnm-icon-heart{
    position: absolute;
    top: 20px !important;
    left: 0px !important;
    width: 100px;
    height: 100px;
    right: 0px !important;
    opacity: 1 !important;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none !important;
}

.cardContent .cardImage .m-icon-heart::before,
.cardContent .cardImage .favorite-btnm-icon-heart::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("/main-images/favoriteFalseIcon.svg");
    background-size: cover;
}

.m-icon-hart-fill::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("/main-images/favoriteTrueIcon.svg");
    background-size: cover;
}

.cardContent .cardImage a {
    width: 100%;
    height: 100%;
    display: block;
}

.cardContent .cardImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.cardContent .cardInfo {
    display: flex;
    flex-direction: column;
    gap: 20px;
    white-space: normal;
    width: 405px;
    padding-top: 35px;
}


.cardContent .cardInfo .cardName {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
    color: #690097;
    font-family: Montserrat !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.cardContent .cardInfo .cardDescription {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    row-gap: 20px;
    column-gap: 40px;
}

.cardContent .cardInfo .cardDescription .cardDescriptionLeft,
.cardContent .cardInfo .cardDescription .cardDescriptionRight {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}

.cardContent .cardInfo .cardDescription .cardDescriptionItem {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cardContent .cardInfo .cardDescription .cardDescriptionItem h5 {
    color: rgba(23, 0, 33, 0.60);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 100%;
    margin: 0 !important;
}

.cardContent .cardInfo .cardDescription .cardDescriptionItem span {
    color: #170021;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    width: 90%;
}

.cardContent .cardInfo .cardDescription .cardTypeSale {
    grid-row: 2;
    grid-column: 1;
}

.cardContent .cardInfo .cardDescription .cardTypeSale span {
    width: max-content;
}

.cardContent .cardInfo .cardDescription .cardTypeSale span,
.cardContent .cardInfo .cardDescription .cardPrice span {
    color: #690097;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.cardContent .cardInfo .cardDescription .cardPrice span {
    width: max-content;
}

.cardContent .cardInfo .cardDescription .cardTypeSale span {
    display: flex
}

.cardContent .cardInfo .cardDescription .cardTypeSale span a {
    display: flex;
    align-items: center;
    width: max-content;
}

.cardContent .cardInfo .showPrice {
    color: #FFF;
    font-family: Montserrat !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    padding: 12px 30px;
    border-radius: 30px;
    background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    width: max-content;
    cursor: pointer;
}

.cardContent .cardInfo .cardActivity {
    display: none;
    gap: 30px;
    align-items: center;
}

.cardContent .cardInfo .cardActivity .cardActivityItem {
    display: flex;
    gap: 8px;
    align-items: center;
}

.cardContent .cardInfo .cardActivity .cardActivityItem img {
    width: 36px;
    height: 36px;
}

.cardContent .cardInfo .cardActivity .cardActivityItem span {
    color: #1C2C9C;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

#form-1 {
    display: none !important;
}

.bottomBanner {
    width: 100%;
    height: 280px;
    border-radius: 30px;
    margin-bottom: 120px;
    margin-top: 30px;
    background-image: linear-gradient(#1B1B1B,#1B1B1B), url("/main-images/categoryBottomBannerBg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    background-blend-mode: color-dodge;
    display: flex;
    align-items: center;
    padding: 0px 46px 0px 94px;
    text-decoration: none;
}

.bottomBanner .bottomBannerTitle {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 607px;
}

.bottomBanner .bottomBannerTitle h4 {
    color: #6B6B6B;
    font-family: "Bebas Neue";
    font-size: 45px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 100%;
    margin-bottom: 0 !important;
}

.bottomBanner .bottomBannerTitle h4 span {
    color: #FF00F5;
}

.bottomBanner .bottomBannerTitle p {
    color: #F1F1F5;
    font-family: Montserrat !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
}

.showMore {
    color: #B200FF;
    text-align: right;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-decoration-line: underline;
    cursor: pointer;
    margin-left: auto;
    display: block;
}


.wrapper {
    padding-bottom: 0 !important;
}

.footer {
    position: static !important;
}


#form {
    width: 430px;
    height: 806px;
    border-radius: 30px;
    background: #FFF;
    left: calc(50% - 215px);
    top: 8%;
}

.focus-input100 {
    background: none !important;
}

#form .closeBtn {
    border-radius: 0;
    background: none;
    padding: 0;
    margin-left: auto;
    width: 15px;
    height: 15px;
    right: 20px;
    top: 20px;
    cursor: pointer;
    position: absolute;
    z-index: 10000;
}

#form .closeBtn svg {
    vertical-align:top !important;
}

#form .login100-form {
    padding: 0;
    position: static;
    padding: 60px 45px 70px 45px;
}

#form .login100-form .login100-formTitle {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

#form .login100-form .login100-formTitle h4 {
    margin: 0;
    color: #690097;
    text-align: center;
    font-family: Bebas;
    font-size: 30px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 100%;
}

#form .login100-form .login100-formTitle .stroke {
    width: 230px;
    height: 5px;
    flex-shrink: 0;
    border-radius: 30px;
    background: linear-gradient(134deg, #B200FF 14.85%, #FF00F5 86.52%);
}

#form .login100-form .login100-formTitle p {
    color: #690097;
    text-align: center;
    font-family: Montserrat !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    padding-top: 10px;
}

#form .login100-form .login100-formWrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 30px;
    width: 310px;
    margin: 0 auto;
}

#form .login100-form .login100-formWrapper .wrap-input100 {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: none !important;
    margin: 0 !important;
}

#form .login100-form .login100-formWrapper .wrap-input100 h5 {
    color: #690097;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 100%;
    margin: 0;
}

#form .login100-form .login100-formWrapper .wrap-input100 input {
    padding: 20px;
    color: rgba(23, 0, 33, 0.75);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 100%;
    width: 100%;
    border-radius: 5px;
    background: #F1F1F5;
}

#form .login100-form .login100-formWrapper .wrap-input100 textarea {
    padding: 20px;
    height: 108px;
    width: 100%;
    border-radius: 5px;
    background: #F1F1F5;
    border: none;
    outline: none;
}

#form .login100-form .login100-formWrapper .login100-customInputCheckbox {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-top: 5px;
}

#form .login100-form .login100-formWrapper .login100-customInputCheckbox p {
    color: #170021;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

#form .login100-form .login100-formWrapper .login100-customInputCheckbox .hiddenDefaultCheckbox {
    display: none;
}

#form .login100-form .login100-formWrapper .login100-customInputCheckbox .customCheckboxContainer {
    max-width: 15px;
    min-width: 15px;
    width: 100%;
    max-height: 15px;
    min-height: 15px;
    height: 100%;
    border: 1px #170021 solid;
    border-radius: 5px;
    cursor: pointer;
}

.customCheckboxContainerActive {
    max-width: 15px;
    min-width: 15px;
    width: 100%;
    max-height: 15px;
    min-height: 15px;
    height: 100%;
    cursor: pointer;
    background-image: url("/main-images/customCheckboxActive.svg");
    border: none;
    border-radius: 0px;
}

#form .login100-form .container-login100-form-btn {
    padding: 0;
    width: 310px;
    padding-top: 20px;
    margin: 0 auto;
}

#form .login100-form .container-login100-form-btn button {
    color: #FFF;
    width: 100%;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    padding: 20px 45px;
    border-radius: 30px;
    background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%) !important;
}

.bannerFilters-mobile,
.category-banner .banner-container .banner-title span,
.extendedSearch {
    display: none;
}

.extendedSearch {
    color: #690097;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
}

.bannerFilters-mobile {
    margin-bottom: 70px;
}

.extendedSearch {
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.extendedSearch h4 {
    color: #690097 !important;
    font-family: Montserrat !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 140%;
    margin: 0 !important;
}

#preOrderContainerMobile {
    display: none;
}




.subCategoriesTree .p-tree-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.p-tree-container li ul {
    padding-left: 10px;
}

.circleList {
    min-width: 5px;
    min-height: 5px;
    border-radius: 50%;
    background-color: black !important;
}

.p-tree-container li ul li ul {
    padding-left: 20px;
}

.p-tree-container li ul li ul li ul {
    padding-left: 30px;
}


.subCategoriesTree .p-tree-container li .p-treenode-content .toggler-button {
    padding: 0;
    background: none;
    display: flex;
    margin-top: 5px !important;
}

.p-tree-toggler {
    display: none !important;
}

.toggler-button.rotated {
    transform: rotate(180deg);
}

.node-wrapper {
    display: flex;
    align-items: start;
    gap: 5px;
}

.node-label {
    cursor: pointer;
    margin-left: 8px;
}

.subCategoriesTree .p-tree-container li .p-treenode-content .circleList {
    margin-top: 8px !important;
    margin-right: 5px !important;
}

.node-wrapper .node-label {
    color: #170021;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.node-wrapper.active .node-label {
    color: #B200FF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-decoration-line: underline;
}

.subCategoriesTree .p-tree-container li .p-treenode-content .p-treenode-label {
    color: #170021;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    cursor: pointer;
}

.subCategoriesTree .p-tree-container li .p-highlight .p-treenode-label {
    color: #B200FF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-decoration-line: underline;
}

.subCategoriesTree .p-tree-container li .p-treenode-content button svg path {
    fill: #690097 !important;
}

.subCategoriesTree .p-tree-container li {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.subCategoriesTree .p-tree-container li ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.subCategoriesTree .p-tree-container li .p-treenode-content {
    display: flex;
    align-items: start;
    gap: 5px;
}


@media screen and (max-width: 1450px) {
    .white-bg-content-wrapper {
        max-width: 95%;
    }

    .category-banner .banner-container {
        column-gap: 0;
        justify-content: space-between;
    }

    #category_lots_list .gutter-row-10 .gutter-col-10:nth-child(3) {
        max-width: 100%;
    }

    #category_lots_list .gutter-row-10 {
        flex-wrap: wrap;
        -ms-flex-wrap: nowrap;
    }

    #category_lots_list .showMore{
        width: 100%;
    }
}

@media screen and (max-width: 1250px) {

    .category-banner .banner-container img {
        display: none;
    }

    .category-banner .banner-container {
        height: max-content;
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .category-banner .banner-container .banner-filters {
        width: 90%;
    }

    #category_lots_list .gutter-row-10 .gutter-col-10 .sub-category-card {
        width: 600px;
        height: max-content;
    }

    .cardContent {
        flex-direction: column;
        gap: 0;
        align-items: center;
    }

    .cardContent .cardImage {
        width: 100% !important;
    }

    .cardContent .cardInfo {
        padding: 30px 20px 40px 20px;
        width: 100% !important;
    }

    #category_lots_list .gutter-row-10 .gutter-col-10:nth-child(3) {
        align-items: center;
    }

    .cardContent {
        gap: 0 !important;
    }
}


@media screen and (max-width: 992px) {

    .getCertWrapper.desc {
        display: none;
    }

    .getCertWrapper.mob {
        display: flex;
        width: 100%;
        height: 260px;
    }

    #descTopOnly {
        display: none;
    }

    .gutter-row-10 .sidebar-col .sidebar-inner .priceFilter .col-6 {
        max-width: 155px !important;
    }

    #preOrderContainerMobile {
        display: flex;
    }

    .sub-category .container .sub-category-container .head .showMore {
        display: none;
    }

    .sub-category .container .sub-category-container .head {
        flex-direction: column;
        gap: 20px;
        align-items: start;
    }

    .gutter-row-10 .sidebar-col {
        opacity: 1;
        visibility: visible;
        position: static !important;
        height: max-content;
        gap: 10px;
        width: 100%;
    }

    #category_lots_list {
        padding-top: 0;
    }

    #category_lots_list .gutter-row-10 {
        flex-direction: column;
    }

    .gutter-row-10 .sidebar-col .gutter-row-10 {
        flex-direction: row !important;
    }

    .gutter-row-10 .sidebar-col .sidebar-inner .d-flex a {
        width: 100%;
    }

    .gutter-row-10 .sidebar-col .sidebar-inner .mb-2 .col-6 .input-custom {
        width: 150px;
    }

    .gutter-row-10 .sidebar-col .sidebar-inner {
        margin: 0;
    }

    .gutter-row-10 .sidebar-col .sidebar-inner {
        width: 370px;
    }

    .sub-category {
        padding-top: 70px;
    }

    .extendedSearch {
        display: flex;
        padding-top: 10px;
        align-self: start;
    }

    #mainFilterCatalog,
    #preOrderContainer {
        display: none;
    }

    #mainFilterCatalog {
        margin-bottom: 20px;
    }

    #preOrderContainerMobile {
        display: flex;
        margin-top: 60px;
        align-self: center;
        width: 100%;
    }

    .preOrderWrapper {
        width: 100%;
    }

    .preOrderWrapper .preOrder {
        width: 100%;
        height: max-content;
    }

    .preOrderWrapper .preOrder .preOrderTitle {
        width: 50%;
    }
}

@media screen and (max-width: 950px) {
    .category-banner .banner-container {
        padding: 50px 70px 60px 70px;
    }

    .sub-category .container .sub-category-container .head .search-category {
        width: 100%;
    }

    .sub-category .container .sub-category-container .head .search-category .searchBar {
        width: 100%;
    }

    .category-banner .banner-container .banner-filters {
        width: 100%;
    }

    .white-bg-content-wrapper {
        max-width: 90%;
    }

    .bottomBanner .bottomBannerTitle {
        width: 100%;
    }
}



@media screen and (max-width: 650px) {
    .category-banner .banner-container .bannerFilters-desktop {
        display: none;
    }

    .paging {
        padding-top: 20px;
    }

    .bannerFilters-mobile {
        margin-bottom: 0 !important;
    }

    .category-banner .banner-container {
        height: 534px;
        background-size: 100%;
        background-position: bottom center;
        background-image: url("/main-images/categoryMainBannerMobBg.png");
        padding: 80px 26px 0px 26px;
        align-items: center;
        background-color: #1B1B1B;
        background-blend-mode: normal;
    }

    .category-banner .banner-container .banner-title {
        text-align: center;
        gap: 30px;
        align-items: center;
        width: 100%;
    }

    .category-banner .banner-container .banner-title span {
        display: block;
        color: #FFF;
        font-family: Montserrat !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        padding: 17px 37px;
        border-radius: 30px;
        background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
        cursor: pointer;
    }

    .category-banner .banner-container .banner-title h1 {
        font-size: 50px;
        width: 399px;
    }

    .category-banner .banner-container .banner-title {
        width: 300px;
    }

    .bannerFilters-mobile {
        display: flex;
    }

    .gutter-row-10 .sidebar-col {
        align-items: center;
    }

    #category_lots_list .gutter-row-10 .gutter-col-10 .sub-category-card {
        width: 100%;
    }

    .cardContent .cardImage {
        height: 262px;
    }

    .sub-category .container .sub-category-container .head .search-category .searchBar {
        width: 235px;
    }

    .sub-category .container .sub-category-container .head .search-category .searchBar input {
        box-sizing: border-box;
    }

    .preOrderWrapper {
        height: 314px;
    }

    .preOrderWrapper .preOrder {
        width: 100%;
        height: 100%;
    }

    .bottomBanner {
        height: 363px;
        padding: 0px 24px 0px 30px;
        background-image: linear-gradient(#1B1B1B,#1B1B1B), url("/main-images/bottomBannerMobileBg.png");
    }

    .preOrderWrapper .preOrder .preOrderTitle {
        width: 100%;
    }

    #preOrderContainerMobile {
        justify-content: center;
        margin-top: 20px;
    }
}

@media screen and (max-width: 600px) {
    .cardContent .cardInfo .cardDescription {
        width: 100%;
    }

    .cardContent .cardInfo .cardDescription {
        column-gap: 44px;
    }

    .cardContent .cardInfo .cardDescription .cardTypeSale span, 
    .cardContent .cardInfo .cardDescription .cardPrice span {
        font-size: 16px;
    }

}
@media screen and (max-width: 450px) {
    .preOrderWrapper {
        width: 100%;
        height: 314px;
    }

    .agentHelperFormWrapper {
        height: max-content !important;
    }

    .agentHelperFormWrapper form {
        padding: 40px 30px 40px 30px;
    }

    .gutter-row-10 .sidebar-col .sidebar-inner .d-flex a {
        padding: 15px 40px;
    }

    .cardContent .cardInfo .cardName {
        width: 270px;
    }

    .showMore {
        margin: 0 auto;
        padding-top: 20px;
        width: max-content;
    }

    #category_lots_list .showMore {
        padding-top: 0;
        text-align: center;
    }

    .bottomBanner {
        margin-top: 20px;
    }

    #form {
        width: 370px;
        left: calc(50% - 185px);
        height: 500px;
        overflow-y: auto;
        scrollbar-width: none;
        top: 20%;
    }

    #form .login100-form {
        padding: 60px 30px 70px 30px;
    }

    .cardContent .cardInfo .cardName {
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }

    .cardContent .cardInfo .cardDescription .cardDescriptionItem span {
        width: 100%;
    }

}

@media screen and (max-width: 400px) {

    .gutter-row-10 .sidebar-col .sidebar-inner .priceFilter .col-6 {
        width: 45% !important;
    }

    .gutter-row-10 .sidebar-col .sidebar-inner .priceFilter .col-6 {
        max-width: 47% !important;
    }

    .gutter-row-10 .sidebar-col .sidebar-inner .mb-2 .col-6 .input-custom {
        width: 100% !important;
    }

    .category-banner .banner-container .banner-title h1 {
        font-size: 36px;
        width: 80%;
    }

    .category-banner .banner-container .banner-title {
        gap: 20px;
    }

    .category-banner .banner-container .banner-title span {
        padding: 13px 28px;
        font-size: 14px;
    }

    .category-banner .banner-container .banner-title p {
        font-size: 14px;
        width: 80%;
    }

    .category-banner .banner-container {
        height: 400px;
    }

    .bannerFilters-mobile {
        padding-top: 40px;
        gap: 5px;
        justify-content: center;
    }

    .bannerFilters-mobile span {
        font-size: 10px;
    }

    .gutter-row-10 .sidebar-col .sidebar-inner .mb-2 .col-6 .input-custom {
        width: 100%;
    }

    #category_lots_list .gutter-row-10 .gutter-col-10 {
        width: 100%;
    }

    .gutter-row-10 .sidebar-col .sidebar-inner {
        width: 100%;
    }

    .sub-category .container .sub-category-container .head .search-category .searchBar {
        width: 160px;
    }

    .cardContent .cardInfo .cardDescription {
        grid-template-columns: 1fr 1fr;
    }

    .cardContent .cardInfo {
        padding: 20px 10px;
    }

    .cardContent .cardInfo .cardName {
        font-size: 18px;
        width: 90%;
    }

    .cardContent .cardInfo .cardDescription .cardTypeSale span, 
    .cardContent .cardInfo .cardDescription .cardPrice span {
        font-size: 16px;
    }

    .cardContent .cardInfo .cardDescription .cardDescriptionItem h5 {
        font-size: 12px;
    }

    .cardContent .cardInfo .cardActivity .cardActivityItem img {
        width: 28px;
        height: 28px;
    }

    .cardContent .cardInfo .cardActivity .cardActivityItem span {
        font-size: 12px;
    }

    .cardContent .cardInfo {
        gap: 15px;
    }

    .cardContent .cardInfo .cardActivity {
        gap: 20px;
    }

    .cardContent .cardImage {
        height: 200px;
    }

    .bottomBanner {
        height: max-content;
        padding: 82px 24px;
        margin-top: 20px;
        margin-bottom: 60px;
    }

    .bottomBanner .bottomBannerTitle p {
        font-size: 12px;
    }

    .bottomBanner .bottomBannerTitle h4 {
        font-size: 36px;
    }

    #form {
        width: 90%;
        left: calc(50% - 45%);
    }

    #form .login100-form .login100-formWrapper {
        width: 100%;
    }

    #form .login100-form .container-login100-form-btn {
        width: 100%;
    }

    #form .login100-form .login100-formTitle p {
        font-size: 12px;
        padding-top: 0;
    }

    #form .login100-form .login100-formTitle {
        gap: 6px;
    }

    #form .login100-form {
        padding: 50px 18px 60px 18px;
    }

    #form .login100-form .login100-formWrapper .login100-customInputCheckbox p {
        font-size: 10px;
    }

    #form .login100-form .container-login100-form-btn button {
        font-size: 14px;
        padding: 12px 36px;
        height: max-content;
    }
}


@media screen and (max-width: 992px) {
    #category_lots_list .gutter-row-10 .gutter-col-10:nth-child(3) .new-c-auto {
        display: flex !important;
    }
}

.sub-category,
#category_lots_list {
    padding-top: 0 !important;
}

.gutter-row-10 .sidebar-col ul .active a {
    color: #B200FF !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-open-wrapper .sidebar-item-box ul .active a,
.gutter-row-10 .sidebar-col .sidebar-inner .sidebar-open-wrapper ul .active a {
    color: #B200FF !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}




.popup-container {
    max-height: 80vh !important;
    overflow-y: auto;
    overflow-x: hidden !important;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 64.815px 46.852px 0px rgba(0, 0, 0, 0.05), 0px 38.519px 25.481px 0px rgba(0, 0, 0, 0.04), 0px 20px 13px 0px rgba(0, 0, 0, 0.04), 0px 8.148px 6.519px 0px rgba(0, 0, 0, 0.03), 0px 1.852px 3.148px 0px rgba(0, 0, 0, 0.02);
    border: none;
}

.popup-container .wrap-zero {
    width: 650px;
    padding: 60px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.popup-container .wrap-zero p {
    color: #170021;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    width: 348px;
}

.ppcont-tg {
    position: fixed;
    top: 20vh;
    z-index: 1010;
    width: 50vw;
    background: linear-gradient(153.92deg, #B200FF -18.49%, #000000 85.3%, #FF00F5 173.71%);
    flex-direction: column !important;
    display: flex !important;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: fit-content;
}

.hidden {
    display: none !important;
}

.flyer-1 {
    width: 45.02px;
    height: 37px;
    top: 186.69px;
    left: 383px;
}

.flyer-2 {
    width: 45.02px;
    height: 37px;
    top: 83.69px;
    left: 405px;
    transform: rotate(305deg);
}

.flyer-3 {
    width: 45.02px;
    height: 37px;
    top: 61.69px;
    left: 475px;
}

.flyer-4 {
    width: 45.02px;
    height: 37px;
    top: 231.69px;
    left: 431px;
    transform: rotate(25deg);
}

.flyer-5 {
    width: 45.02px;
    height: 37px;
    top: 258.69px;
    left: 495px;
    transform: rotate(350deg);
}

.flyer-6 {
    width: 45.02px;
    height: 37px;
    top: 211.69px;
    left: 526px;
    transform: rotate(330deg);
}

.hidewhilenotmb {
    display: none !important;
}

.p25 {
    padding: 25px;
}

@media screen and (max-width: 700px) {
    .p25 {
        padding: 0;
    }
    .hidewhilenotmb {
        display: flex !important;
    }

    .hidewhilemb {
        display: none !important;
    }

    .tg-1mb {
        position: relative;
        width: 84px;
        height: 78px;
        left: 146px;
        top: -20px;
    }

    .flyer-1mb {
        width: 21px;
        height: 37px;
        left: 123px;
        top: 218px;
    }

    .flyer-2mb {
        width: 21px;
        height: 37px;
        top: 247.69px;
        left: 109px;
        transform: rotate(340deg);
    }

    .flyer-3mb {
        width: 21px;
        height: 37px;
        top: 250.69px;
        left: 246px;
        transform: rotate(340deg);
    }

    .flyer-4mb {
        width: 21px;
        height: 37px;
        top: 230.69px;
        left: 227px;
        transform: rotate(340deg);
    }

    .flyer-5mb {
        width: 21px;
        height: 37px;
        top: 200.69px;
        left: 256px;
        transform: rotate(340deg);
    }

    .flyer-6mb {
        width: 21px;
        height: 37px;
        top: 183.69px;
        left: 194px;
        transform: rotate(340deg);
    }

    .flyer-7mb {
        width: 21px;
        height: 37px;
        top: 183.69px;
        left: 146px;
        transform: rotate(300deg);
    }

    .flyer-8mb {
        width: 21px;
        height: 37px;
        top: 183.69px;
        left: 100px;
        transform: rotate(40deg);
    }
}

.closeBtn-log-in img {
    width: 20px;
    height: 20px;
}

.closeBtn-log-in {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    cursor: pointer;
}

.flexd-column {
    display: flex !important;
    flex-direction: row !important;
}

.lgincl {
    background: linear-gradient(179.54deg, #0B010F -1127.32%, #9100D0 2218.04%) !important;
    box-shadow: 0px 58px 54px 0px #8F00FF inset, 0px 7px 30px 0px #FFFFFFE0 inset, 0px 7px 3.5px 0px #7F00FF0F, -54px -43px 29px 0px #0000004A inset;
    border: none;
    padding: 25px;
}

.popup-container::-webkit-scrollbar-thumb {
    background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
}

.popup-container .wrap-step {
    height: 100%;
    padding: 60px 0px;
    display: flex;
    flex-direction: column;
}

.popup-container .wrap-step h1 {
    color: #690097;
    text-align: center;
    font-family: Bebas;
    font-size: 36px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 100%;
    padding-bottom: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.popup-container .wrap-step h1 hr {
    margin: 0;
    height: 5px;
    width: 315px;
    border: none;
    outline: none;
    border-radius: 30px;
    background: linear-gradient(134deg, #B200FF 14.85%, #FF00F5 86.52%);
}

.popup-container .wrap-step .Balls-close .ball-1,
.popup-container .wrap-step .Balls-close .ball-2,
.popup-container .wrap-step .Balls-close .ball-3 {
    width: 24px;
    height: 24px;
    background-color: #F1F1F5;
}

.popup-container .wrap-step .Balls-close .line-1,
.popup-container .wrap-step .Balls-close .line-2 {
    height: 1px;
    background-color: #F1F1F5;
    border: none;
    top: 12px;
}

.popup-container .wrap-step .step-indicator .step {
    color: rgba(23, 0, 33, 0.70);
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.popup-container .wrap-step .step-indicator {
    height: 90px;
}

.popup-container .wrap-step .step-indicator .text-cl-kk {
    color: #170021;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}


.popup-container .wrap-step .center .log-in-cl-kk {
    margin-right: 10px;
    height: max-content;
    width: max-content;
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    padding: 20px 40px;
    border-radius: 30px;
    background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
}

.popup-container .wrap-step .center .sign-in-cl-kk {
    height: max-content;
    width: max-content;
    color: #B200FF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    padding: 19px 35px;
    border-radius: 30px;
    border: 1px solid #B200FF;
}

.popup-container .wrap-step .downblock-text-kk {
    margin: 0;
    margin-top: 20px;
    width: 389px;
    color: #170021;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    align-self: center;
}

.popup-container .wrap-step3 .downblock-text-kk {
    width: 464px;
}

.popup-container .wrap-step .downblock-text-kk a {
    color: #170021;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
    text-decoration-line: underline;
}

.popup-container .wrap-step .downblock-firstComp {
    width: 450px !important;
}

.popup-container .wrap-step .downblock-firstComp a {
    color: #170021;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
    text-decoration-line: underline;
}

.popup-container .wrap-step .Balls-close .b-1-comp,
.popup-container .wrap-step .Balls-close .b-2-comp,
.popup-container .wrap-step .Balls-close .b-3-comp {
    border: none;
    background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
}

.popup-container .wrap-step .Balls-close .l-1-comp,
.popup-container .wrap-step .Balls-close .l-2-comp {
    background: #690097;
}




.popup-container .wrap-registration,
.popup-container .wrap-login {
    width: 430px;
    padding: 60px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: max-content;
}

.popup-container .wrap-profile-nda {
    width: 450px;
    padding: 60px 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: max-content;
}

.popup-container .wrap-login .login-header-log-in {
    margin: 0;
}

.popup-container .wrap-profile-nda h2 {
    width: 280px;
    align-self: center;
}

.popup-container .wrap-registration .registration-header,
.popup-container .wrap-login .login-header-log-in,
.popup-container .wrap-profile-nda h2 {
    color: #690097;
    text-align: center;
    font-family: Bebas;
    font-size: 36px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 100%;
    padding-bottom: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.popup-container .wrap-profile-nda h2 hr {
    margin: 0;
    height: 5px;
    width: 230px;
    border: none;
    outline: none;
    border-radius: 30px;
    background: linear-gradient(134deg, #B200FF 14.85%, #FF00F5 86.52%);
}

.popup-container .wrap-profile-nda .form-content .input-container label {
    margin: 0;
    color: #690097;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.popup-container .wrap-registration .registration-header hr,
.popup-container .wrap-login .login-header-log-in hr {
    margin: 0;
    height: 5px;
    width: 230px;
    border: none;
    outline: none;
    border-radius: 30px;
    background: linear-gradient(134deg, #B200FF 14.85%, #FF00F5 86.52%);
}

.popup-container .wrap-registration .input-container *,
.popup-container .wrap-login .input-container * {
    margin: 0;
}

.popup-container .wrap-registration .input-container,
.popup-container .wrap-login .input-container {
    gap: 8px;
}

.popup-container .wrap-registration .input-container label,
.popup-container .wrap-login .input-container label {
    color: #690097;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.popup-container .wrap-registration .input-container input,
.popup-container .wrap-login .input-container input {
    color: rgba(23, 0, 33, 0.75) !important;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border-radius: 5px;
    background: #F1F1F5 !important;
    width: 100%;
    height: max-content;
    padding: 20px;
}

.popup-container .wrap-login .input-container input:-webkit-autofill,
.popup-container .wrap-login .input-container input:autofill,
.popup-container .wrap-login .input-container input:-webkit-autofill:focus {
    color: rgba(23, 0, 33, 0.75) !important;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border-radius: 5px;
    background: #F1F1F5 !important;
    width: 100%;
    height: max-content;
    padding: 20px;
}

.popup-container .wrap-login .input-container input:not(:placeholder-shown) {
        color: rgba(23, 0, 33, 0.75) !important;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    border-radius: 5px;
    background: #F1F1F5 !important;
    width: 100%;
    height: max-content;
    padding: 20px;
}

.popup-container .wrap-registration .input-container input::placeholder,
.popup-container .wrap-login .input-container input::placeholder {
    color: rgba(23, 0, 33, 0.75) !important;
    opacity: 1;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 100%;
}

.popup-container .wrap-registration .input-container .gender-checkboxes {
    gap: 32px;
    padding-bottom: 10px;
}

.popup-container .wrap-registration .input-container .gender-checkboxes .checkbox-div {
    gap: 10px;
}

.popup-container .wrap-registration .input-container .gender-checkboxes .checkbox-div .customCheckboxContainer {
    width: 15px !important;
    height: 15px !important;
    background-image: url('/main-images/checkBoxNotActive.svg');
    cursor: pointer;
}

.popup-container .wrap-registration .input-container .gender-checkboxes .checkbox-div label {
    color: #170021;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.popup-container .wrap-registration .checkbox-div:nth-child(9) *,
.popup-container .wrap-registration .checkbox-div:nth-child(10) *,
.popup-container .wrap-registration .checkbox-div:nth-child(11) * {
    margin: 0;
}

.popup-container .wrap-registration .checkbox-div:nth-child(9),
.popup-container .wrap-registration .checkbox-div:nth-child(10),
.popup-container .wrap-registration .checkbox-div:nth-child(11) {
    margin: 0;
    gap: 10px;
}

.popup-container .wrap-registration .checkbox-div:nth-child(9) {
    padding-top: 10px;
}

.popup-container .customCheckboxContainer {
    min-width: 15px !important;
    min-height: 15px !important;
    background-image: url('/main-images/checkBoxNotActive.svg');
    cursor: pointer;
}

.popup-container .wrap-registration .checkbox-div:nth-child(9) label,
.popup-container .wrap-registration .checkbox-div:nth-child(10) label,
.popup-container .wrap-registration .checkbox-div:nth-child(11) label {
    color: #170021;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    width: 100%;
}

.popup-container .wrap-registration .checkbox-div:nth-child(11) label {
    width: 270px;
}

.popup-container .wrap-registration .checkbox-div:nth-child(11) label a {
    color: #170021;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-decoration-line: underline;
}

.popup-container .wrap-registration button:nth-child(12),
.popup-container .wrap-login .log-in-cl-kk-log-in {
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    border-radius: 30px;
    background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    padding: 20px 0px;
    width: 100%;
    border: none;
    height: max-content;
    margin-top: 10px;
}

.popup-container .wrap-login .log-in-cl-kk-log-in {
    margin-bottom: 0;
}

.popup-container .wrap-login .login-ecp-log-in {
    color: #B200FF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    border-radius: 30px;
    border: 1px solid #B200FF;
    padding: 20px 0px;
    width: 100%;
    background: none;
    height: max-content;
    margin-top: 0;
}

.popup-container .wrap-login .login-ecp-log-in:hover {
    background: none;
    color: #B200FF;
}

.popup-container .wrap-login .checkbox-forgot-log-in * {
    margin: 0;
}

.popup-container .wrap-login .checkbox-forgot-log-in {
    padding-top: 10px;
}

.popup-container .wrap-login .checkbox-forgot-log-in .checkbox-div {
    gap: 10px;
}

.popup-container .wrap-login .checkbox-forgot-log-in .checkbox-div label {
    color: #170021;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.popup-container .wrap-login .checkbox-forgot-log-in a {
    color: #170021;
    text-align: right;
    font-family: Montserrat !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.popup-container .closeBtn-log-in {
    padding: 15px 15px 0px 0px !important;
}

.popup-container .wrap-profile-nda .form-content .input-container #entityType {
    display: none;
}

.popup-container .wrap-profile-nda .form-content {
    padding: 0px 60px;
}

.popup-container .wrap-profile-nda .form-content .input-container .customSelect3 {
    position: relative;
    padding-top: 8px;
}

.popup-container .wrap-profile-nda .form-content .input-container .customSelect3 .activeOption {
    padding: 20px 24px 20px 20px;
    border-radius: 5px;
    background: #F1F1F5;
    color: rgba(23, 0, 33, 0.75);
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.popup-container .wrap-profile-nda .form-content .input-container .customSelect3 .customOptionMenu {
    padding: 20px;
    width: 330px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    background-color: white;
    border-radius: 5px;
    z-index: 1000;
}

.popup-container .wrap-profile-nda .form-content .input-container .customSelect3 .customOptionMenu span {
    color: #170021;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    cursor: pointer;
}

.popup-container .wrap-profile-nda .form-content .input-container .customSelect3 .customOptionMenu .activeOptionMenu {
    color: #B200FF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-decoration-line: underline;
}

.popup-container .wrap-profile-nda .nda-form {
    width: 100%;
    height: max-content;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.popup-container .wrap-profile-nda .nda-form .input-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 0px 60px;
}

.popup-container .wrap-profile-nda .nda-form .passport {
    padding: 0px 60px;
}

.popup-container .wrap-profile-nda .nda-form .passport .input-container {
    padding: 0;
}

.popup-container .wrap-profile-nda .nda-form .input-container * {
    margin: 0;
}

.popup-container .wrap-profile-nda .nda-form .input-container label {
    color: #690097;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.popup-container .wrap-profile-nda .nda-form .input-container input {
    padding: 20px;
    border-radius: 5px;
    background: #F1F1F5;
    color: rgba(23, 0, 33, 0.75);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    height: max-content;
    width: 100%;
    opacity: 1;
}

.popup-container .wrap-profile-nda .nda-form .input-container input::placeholder {
    color: rgba(23, 0, 33, 0.75);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    opacity: 1;
}

.popup-container .wrap-profile-nda .nda-form .checkbox-div,
.popup-container .wrap-profile-nda .nda-form .checkbox-container {
    gap: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    padding: 0px 60px;
}

.popup-container .wrap-profile-nda .nda-form .checkbox-div label,
.popup-container .wrap-profile-nda .nda-form .checkbox-container label {
    margin: 0;
    color: #170021;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.popup-container .wrap-profile-nda .nda-form .checkbox-div label a,
.popup-container .wrap-profile-nda .nda-form .checkbox-container label a{
    color: #170021;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 140%;
    text-decoration-line: underline;
}

.popup-container .wrap-profile-nda .nda-form .save-btn {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    border-radius: 30px;
    background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
    padding: 20px 0px;
    width: 100%;
    height: max-content;
    margin: 0px 60px;
    margin-top: 10px;
    margin-bottom: 0 !important;
}

.popup-container .wrap-profile-nda .nda-form {
    margin-top: 0;
}

.footer {
    margin-top: 50px !important;
}

.popup-container svg {
    fill: #690097 !important;
}

.popup-container .wrap-business {
    gap: 10px;
    padding: 60px 64px;
    height: max-content;
}

.popup-container .wrap-business .center p {
    margin: 0 !important;
    color: #170021;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    padding-top: 10px;
}

.popup-container .wrap-business .center p a {
    color: #170021;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
    text-decoration-line: underline;
}


.popup-container .wrap-business h1 {
    color: #690097;
    text-align: center;
    font-family: Bebas;
    font-size: 36px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 100%;
    padding-bottom: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.popup-container .wrap-business h1 hr {
    margin: 0;
    height: 5px;
    width: 230px;
    border: none;
    outline: none;
    border-radius: 30px;
    background: linear-gradient(134deg, #B200FF 14.85%, #FF00F5 86.52%);
}

.popup-container .wrap-business .center:last-child {
    margin-top: 10px;
    width: 100%;
}

.popup-container .wrap-business .center button {
    margin: 0 !important;
    padding: 20px 0px;
    width: 100%;
    height: max-content;
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    border-radius: 30px;
    background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
}

.popup-container h2,
.popup-container h1 {
    color: #690097;
    text-align: center;
    font-family: Bebas;
    font-size: 36px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 100%;
    padding-bottom: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.popup-container h2 hr,
.popup-container h1 hr {
    margin: 0;
    height: 5px;
    width: 230px;
    border: none;
    outline: none;
    border-radius: 30px;
    background: linear-gradient(134deg, #B200FF 14.85%, #FF00F5 86.52%);
}

.popup-container .wrap-congrats {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: max-content;
    padding: 60px 59px;
}

.popup-container .wrap-congrats p {
    color: #170021;
    text-align: center; 
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    width: 100%;
    padding-top: 10px;
}

.popup-container .wrap-congrats button:last-child {
    width: max-content;
    margin-top: 10px;
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    padding: 20px 40px;
    height: max-content;
    border-radius: 30px;
    background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
}


.popup-container .error-message {
    padding: 8px 60px;
    border-radius: 0px 30px 30px 0px;
    background: linear-gradient(134deg, rgba(178, 0, 255, 0.30) 14.85%, rgba(255, 0, 245, 0.30) 86.52%);
    backdrop-filter: blur(2px);
    width: 390px;
    color: #690097;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: flex;
    gap: 10px;
    align-items: center;
}


.popup-container .mt-3 {
    margin-top: 0 !important;

}

.popup-container .mt-3 .mb-3 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
}

.popup-container .mt-3 .mb-3 .col-lg-auto {
    display: none;
}

.popup-container .mt-3 .mb-3 .col-lg-4 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.popup-container .mt-3 .mb-3 .col-lg-4 button {
    margin-bottom: 0 !important;
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    border: none !important;
    height: max-content;
    width: 100%;
    padding: 20px 0px !important;
    border-radius: 30px;
    border-radius: 30px;
    background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
}





.closePopap {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.4);
    top: 0;
    left: 0;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.closePopap .closeWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 60px 0px;
    width: 650px;
    position: relative;
    height: 326px;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 64.815px 46.852px 0px rgba(0, 0, 0, 0.05), 0px 38.519px 25.481px 0px rgba(0, 0, 0, 0.04), 0px 20px 13px 0px rgba(0, 0, 0, 0.04), 0px 8.148px 6.519px 0px rgba(0, 0, 0, 0.03), 0px 1.852px 3.148px 0px rgba(0, 0, 0, 0.02);
}

.closePopap .closeWrap svg {
    fill: #690097;
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer;
}

.closePopap .closeWrap h2 {
    color: #690097;
    text-align: center;
    font-family: Bebas;
    font-size: 36px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    margin-bottom: 0;
}

.closePopap .closeWrap h2 hr {
    width: 315px;
    border-radius: 30px;
    background: linear-gradient(134deg, #B200FF 14.85%, #FF00F5 86.52%);
    height: 5px;
    margin: 0;
}

.closePopap .closeWrap p {
    color: #170021;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    padding-top: 10px;
    width: 426px;
}

.closePopap .closeWrap span {
    cursor: pointer;
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    padding: 20px 30px;
    border-radius: 30px;
    background: linear-gradient(127deg, #0F0098 -29.55%, #B200FF 48.7%, #FF00F5 94.76%);
}






@media screen and (max-width: 700px) {

    #catalogLots {
        padding-bottom: 60px;
    }

    .popup-container .paylotsuccess {
        padding: 60px 40px;
    }

        .popup-container .paylotsuccess h4 hr {
            width: 90%;
        }

    .popup-container {
        width: 370px;
    }

    .popup-container .wrap-zero {
        width: 100%;
        padding: 60px 45px;
    }

    .popup-container .wrap-zero p {
        width: 100%;
    }

    .popup-container .wrap-step2 {
        width: 100%;
    }

    .popup-container .wrap-step h1 {
        width: 280px;
        align-self: center;
    }

    .popup-container .wrap-step .step-indicator .text-cl-kk {
        font-size: 12px;
    }

    .popup-container .wrap-step .center .log-in-cl-kk {
        padding: 15px 0px;
        margin-right: 0;
        width: 310px;
        margin-top: 20px;
    }

    .popup-container .wrap-step .step-indicator {
        height: 51px;
    }

    .popup-container .wrap-step .downblock-firstComp {
        font-size: 12px;
        padding: 0px 33px;
        width: 100% !important;
    }

    .popup-container .wrap-step .downblock-firstComp a {
        font-size: 12px;
    }

    .popup-container .wrap-step .center .log-button {
        padding: 16px 30px;
        font-size: 14px;
        width: max-content;
        margin-top: 20px;
    }

    .popup-container .wrap-step .center .sign-in-cl-kk {
        padding: 15px 20px;
        font-size: 14px;
        width: max-content;
        margin-top: 20px;
        margin-left: 10px;
    }

    .popup-container .wrap-step .downblock-text-kk {
        font-size: 12px;
        width: 100%;
        padding: 0px 33px;
        margin-left: 10px;
    }

    .popup-container .wrap-step {
        width: 100%;
    }

    .popup-container .wrap-step h1 hr {
        width: 280px;
    }

    .popup-container .wrap-login,
    .popup-container .wrap-registration,
    .popup-container .wrap-business {
        width: 100%;
        padding: 60px 30px;
    }

    .popup-container .wrap-profile-nda {
        width: 100%;
    }

    .popup-container .wrap-login .log-in-cl-kk-log-in {
        padding: 15px 0px;
    }

    .popup-container .wrap-login .login-ecp-log-in {
        padding: 14px 0px;
    }

    .popup-container .wrap-registration button:nth-child(12) {
        padding: 15px 0px;
    }

    .popup-container .close-btn {
        padding: 25px 25px 0px 0px !important;
    }

    .popup-container .wrap-step3 .downblock-text-kk {
        padding: 0px 43px;
    }

    .popup-container .wrap-step3 .downblock-text-kk a {
        font-size: 12px;
    }

    .popup-container .close-btn button {
        padding: 0 !important;
    }

    .popup-container .wrap-business .center p {
        font-size: 12px;
    }

    .popup-container .wrap-business .center p a {
        font-size: 12px;
    }

    .popup-container .wrap-business .center button {
        padding: 15px 0px;
        width: 100% !important;
    }

    .popup-container .wrap-congrats {
        width: 100%;
        padding: 60px 38px;
    }

    .popup-container .wrap-congrats p {
        font-size: 12px;
    }

    .popup-container .wrap-congrats button:last-child {
        padding: 15px 25px;
    }

    .popup-container .wrap-congrats p {
        width: 70%;
    }

    .popup-container .wrap-profile-nda .form-content,
    .popup-container .wrap-profile-nda .nda-form .input-container,
    .popup-container .wrap-profile-nda .nda-form .passport,
    .popup-container .wrap-profile-nda .nda-form .checkbox-div,
    .popup-container .wrap-profile-nda .nda-form .checkbox-container {
        padding: 0px 30px;
    }

     .popup-container .wrap-profile-nda .nda-form .passport {
         flex-direction: row;
         gap: 10px;
     }

    .popup-container .wrap-profile-nda .nda-form .passport .input-container {
        padding: 0;
        width: 50%;
    }

    .popup-container .wrap-profile-nda .nda-form .save-btn {
        margin: 0px 30px;
        margin-top: 10px;
    }

    .popup-container .wrap-profile-nda .nda-form .save-btn {
        padding: 15px 0px;
    }

    .popup-container .error-message {
        width: 80%;
        padding: 8px 30px;
    }

    .closePopap .closeWrap {
        width: 90%;
        padding: 60px 42px;
        height: max-content;
    }

    .closePopap .closeWrap h2 hr {
        width: 90%;
    }

    .closePopap .closeWrap p{
        width: 100%;
        font-size: 12px;
    }

    .closePopap .closeWrap span {
        padding: 16px 19px;
    }
}

@media screen and (max-width: 380px) {
    .popup-container {
        width: 90%;
    }

    .popup-container .wrap-step .center .log-in-cl-kk {
        width: 90%;
        font-size: 10px;
    }

    .popup-container .wrap-step .step-indicator .text-cl-kk {
        font-size: 8px;
    }

    .popup-container .wrap-step .step-indicator {
        margin-left: 50px;
    }

    .popup-container .wrap-step .downblock-firstComp {
        font-size: 10px;
    }

    .popup-container .wrap-step .downblock-firstComp a {
        font-size: 10px;
    }

    .popup-container .wrap-step h1 {
        font-size: 28px;
        width: 80%;
    }

    .popup-container .wrap-step .step-indicator {
        margin-left: 30px;
    }

    .bl-1-f-2 {
        left: 30% !important;
    }

    .bl-1-f-3 {
        left: 75% !important;
    }

    .popup-container .wrap-step .center:nth-child(5) {
        flex-direction: column;
        padding: 0px 20px;
        align-items: center;
        gap: 10px;
    }

    .popup-container .wrap-step .center .log-button {
        width: 100%;
        font-size: 14px;
        margin-top: 10px;
    }

    .popup-container .wrap-step h1 hr {
        width: 90%;
    }


    .popup-container .wrap-step .center .sign-in-cl-kk {
        margin: 0;
        width: 100%;
    }

    .popup-container .wrap-step .downblock-text-kk {
        margin: 0;
        margin-top: 20px;
        padding: 0px 20px;
    }

    .popup-container .wrap-login .login-header-log-in,
    .popup-container .wrap-business h1,
    .popup-container .wrap-profile-nda h2 {
        font-size: 28px;
    }

    .popup-container .wrap-login .login-header-log-in hr {
        width: 90%;
    }

    .popup-container .wrap-login,
    .popup-container .wrap-registration,
    .popup-container .wrap-business,
    .popup-container .wrap-congrats {
        padding: 60px 15px;
    }

    .popup-container .wrap-profile-nda .nda-form .input-container label {
        font-size: 10px;
    }

    .popup-container .wrap-profile-nda .nda-form .input-container input {
        padding:  15px;
    }

    .popup-container .wrap-profile-nda .form-content .input-container .customSelect3 .customOptionMenu {
        width: 98%;
    }

    .closePopap .closeWrap {
        padding: 60px 20px;
        width: 95%;
    }

    .closePopap .closeWrap h2 {
        font-size: 28px;
    }

    .closePopap .closeWrap p {
        padding-top: 0;
    }
}


.p-datepicker button {
    background: none;
    color: black;
    padding: 0 !important;
}

.p-datepicker th {
    text-align: center;
}

.p-datepicker .p-datepicker-title {
    display: flex;
    gap: 5px;
}