html {
    overflow: hidden; /* Prevent outer scroll */
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    /*touch-action: none;*/
    overflow: auto;
    height: 100%;
    font-family: "Karla", sans-serif;
    color: var(--main_primary);
}

/* main colors */
:root {
    --main_primary: #351e0f;
    --main_secondary: #f7efe7;
    --theme_secondary: #5d4b3f;
    --light_secondary: #fbf7f3;
    --bg_yellow: #f2e6d9;
    --warning_color: #fc3612;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Rubik", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span {
    margin: 0px;
}
*:focus {
    outline: none !important;
}
input,
optgroup,
select,
textarea {
}
.font_rubik {
    font-family: "Rubik", sans-serif;
}
.font_karla {
    font-family: "Karla", sans-serif;
}
.font_w500 {
    font-weight: 500;
}
.bg_primary {
    background-color: var(--main_primary);
}
.bg_secondary {
    background-color: var(--main_secondary);
}
.bg_light_secondary {
    background-color: var(--light_secondary);
}
.theme_secondary {
    background-color: var(--theme_secondary);
}
.bg_yellow {
    background-color: var(--bg_yellow);
}
.bg_brand_yellow {
    background-color: #ffb200;
}
.bg_brand_green {
    background-color: #0f3d21;
}
.bg_black {
    background: #000;
}
.bg_warning {
    background: var(--warning_color);
}
.text_primary {
    color: var(--main_primary);
}
.text_secondary {
    color: var(--main_secondary);
}
.text_theme_secondary {
    color: var(--theme_secondary);
}
.text_white {
    color: #fff;
}
.text_green {
    color: #24cb71;
}
.link_primary:hover {
    color: var(--main_primary);
}
p {
    color: var(--main_primary);
    font-size: 16px;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
    width: auto;
    height: auto;
}
ul {
    padding-left: 0;
}
ul li {
    list-style: none;
}
h1 {
    font-size: 64px;
    line-height: 64px;
}
h2 {
    font-size: 48px;
}
h3 {
    font-size: 32px;
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 20px;
}
.font_18 {
    font-size: 18px;
}
.font_14 {
    font-size: 14px;
}
.font_12 {
    font-size: 12px;
}
.lh_0 {
    line-height: 0px;
}
/* btn */
.btn {
    padding: 13px 26px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px;
    text-decoration: none;
}
.bg_transparent {
    border: 1px solid var(--main_primary);
    color: var(--main_primary);
}
.bg_transparent:hover i {
    color: #fff;
}
.btn.bg_primary {
    color: var(--main_secondary);
}
.btn.bg_primary:hover {
    background: transparent;
    color: var(--main_primary);
    border: 1px solid var(--main_primary);
}
.btn.bg_primary.opacity-25:hover {
    background: var(--main_primary) !important;
    color: #fff;
    opacity: 1 !important;
}
.btn.bg_warning:hover {
    background: var(--warning_color);
    color: #fff;
}
.btn:hover {
    background: transparent;
    color: var(--main_primary);
}
.btn.bg_transparent:hover {
    background: var(--main_primary);
    color: #fff;
}
.btn.bg_black:hover {
    background: var(--main_primary);
    color: #fff;
}
.btn:focus {
    box-shadow: none;
}
.border_r_20px {
    border-radius: 20px;
}
.border_r_10px {
    border-radius: 10px;
}
.border_r_8px {
    border-radius: 5px;
}
.bord_col_primary {
    border-color: var(--main_primary) !important;
}
.bord_col_light {
    border-color: rgba(53, 30, 15, 0.3) !important;
}
.box_shadow_light {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
}
.link_underline {
    text-decoration: underline;
}
.cursor_pointer {
    cursor: pointer;
}
.color_green {
    color: #0f3d21;
}
.color_red {
    color: #fc3612;
}
.custom_icon {
    width: 48px;
    height: 48px;
    border: 1px solid var(--main_primary);
    display: inline-block;
    line-height: 48px;
    text-align: center;
    color: var(--main_primary);
    border-radius: 5px;
    cursor: pointer;
    font-size: 20px;
}
.custom_icon:hover {
    background: var(--main_primary);
    border: 1px solid var(--main_primary);
    color: #fff;
}
header {
    padding: 15px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.middle_box {
    min-height: calc(100vh - 82px);
    width: 777px;
    max-width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 66px;
}
.form-control:focus {
    color: #212529;
    background-color: var(--main_secondary);
    border-color: var(--main_primary);
    outline: 0;
    box-shadow: none;
}
.input_style {
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px;
    background-color: transparent;
    border: 1px solid rgba(53, 30, 15, 0.3);
    height: 48px;
    color: var(--theme_secondary);
    font-family: "Karla";
    font-weight: 500;
}
.input_style::placeholder {
    color: var(--theme_secondary);
}
.form-check-input {
    --bs-form-check-bg: transparent;
    border: 1px solid rgba(53, 30, 15, 0.3);
    width: 20px;
    height: 20px;
}
.form-check-input:focus {
    border-color: var(--main_primary);
    outline: 0;
    box-shadow: none;
}
.form-check-input:checked {
    background-color: var(--main_primary);
    border-color: var(--main_primary);
}
.border_line {
    text-align: center;
    margin-top: 30px;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.border_line span:before,
.border_line span:after {
    background: rgba(53, 30, 15, 0.3);
    width: 44%;
    position: absolute;
    content: "";
    height: 1px;
    top: 11px;
}
.border_line span:before {
    left: 0;
}
.border_line span:after {
    right: 0;
}
.verify_code {
    width: 40px;
    height: 40px;
    margin-left: 7px;
    margin-right: 7px;
    background: transparent;
    border: 1px solid var(--main_primary);
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    border-radius: 5px;
}
.input_email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23351e0f' d='M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h416c8.8 0 16 7.2 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2 .4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112c0-8.8 7.2-16 16-16zm416 320H48c-8.8 0-16-7.2-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4 .3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205c0 8.8-7.2 16-16 16z'/%3E%3C/svg%3E");
}
.input_password {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23351e0f' d='M224 420c-11 0-20-9-20-20v-64c0-11 9-20 20-20s20 9 20 20v64c0 11-9 20-20 20zm224-148v192c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V272c0-26.5 21.5-48 48-48h16v-64C64 71.6 136-.3 224.5 0 312.9 .3 384 73.1 384 161.5V224h16c26.5 0 48 21.5 48 48zM96 224h256v-64c0-70.6-57.4-128-128-128S96 89.4 96 160v64zm320 240V272c0-8.8-7.2-16-16-16H48c-8.8 0-16 7.2-16 16v192c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16z'/%3E%3C/svg%3E");
}
.input_phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M493.1 351.3L384.7 304.8a31.4 31.4 0 0 0 -36.5 8.9l-44.1 53.9A350 350 0 0 1 144.5 208l53.9-44.1a31.4 31.4 0 0 0 8.9-36.5l-46.5-108.5A31.3 31.3 0 0 0 125 .8L24.2 24.1A31.1 31.1 0 0 0 0 54.5C0 307.8 205.3 512 457.5 512A31.2 31.2 0 0 0 488 487.7L511.2 387a31.2 31.2 0 0 0 -18.1-35.7zM456.9 480C222.4 479.7 32.3 289.7 32.1 55.2l99.6-23 46 107.4-72.8 59.5C153.3 302.3 209.4 358.6 313 407.2l59.5-72.8 107.4 46z'/%3E%3C/svg%3E");
}
.input_web {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23351e0f' d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm193.2 152h-82.5c-9-44.4-24.1-82.2-43.2-109.1 55 18.2 100.2 57.9 125.7 109.1zM336 256c0 22.9-1.6 44.2-4.3 64H164.3c-2.7-19.8-4.3-41.1-4.3-64s1.6-44.2 4.3-64h167.4c2.7 19.8 4.3 41.1 4.3 64zM248 40c26.9 0 61.4 44.1 78.1 120H169.9C186.6 84.1 221.1 40 248 40zm-67.5 10.9c-19 26.8-34.2 64.6-43.2 109.1H54.8c25.5-51.2 70.7-90.9 125.7-109.1zM32 256c0-22.3 3.4-43.8 9.7-64h90.5c-2.6 20.5-4.2 41.8-4.2 64s1.5 43.5 4.2 64H41.7c-6.3-20.2-9.7-41.7-9.7-64zm22.8 96h82.5c9 44.4 24.1 82.2 43.2 109.1-55-18.2-100.2-57.9-125.7-109.1zM248 472c-26.9 0-61.4-44.1-78.1-120h156.2c-16.7 75.9-51.2 120-78.1 120zm67.5-10.9c19-26.8 34.2-64.6 43.2-109.1h82.5c-25.5 51.2-70.7 90.9-125.7 109.1zM363.8 320c2.6-20.5 4.2-41.8 4.2-64s-1.5-43.5-4.2-64h90.5c6.3 20.2 9.7 41.7 9.7 64s-3.4 43.8-9.7 64h-90.5z'/%3E%3C/svg%3E");
}
.input_downarrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23351e0f' d='M443.5 162.6l-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3 .1-17z'/%3E%3C/svg%3E");
}
.input_calendar {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23351e0f' d='M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM148 320h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 96h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm192 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12z'/%3E%3C/svg%3E");
}

