:root {
    --fontFamily: 'Roboto', sans-serif;
}
/* flex  */
.flex-c-c {
    display: flex;
    justify-content: center;
    align-items: center;
}
.shop-ctx-wrap {
    margin-top: 100px;
    margin-bottom: 100px;
}
.filter-box-toggle {
    display: none;
    height: 0;
    overflow: hidden;
    transition: all 1s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.icon-filter-box {
    transition: transform 0.3s ease;
}

.icon-rotated {
    transform: rotate(180deg);
}
.filter-active {
    transition: 0.3s;
}
.filter-box-toggle.filter-active {
    height: auto;
    opacity: 1;
    visibility: visible;
}
.filter__box {
    border-radius: 20px;
    border: 1px solid #121f36;
    background: #fff;
    padding: 30px;
    gap: 24px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 20px;
}
.dark .filter__box {
    border: 1px solid rgba(0, 255, 226, 0.25);
    background: #121f36;
}

.filter__box-items {
    width: 100%;
}

.filter__box-items-head {
    color: #121f36;
    font-family: var(--fontFamily);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-bottom: 1px solid #121f36;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.dark .filter__box-items-head {
    color: #00ffe2;
    border-bottom: 1px solid #00ffe2;
}

.filter__box-lists {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    list-style: none;
}
.filter__box-lists li {
    width: 100%;
}
.filter__box-lists .filter__box-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    color: #121f36c0;
    text-align: center;
    font-family: var(--fontFamily);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    transition: 0.3s;
    line-height: normal;
    background: transparent;
    border: none;
    padding: 0;
}
.dark .filter__box-lists .filter__box-list {
    color: #fff;
}