.content {
    /*    min-height: 100vh;*/
    width: 100%;
    overflow-y: auto;
    height: 100dvh; /* Dynamic viewport height */
    -webkit-overflow-scrolling: touch;
}
.sidebar li.active {
    background: #493527;
}
.sidebar li {
    width: 100%;
    line-height: 38px;
}
.sidebar li a {
    color: var(--main_secondary);
    font-size: 15px;
    width: 100%;
    display: inline-block;
    padding-left: 22px;
    line-height: 38px !important;
}
.sidebar li a:hover {
    background: #493527;
}
.nav-tabs.custom_nav_tabs li .nav-link {
    color: var(--theme_secondary);
    font-weight: 500;
}
.nav-tabs.custom_nav_tabs li .nav-link.active {
    background: none;
    border: none;
    position: relative;
    color: var(--main_primary);
    font-weight: bold;
}
.nav-tabs.custom_nav_tabs li .nav-link.active:before {
    position: absolute;
    content: "";
    border-bottom: 2px solid var(--main_primary);
    bottom: 0px;
    left: 0;
    margin: auto;
    right: 0px;
}
.content {
    margin-left: 250px;
}
table.table.subscription_table tbody tr td {
    background: var(--main_secondary);
    border-bottom: 1px solid rgba(53, 30, 15, 0.3);
    color: var(--theme_secondary);
    font-weight: 500;
}
.master_card {
    border-radius: 5px;
    height: 48px;
}
.master_card input {
    background: transparent;
    border: none;
    font-weight: 500;
    font-family: "Karla";
    font-size: 16px;
}
ul.deactivate_listing {
    padding-left: 20px;
    margin-top: 16px;
}
ul.deactivate_listing li {
    list-style: disc;
}
.price_ul li {
    margin: 15px 0px;
    font-weight: 500;
    color: var(--main_primary);
    line-height: 24px;
}
.checked_box {
    background: var(--bg_yellow);
}
.pub_select {
    overflow-y: auto;
    height: 300px;
}
select.select_style {
    background: var(--main_secondary);
    width: 100%;
    height: 46px;
    color: var(--theme_secondary);
    padding-left: 8px;
    border-radius: 5px;
    border: 1px solid rgba(53, 30, 15, 0.3);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23351e0f' d='M443.5 162.6l-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3 .1-17z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 12px center;
    background-size: 11px;
    font-weight: 500;
}
.plus_icon {
    border: 1px solid rgba(53, 30, 15, 0.3);
    width: 47px;
    height: 46px;
    line-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    font-size: 20px;
    border-radius: 5px;
    margin-left: 10px;
    cursor: pointer;
}
.plus_icon:hover {
    background: var(--main_primary);
    color: #fff;
}
.btm_bar {
    padding: 15px 40px;
    position: fixed;
    bottom: 0;
    width: 98%;
    background-color: var(--main_secondary);
    text-align: right;
}

.subscription_card {
    min-height: 577px;
}
ul.select_item,
ul.non_select_item {
    display: flex;
    flex-wrap: wrap;
    margin-top: 48px;
}
.select_item > li,
.non_select_item > li {
    border: 1px solid rgba(53, 30, 15, 0.3);
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 5px;
    margin-bottom: 16px;
    cursor: pointer;
    min-width: 144px;
    min-height: 130px;
    flex: 0 13%;
    padding: 6px;
    margin-right: 16px;
}
ul.select_item li.active {
    border: 2px solid var(--main_primary) !important;
}
.upload_file {
    position: relative;
    border: 1px solid rgba(53, 30, 15, 0.3);
    width: 100%;
    text-align: center;
    border-radius: 10px;
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.upload_file input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.big_file {
    min-height: 300px;
}
.file_uploaded img,
.other_photos img {
    width: 100%;
    border-radius: 10px;
    aspect-ratio: 3.24 / 2;
}

/* .file_uploaded img {
    height: 300px;
} */
/* .other_photos img {
    height: 185px;
} */
.dropdown.edit_option .dropdown-toggle::after {
    display: none;
    border: none;
    padding: 0px;
}
.dropdown.edit_option button.dropdown-toggle {
    border: none;
    background: var(--main_secondary);
    border: 1px solid rgba(53, 30, 15, 0.3);
    border-radius: 100px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0px;
}
.dropdown.edit_option {
    position: absolute;
    right: 10px;
    top: 10px;
}
.dropdown.edit_option ul.dropdown-menu {
    background: var(--main_secondary);
}
.dropdown.edit_option ul.dropdown-menu li a {
    color: #000;
    font-weight: 500;
}
.dropdown.edit_option ul.dropdown-menu li a:hover {
    background: var(--bg_yellow);
    color: #000;
}
.dropdown.edit_option ul.dropdown-menu li:first-child a:hover {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dropdown.edit_option ul.dropdown-menu li:last-child a:hover {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.btn-close:focus {
    box-shadow: none;
}
.non_select_item > li {
    min-width: 185px;
    min-height: 170px;
}

.venue_img img {
    width: 324px;
    height: 200px;
    object-fit: cover;
}

#search_data .venue_img img {
    height: 444px;
    width: 100%;
    object-fit: cover;
}
.textarea_description {
    width: 100%;
    height: 180px;
    border-radius: 5px;
    background: transparent;
    border: 1px solid rgba(53, 30, 15, 0.3);
    padding: 10px;
    font-weight: 500;
}

.textarea_description::placeholder {
    color: var(--theme_secondary);
}

input.date_style:invalid:before {
    color: var(--theme_secondary);
    content: attr(placeholder);
    padding-left: 10px;
    pointer-events: none;
    position: absolute;
    left: 5px;
}
input.date_style:valid,
input.date_style:focus,
input.date_style:active {
    color: #000;
}
input.date_style:valid:before,
input.date_style:focus:before,
input.date_style:active:before {
    display: none;
}
/* input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
} */
input.date_style {
    color: transparent;
    display: block;
    padding: 10px;
    width: 100%;
    background: transparent;
    border: 1px solid rgba(53, 30, 15, 0.3);
    border-radius: 5px;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23351e0f' d='M112 0c8.8 0 16 7.2 16 16l0 48 192 0 0-48c0-8.8 7.2-16 16-16s16 7.2 16 16l0 48 32 0c35.3 0 64 28.7 64 64l0 32 0 32 0 256c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 192l0-32 0-32C0 92.7 28.7 64 64 64l32 0 0-48c0-8.8 7.2-16 16-16zM416 192l-104 0 0 72 104 0 0-72zm0 104l-104 0 0 80 104 0 0-80zm0 112l-104 0 0 72 72 0c17.7 0 32-14.3 32-32l0-40zM280 376l0-80-112 0 0 80 112 0zM168 408l0 72 112 0 0-72-112 0zm-32-32l0-80L32 296l0 80 104 0zM32 408l0 40c0 17.7 14.3 32 32 32l72 0 0-72L32 408zm0-144l104 0 0-72L32 192l0 72zm136 0l112 0 0-72-112 0 0 72zM384 96L64 96c-17.7 0-32 14.3-32 32l0 32 384 0 0-32c0-17.7-14.3-32-32-32z'/%3E%3C/svg%3E"); */
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 12px center;
    background-size: 11px;
    appearance: none;
    height: 45px;
}
.custom_dropdown {
    width: 100%;
    text-align: left;
    font-weight: normal;
    border-radius: 5px;
}
.custom_dropdown .dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    border: 1px solid rgba(53, 30, 15, 0.3);
    font-weight: 500;
    color: var(--theme_secondary);
}
.custom_dropdown .dropdown-toggle::after {
    position: absolute;
    right: 11px;
    top: 15px;
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    appearance: none;
    -webkit-appearance: none;
    border: none;
    font-size: 13px;
    font-weight: 300;
}
.custom_dropdown ul.dropdown-menu {
    width: 100%;
}
.dropdown.custom_dropdown .dropdown-menu {
    padding: 13px 20px;
}
.dropdown.custom_dropdown .dropdown-menu li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    line-height: 33px;
    cursor: pointer;
}
.dropdown.custom_dropdown .form-check {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding-left: 0px;
}
.dropdown.custom_dropdown .form-check label {
    margin-bottom: 0px;
}
.dropdown.custom_dropdown ul.dropdown-menu {
    height: 180px;
    overflow-y: auto;
    background: var(--main_secondary);
}
.dropdown.custom_dropdown input[type="checkbox"]:focus {
    outline: 1px solid rgba(53, 30, 15, 0.3);
    outline-offset: 0px;
}
.dropdown.custom_dropdown input[type="checkbox"] {
    width: 20px;
    height: 20px;
    outline: 1px solid rgba(53, 30, 15, 0.3);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    border-radius: 3px;
    background: transparent;
}
.dropdown.custom_dropdown input[type="checkbox"]:checked + label::before {
    content: "";
    display: block;
    position: absolute;
    text-align: center;
    height: 21px;
    width: 20px;
    right: 0;
    top: 8px;
    background-color: transparent;
    border-radius: 2px;
}
.dropdown.custom_dropdown input[type="checkbox"]:checked + label::after {
    display: block;
    position: absolute;
    right: 5px;
    top: 3px;
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    color: var(--main_primary);
    font-size: 11px;
}
.form-check-input:checked[type="radio"] {
    --bs-form-check-bg-image: url("../img/radio.png");
}
.form-check-input:checked[type="radio"] {
    background-color: #fff;
    border: 1px solid var(--main_primary);
    padding: 7px;
}
.dropdown.custom_dropdown input[type="search"] {
    width: 100%;
    padding-left: 10px;
    border: 1px solid rgba(53, 30, 15, 0.3);
    font-weight: 500;
    color: var(--theme_secondary);
    background: transparent;
    border-radius: 5px;
    height: 48px;
    margin-bottom: 16px;
    padding-left: 41px;
}
.search_icon {
    position: absolute;
    top: 8px;
    left: 17px;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23351e0f' d='M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z'/%3E%3C/svg%3E");
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23351e0f' d='M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z'/%3E%3C/svg%3E");
    transform: none;
}
.accordion-button {
    background: var(--main_secondary);
    border: none;
    font-weight: 600;
    padding-left: 0px;
}
.accordion-item {
    border: none;
    background-color: var(--main_secondary);
}
.accordion-button:not(.collapsed) {
    background-color: var(--main_secondary);
    color: var(--main_primary);
}
.accordion-button:focus {
    box-shadow: none;
}
.box_height {
    min-height: 175px;
}