.filter__box-lists .filter__box-list.active {
    color: #121f36;
}
.dark .filter__box-lists .filter__box-list.active {
    color: #00ffe2;
}
.filter__box-lists .filter__box-list:hover {
    color: #121f36;
}
.dark .filter__box-lists .filter__box-list:hover {
    color: #00ffe2;
}
.filter__box-lists .filter__box-list .count {
    display: flex;
    width: 25px;
    height: 25px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background: #fff;
    color: #19212f;
    text-align: center;
    font-family: var(--fontFamily);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.dark .filter__box-lists .filter__box-list .count {
    background: #fff;
    color: #19212f;
}
.filter__box-lists .filter__box-list.active .count {
    background: #121f36;
    color: #fff;
}
.dark .filter__box-lists .filter__box-list.active .count {
    background: #00ffe2;
    color: #121f36;
}

.filter__box-lists .filter__box-list:hover .count {
    background: #121f36;
    color: #fff;
}
.dark .filter__box-lists .filter__box-list:hover .count {
    color: #121f36;
    background: #00ffe2;
}

.fil-by-pp {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}
.fil-by-pp .fil-by-pp-tox {
    color: #121f36;
    font-family: var(--fontFamily);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.dark .fil-by-pp .fil-by-pp-tox {
    color: #cecece;
}

.fil-by-pp .fil-by-pp-inp {
    display: flex;
    border-radius: 10px;
    border: 1px solid #121f36;
    background: transparent;
    padding: 10px 5px;
    align-items: flex-start;
    gap: 10px;
    color: #121f36;
    text-align: center;
    width: 120px;
    font-size: 24px;
}
.dark .fil-by-pp .fil-by-pp-inp {
    border: 1px solid rgba(0, 255, 226, 0.25);
    background: #06132d;
    color: #fff;
}

.filter__box-items.membership .lists-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
}
.filter__box-items.membership .common-btn {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
}

@media screen and (max-width: 1500px) {
    .filter__box-items-head {
        font-size: 18px;
        padding-bottom: 10px;
        margin-bottom: 18px;
    }
    .filter__box-lists .filter__box-list {
        font-size: 13px;
    }
    .filter__box-lists {
        gap: 8px;
    }
    .filter__box-lists .filter__box-list .count {
        width: 20px;
        height: 20px;
        font-size: 10px;
    }
    .fil-by-pp .fil-by-pp-inp {
        padding: 8px 5px;
        width: 100%;
        font-size: 18px;
    }
    .fil-by-pp {
        gap: 10px;
    }
    .fil-by-pp .fil-by-pp-tox {
        font-size: 14px;
    }
    .filter__box-items.membership .common-btn {
        font-size: 12px;
    }
}
@media screen and (max-width: 1275px) {
    .filter__box {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media screen and (max-width: 991px) {
    .filter__box {
        grid-template-columns: 1fr 1fr;
    }
    .shop-ctx-wrap {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 575px) {
    .filter__box {
        padding: 20px;
        gap: 20px;
        grid-template-columns: 1fr;
    }
}

/* out of stock tx */
.outOfStockTx-3k3 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #ff0000;
    font-family: var(--fontFamily);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.outOfStkIcon-3k3 {
    font-size: 20px;
}

/* join purchase  */

@media screen and (max-width: 1200px) {
    .outOfStockTx-3k3 {
        font-size: 14px;
    }
    .outOfStkIcon-3k3 {
        font-size: 16px;
    }
}

.dropdown-menu {
    font-size: 16px;
    background: #ffffff;
    min-width: 200px;
    border-radius: 5px;
    padding: 10px;
}
.dark .dropdown-menu {
    background: #090b26;
}

.dropdown-item {
    padding: 4px 4px 4px 10px;
    border-radius: 5px;
    background: #ffffff;
    color: #19212f;
    margin-top: 5px;
}
.dark .dropdown-item {
    background: #090b26;
    color: #fff;
}
.dark .dropdown-item:hover {
    background: #19212f;
    color: #00ffe2;
}

.new-style-b3lc3 .cards-wrap-ab .card-main {
    height: 405px;
}

@media screen and (max-width: 1399px) {
    .nav__list {
        gap: 1.5rem !important;
    }
}
.membership-section .membership__item h3 .price {
    gap: 10px;
}
.membership-section .membership__item h3 .price .text-decoration-line-through {
    font-size: 30px;
}
.add-to-cart-table td,
.add-to-cart-table td a {
    color: #121f36;
}

.dark .add-to-cart-table td {
    color: #fff;
}

.add-to-cart-table thead tr th {
    background-color: #19212f;
    padding: 15px 0px 6px 5px;
    color: #fff;
}
.dark .add-to-cart-table thead tr th {
    background-color: #19212f;
}

.dropdown .dp-icx-item {
    color: #06132d;
}
.dark .dropdown .dp-icx-item {
    color: #fff;
}
.dropdown .dropdown-item.dpcx {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ab-table-wrap.ticket .table tbody tr td {
    padding: 15px 30px;
}
.ab-table-wrap.ticket .table tbody tr td {
    color: #121f36;
}
.dark .ab-table-wrap.ticket .table tbody tr td {
    color: #fff;
}

.usr__dashboard__header_badge {
    height: 74px;
    background: #1f2149;
    padding: 15px 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.dark .usr__dashboard__header_badge {
    background: rgba(0, 255, 226, 0.25);
}

.fin-badge-btn {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 15px;
    background: #19212f;
    min-width: 94px;
    display: flex;
    height: 44px;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.fin-badge-btn:hover {
    color: #fff;
}
.dark .fin-badge-btn {
    color: #19212f;
    background: #00ffe2;
}
.dark .fin-badge-btn:hover {
    color: #19212f;
}
.dark .fin-badge-btn {
    color: #19212f !important;
    background: #00ffe2;
}
.dark .fin-badge-btn:hover {
    color: #19212f !important;
}

.fin-badge-bnt-outline {
    color: #121f36;
    font-size: 16px;
    font-weight: 400;
    border-radius: 15px;
    background: transparent;
    min-width: 94px;
    display: flex;
    height: 44px;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 15px;
    border: 1px solid #121f36;
}
.dark .fin-badge-bnt-outline {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}

.u-ticket_box {
    border-radius: var(--Padding-mm, 12px);
    background: transparent;
    box-shadow: 0px 0px 10px 2px rgba(32, 35, 74, 0.25);
    padding: 25px;
    margin-top: 42px;
}
.dark .u-ticket_box {
    background: var(--bg, #121f36);
    box-shadow: 0px 0px 30px 2px rgba(0, 255, 226, 0.25);
}

.u-ticket_box label {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    margin-bottom: 10px;
}
.u-ticket_box input {
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);
    font-size: 16px;
    font-weight: 400;
    padding: 10px 12px;
    display: block;
    width: 100%;
    background: transparent;
    color: #fff;
}
.u-ticket_box input,
.u-ticket_box select,
.u-ticket_box textarea {
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);
    font-size: 16px;
    font-weight: 400;
    padding: 10px 12px;
    display: block;
    width: 100%;
    background: transparent;
    color: #121f36;
}
.dark .u-ticket_box input,
.dark .u-ticket_box select,
.dark .u-ticket_box textarea {
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);
    background: transparent;
    color: #fff;
}
.u-ticket_box select option {
    background: #19212f;
    color: #fff;
}
.u-ticket_box .ipm__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.u-ticket_box input[type='file'] {
    border: none;
}
.u-ticket_box .bage__file {
    color: #929191;
    font-size: 1 4px;
    font-weight: 400;
    margin-top: 30px;
}

.usr__dashboard__header_badge .badge_heap {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}
.usr__dashboard__header_badge.text-left {
    justify-content: flex-start;
}

.header__tic {
    font-size: 22px;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 16px;
}
.header__tic_highlight {
    color: #121f36;
}
.header__tic_desc {
    color: #929191;
}
.dark .header__tic_highlight {
    color: #00ffe2;
}
.dark .header__tic_desc {
    color: #fff;
}

.ticket__table_status table {
    border-collapse: separate;
    text-align: center;
}
.ticket__table_status thead td {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);
    color: #121f36;
    padding: 10px;
}
.dark .ticket__table_status thead td {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);
    color: #fff;
}
.ticket__table_status tbody td {
    color: #929191;
    font-size: 16px;
    font-weight: 400;
    padding: 20px 10px;
}

.ticket__table_status thead td:first-child {
    border-left: 1px solid #d9d9d9;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.ticket__table_status thead td:last-child {
    border-right: 1px solid #d9d9d9;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.ipm__addIcons {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}
.ipm__addIcons .txbox {
    display: flex;
    align-items: center;
    gap: 10px;
}

.u-ticket_box.createReapalyBox {
    border-radius: var(--Padding-mm, 12px);
    border: 2px solid #121f36;
    background: transparent;
    box-shadow: 0px 0px 10px 2px rgba(32, 35, 74, 0.25);
}
.dark .u-ticket_box.createReapalyBox {
    border: 2px solid #00ffe2;
    background: var(--Color-Card-color, #121f36);
    box-shadow: 0px 0px 30px 2px rgba(0, 255, 226, 0.25);
}

.tic-replay-messages {
    margin-top: 20px;
}
.tic-replay-messages ul {
    list-style: none;
}
.tic-replay-messages .head {
    min-height: 36px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #121f36;
    padding-left: 20px;
    padding-right: 20px;
}
.dark .tic-replay-messages .head {
    color: #fff;
    background: #20234a;
}
.tic-replay-messages .auth {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}
.tic-replay-messages .h-time {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}
.tic-replay-messages .h-body {
    padding: 30px 22px 22px 22px;
    border-radius: 0 0 10px 10px;
    background: #fff;
    border: 1px solid #121f36;
}
.dark .tic-replay-messages .h-body {
    background: #121f36;
}

.tic-replay-messages .h-body p {
    color: #121f36;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.dark .tic-replay-messages .h-body p {
    color: #fff;
}
.tic-replay-messages .h-body p:last-child {
    margin-bottom: 0px;
}
.tic-replay-messages ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.tic-replay-messages .h-body .adminReplay {
    color: #929191;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin-top: 30px;
}

#dis_form .right .img-select.ic-2xdk {
    border-radius: var(--Padding-m, 16px);
    background: rgba(87, 87, 87, 0.14);
}
#dis_form .right .files-dpck3 {
    display: flex;
    align-items: center;
    gap: 20px;
}
#dis_form .right .files-dpck3 select {
    border-radius: var(--Padding-m, 16px);
    background: rgba(87, 87, 87, 0.14);
    color: #20234a;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0 20px;
    border: none;
    height: 40px;
    position: relative;
}
@media screen and (max-width: 550px) {
    #dis_form .right .files-dpck3 select {
        font-size: 14px;
        height: 36px;
    }
    #dis_form .right .img-select span {
        display: none;
    }
}
.dark #dis_form .right .files-dpck3 select {
    background: rgba(87, 87, 87, 0.14);
    color: var(--Color-Brand, #00ffe2);
}