input.input_search {
    padding: 7px;
    background: var(--main_secondary);
    border: 1px solid rgba(53, 30, 15, 0.3);
    border-radius: 5px;
    padding-left: 43px;
}

[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    background-color: var(--color);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23351e0f' d='M324.5 411.1c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L214.6 256 347.1 123.5c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L192 233.4 59.6 100.9c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L169.4 256 36.9 388.5c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L192 278.6 324.5 411.1z'/%3E%3C/svg%3E");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}

table#current_subscription_table th,
.dt_pub_style th {
    background: var(--bg_yellow);
}
table#current_subscription_table td,
.dt_pub_style td {
    background: none;
    box-shadow: none;
    border-color: var(--main_primary);
    color: var(--main_primary);
    font-weight: 500;
}
.dt_pub_style td:first-child {
    font-weight: 500;
}
.dt-length select {
    margin-right: 10px;
}

table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after {
    font-family: fontawesome;
}

.dt_custom_search {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 30px;
    margin-top: -45px;
}
.dt-container .order_column select.dt-input {
    padding: 10px;
    border-radius: 5px !important;
}
.order_column label {
    text-transform: capitalize;
    font-weight: bold;
    color: var(--main_primary);
    font-size: 14px;
}
.search_input .dt-search label {
    font-size: 14px;
    font-weight: bold;
    color: var(--main_primary);
}
.dt-search {
    display: flex;
    align-items: center;
}
.dt_search_input {
    width: 270px;
}

div.dt-container .dt_pub_style .dt-paging button.dt-paging-button {
    border: 1px solid rgba(53, 30, 15, 0.3);
    width: 32px;
    height: 32px;
    padding: 0px;
    border-radius: 3px;
    margin-left: 4px;
    margin-right: 4px;
}

div.dt-container .dt_pub_style .dt-paging button.dt-paging-button.current {
    background: transparent;
    border: 2px solid var(--main_primary);
}

div.dt-container .dt_pub_style .dt-paging button.dt-paging-button.first,
div.dt-container .dt_pub_style .dt-paging button.dt-paging-button.last {
    display: none;
}
.dt-paging {
    text-align: right;
}

.dt_custom_search .dt-search .dt-input {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 6px 6px !important;
    background-size: 28px;
    width: 100%;
    padding: 8px 0px 8px 30px;
    border-radius: 5px;
    background-color: transparent;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
    font-family: fontawesome;
    content: "\f077";
}

table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
    font-family: fontawesome;
    content: "\f078";
}

.dt_subscription {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    flex-wrap: wrap;
}

.admin_sidebar {
    overflow-y: auto;
}
.dt_custom_buttons button {
    border: 1px solid rgba(53, 30, 15, 0.3);
    background: transparent;
    padding: 8px 12px;
    border-radius: 5px;
    color: var(--main_primary);
    font-weight: bold;
    margin-left: 4px;
}
.dt_custom_buttons button:last-child {
    background: var(--main_primary);
    color: #fff;
}

table.table.pub_table {
    border: 1px solid rgba(53, 30, 15, 0.3);
    border-right: none;
}
table.table.pub_table th {
    background: var(--bg_yellow);
}
table.table.pub_table td {
    background: transparent;
}
.sort_icon i {
    position: absolute;
    margin-left: 10px;
    margin-top: 8px;
    cursor: pointer;
}
.sort_icon .fa-chevron-up {
    top: 0px;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order {
    right: inherit;
    margin-left: 12px;
}
.dt_custom_buttons .dt-buttons input[type="checkbox"] {
    margin-top: 2px !important;
}
.dropdown.dropdown_style .dropdown-menu.show {
    background: var(--main_secondary);
}
.dropdown.dropdown_style .dropdown-menu.show li a {
    font-weight: 500;
    color: #000;
}
.dropdown.dropdown_style ul.dropdown-menu li a:hover {
    background: var(--bg_yellow);
    color: #000;
}
ul.select_item li:hover {
    border: 1px solid #351e0f;
}
/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(53, 30, 15, 0.3);
    border-radius: 100px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: nowrap;
}

.nav_open {
    background: var(--main_primary);
    width: 250px;
    transition: all 0.3s;
    z-index: 1;
    left: 0;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    overflow: hidden;
    position: fixed;
    height: 100dvh;
    top: 0;
    bottom: 0;
}
.sidebar ul li a {
    padding: 6px 0 6px 22px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.icon-wrap {
    margin-right: 22px;
}
.sidebar .m_logo {
    display: none !important;
}
.icon-wrap img {
    max-width: 20px;
}