#dis_form .right .files-dpck3 select option {
    background: rgba(87, 87, 87, 0.14);
}
.dark #dis_form .right .files-dpck3 select option {
    background: #121f36;
}
#dis_form .right .files-dpck3 select:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.dis_dtsc-lists {
    display: flex;
    align-items: center;
    gap: 20px;
    list-style: none;
    margin-top: 20px;
    margin-bottom: 20px;
}
.dis_dtsc-lists-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #121f36;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    border-radius: var(--Padding-m, 16px);
    background: rgba(87, 87, 87, 0.14);
    height: 50px;
    padding: var(--Padding-mm, 12px) 20px;
}
.dis_dtsc-lists-item:hover {
    color: #121f36;
}
.dark .dis_dtsc-lists-item {
    color: var(--Color-Bg, #f5f5f5);
    background: rgba(87, 87, 87, 0.14);
}
.dis_dtsc-lists-item.active_i {
    color: #fff !important;
    background: #121f36;
}
.dark .dis_dtsc-lists-item.active_i {
    color: #00ffe2 !important;
}
@media screen and (max-width: 550px) {
    .dis_dtsc-lists {
        gap: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .dis_dtsc-lists-item {
        height: 35px;
        padding: 0 10px;
        font-size: 14px;
    }
}

.diss_typex {
    border-radius: var(--Radius-m, 10px);
    border: 0.5px solid #00ffe273;
    background: #121f36;
}

.diss_typex-head {
    color: var(--White, #fff);
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 25px 15px;
    border-bottom: 0.5px solid #00ffe273;
}

.diss_typex-body {
    list-style: none;
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

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

.diss_typex-items {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 10px;
}
.diss_typex-items.active_i .diss_typex-items-names {
    color: #00ffe2;
}

.diss_typex-items-names {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 10px;
}

.diss_typex-items-count {
    display: flex;
    width: 25px;
    height: 25px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: var(--Color-Hover, #19212f);
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    border-radius: 50px;
    background: var(--W, #fff);
}

.diss_typex-items.active_i .diss_typex-items-count {
    color: #19212f;
    background: #00ffe2;
}

@media (min-width: 768px) {
    .pt-md-0 {
        padding-top: 0 !important;
    }
}

.preorder__accordion .accordion-button {
    border-radius: 20px;
    border: 1px solid var(--W, #fff);
    color: var(--Color-Text-color, #eee);
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    max-width: 150px;
    background: transparent;
}
.preorder__accordion .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.preorder__accordion .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.preorder__accordion .accordion-header {
    display: flex;
    justify-content: flex-end;
}
.preorder__accordion .accordion-item {
    background: transparent;
    border: none;
}
.preorder__accordion .accordion-body {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
}
.pp_details_njk3 table {
    color: #545454;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin-top: 40px;
    margin-bottom: 40px;
}
.dark .pp_details_njk3 table {
    color: var(--W, #fff);
}
.pp_details_njk3 table th {
    padding: 5px 50px 5px 0;
}

.joined_slots_lkds_actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #121f36;
    font-size: 18px;
    font-weight: 500;
}
.dark .joined_slots_lkds_actions {
    color: #fff;
}
.joined_slots_lkds_actions .btn_actions {
    background: transparent;
    border: none;
    color: #121f36;
    display: flex;
    align-items: center;
    gap: 20px;
}
.dark .joined_slots_lkds_actions .btn_actions {
    color: #fff;
}
.joined_slots_lkds-box .texts {
    color: #121f36;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 20px;
    border-radius: 20px;
    border: #121f36;
    background: #d9d9d9;
    margin-top: 20px;
}
.dark .joined_slots_lkds-box .texts {
    color: #cecece;
    border: 1px solid var(--storke, rgba(0, 255, 226, 0.25));
    background: var(--bg, #121f36);
}
.joined_slots_lkds-box {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-out;
}
.joined_slots_lkds-box.open {
    max-height: 200px;
}
.joined_slots_lkds_actions {
}