@import "uicons-regular-rounded.css";
@import "uicons-solid-rounded.css";
@import "font.css";

:root {
    --white: #fff;
    --black: #1B1C1E;
    --primary-1: #FC7188;
    --primary-2: #FC5C77;
    --primary-3: #FB4866;
    --primary-4: #FB3455;
    --primary-5: #FA1F44;
    --primary-6: #FA0B33;
    --primary-7: #EB052B;
    --primary-8: #D90429;
    --secondary-1: #8589AF;
    --secondary-2: #7478A4;
    --secondary-3: #636898;
    --secondary-4: #585C86;
    --secondary-5: #4C5075;
    --secondary-6: #414464;
    --secondary-7: #363852;
    --secondary-8: #2B2D42;
    --gray-1: #F7F9FA;
    --gray-2: #F6F8F9;
    --gray-3: #F4F7F8;
    --gray-4: #F3F6F8;
    --gray-5: #F1F5F7;
    --gray-6: #F0F4F6;
    --gray-7: #EFF3F5;
    --gray-8: #EDF2F4;
    --darkGray-1: #C6CCD7;
    --darkGray-2: #BEC5D1;
    --darkGray-3: #B6BECB;
    --darkGray-4: #AEB7C6;
    --darkGray-5: #A6AFC0;
    --darkGray-6: #9EA8BA;
    --darkGray-7: #96A1B4;
    --darkGray-8: #8D99AE;
    --danger-6: #FC3055;
    --danger-dark: #C90327;
    --danger-light: #FECDD6;
    --warning-6: #FDA30E;
    --warning-dark: #CA7F02;
    --warning-light: #FFECCC;
    --success-6: #09CC7C;
    --success-dark: #069359;
    --success-light: #CEFDEA;
    --information-6: #09ABCC;
    --information-dark: #067B93;
    --information-ligt: #CEF5FD;
}

/* General styles */

body {
    color: var(--black);
}

header {
    border-bottom: 1px solid var(--gray-8);
    background: #ffffff;
    z-index: 9999;
    position: relative;
}

a {
    text-decoration: none;
    display: inline-block;
    color: var(--primary-8);
    transition: all 0.3s ease-in;
}

a:hover {
    color: var(--black);
}

a.disabled {
    pointer-events: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

img {
    max-width: 100%;
}

.container, .container-fluid {
    position: relative;
}

.min-w-768 {
    min-width: 767px;
    overflow: auto;
}

.fi {
    display: inline-flex;
}

.fi.fi-xl {
    font-size: 4rem;
}

.fi.fi-lg {
    font-size: 2rem;
}

.fi.fi-md {
    font-size: 1.5rem;
}

.fi.fi-sm {
    font-size: 1.25rem;
}

.text-small {
    font-size: 0.75rem !important;
    font-weight: 200;
}

.txt-success {
    color: var(--success-6) !important;
}

.txt-success-dark {
    color: var(--success-dark) !important;
}

.txt-secondary {
    color: var(--secondary-8) !important;
}

.txt-warning {
    color: var(--warning-6) !important;
}

.txt-danger {
    color: var(--danger-6) !important;
}

.txt-danger-dark {
    color: var(--danger-dark) !important;
}

.txt-darkGray {
    color: var(--darkGray-8);
}

.txt-primary {
    color: var(--primary-8) !important;
}

.txt-info {
    color: var(--information-6) !important;
}

.txt-regular {
    font-weight: 300 !important;
}

.text-medium {
    font-weight: 400 !important;
}

.text-x-small {
    font-size: 0.625rem;
    font-weight: 300;
}

.lh-32 {
    line-height: 2rem !important;
}

.fs-12 {
    font-size: 0.75rem !important;
}

.fs-14 {
    font-size: 0.875rem !important;
}

.fs-20 {
    font-size: 1.25rem !important;
}

.text-demiBold {
    font-weight: 500 !important;
}

a.txt-warning:hover {
    color: var(--warning-dark) !important;
}

.mb-12 {
    margin-bottom: 0.75rem !important;
}

.mb-10 {
    margin-bottom: 0.625rem !important;
}

.mt-10 {
    margin-top: 0.625rem !important;
}

.mt-12 {
    margin-top: 0.75rem !important;
}

.ml-12 {
    margin-left: 0.75rem !important;
}

.form-control {
    border-radius: 0.5rem;
    border-color: var(--gray-8);
    color: var(--black);
    padding: 0 1rem;
    font-size: 0.875rem;
    line-height: 2.125rem;
    transition: all 0.3s ease-in;
}

.navbar-toggler {
    display: none;
}

.navbar-cross {
    display: none;
}

.field-lg .form-control {
    line-height: 2.875rem;
}

.form-control::placeholder {
    color: var(--darkGray-2);
}

textarea::placeholder {
    color: var(--darkGray-2);
}

.form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: var(--secondary-6);
}

.switch-btn {
    display: flex;
    align-items: center;
}

.switch-btn .title {
    margin-right: 0.5rem;
}

.switch-btn .switch {
    position: relative;
    display: inline-block;
    width: 1.875rem;
    height: 1rem;
}

.switch-btn .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch-btn .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gray-8);
    -webkit-transition: .4s;
    transition: .4s;
}

.switch-btn .slider:before {
    position: absolute;
    content: "";
    height: 0.625rem;
    width: 0.625rem;
    left: 3px;
    bottom: 3px;
    background-color: var(--darkGray-8);
    -webkit-transition: .4s;
    transition: .4s;
}

.switch-btn input:checked + .slider {
    background-color: var(--gray-8);
}

.switch-btn input:checked + .slider:before {
    -webkit-transform: translateX(0.875rem);
    -ms-transform: translateX(0.875rem);
    transform: translateX(0.875rem);
    background-color: var(--success-6);
}

.switch-btn .switch-warning input:checked + .slider:before {
    background-color: var(--warning-6);
}

/* Rounded sliders */
.switch-btn .slider.round {
    border-radius: 0.5rem;
}

.switch-btn .slider.round:before {
    border-radius: 50%;
}

.custom-checkbox {
    display: inline-flex;
    align-items: center;
}

.custom-checkbox .input-checkbox {
    display: none;
}

.custom-checkbox .checkbox-mark {
    width: 1rem;
    height: 1rem;
    position: relative;
}

.custom-checkbox .checkbox-mark::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_145_29663)'%3E%3Cpath d='M12.6667 0H3.33333C2.44928 0 1.60143 0.351189 0.976311 0.976311C0.351189 1.60143 0 2.44928 0 3.33333L0 12.6667C0 13.1044 0.0862192 13.5379 0.253735 13.9423C0.421251 14.3467 0.666782 14.7142 0.976311 15.0237C1.60143 15.6488 2.44928 16 3.33333 16H12.6667C13.1044 16 13.5379 15.9138 13.9423 15.7463C14.3467 15.5788 14.7142 15.3332 15.0237 15.0237C15.3332 14.7142 15.5788 14.3467 15.7463 13.9423C15.9138 13.5379 16 13.1044 16 12.6667V3.33333C16 2.89559 15.9138 2.46214 15.7463 2.05772C15.5788 1.6533 15.3332 1.28584 15.0237 0.976311C14.7142 0.666782 14.3467 0.421251 13.9423 0.253735C13.5379 0.0862192 13.1044 0 12.6667 0V0ZM14.6667 12.6667C14.6667 13.1971 14.456 13.7058 14.0809 14.0809C13.7058 14.456 13.1971 14.6667 12.6667 14.6667H3.33333C2.8029 14.6667 2.29419 14.456 1.91912 14.0809C1.54405 13.7058 1.33333 13.1971 1.33333 12.6667V3.33333C1.33333 2.8029 1.54405 2.29419 1.91912 1.91912C2.29419 1.54405 2.8029 1.33333 3.33333 1.33333H12.6667C13.1971 1.33333 13.7058 1.54405 14.0809 1.91912C14.456 2.29419 14.6667 2.8029 14.6667 3.33333V12.6667Z' fill='%238D99AE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_145_29663'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}

.custom-checkbox .input-checkbox:checked ~ .checkbox-mark::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_150_32230)'%3E%3Cpath d='M12.6667 0H3.33333C2.4496 0.00105857 1.60237 0.352588 0.97748 0.97748C0.352588 1.60237 0.00105857 2.4496 0 3.33333L0 12.6667C0.00105857 13.5504 0.352588 14.3976 0.97748 15.0225C1.60237 15.6474 2.4496 15.9989 3.33333 16H12.6667C13.5504 15.9989 14.3976 15.6474 15.0225 15.0225C15.6474 14.3976 15.9989 13.5504 16 12.6667V3.33333C15.9989 2.4496 15.6474 1.60237 15.0225 0.97748C14.3976 0.352588 13.5504 0.00105857 12.6667 0V0ZM14.6667 12.6667C14.6667 13.1971 14.456 13.7058 14.0809 14.0809C13.7058 14.456 13.1971 14.6667 12.6667 14.6667H3.33333C2.8029 14.6667 2.29419 14.456 1.91912 14.0809C1.54405 13.7058 1.33333 13.1971 1.33333 12.6667V3.33333C1.33333 2.8029 1.54405 2.29419 1.91912 1.91912C2.29419 1.54405 2.8029 1.33333 3.33333 1.33333H12.6667C13.1971 1.33333 13.7058 1.54405 14.0809 1.91912C14.456 2.29419 14.6667 2.8029 14.6667 3.33333V12.6667Z' fill='%23D90429'/%3E%3Cpath d='M6.2222 10.6127L3.60954 8.00004C3.48452 7.87505 3.31498 7.80484 3.1382 7.80484C2.96143 7.80484 2.79189 7.87505 2.66687 8.00004C2.54189 8.12505 2.47168 8.29459 2.47168 8.47137C2.47168 8.64814 2.54189 8.81768 2.66687 8.9427L5.27954 11.5554C5.40336 11.6792 5.55037 11.7775 5.71217 11.8445C5.87397 11.9116 6.0474 11.9461 6.22254 11.9461C6.39768 11.9461 6.5711 11.9116 6.73291 11.8445C6.89471 11.7775 7.04172 11.6792 7.16554 11.5554L13.3335 5.38737C13.4585 5.26235 13.5287 5.09281 13.5287 4.91604C13.5287 4.73926 13.4585 4.56972 13.3335 4.44471V4.44471C13.2085 4.31973 13.039 4.24952 12.8622 4.24952C12.6854 4.24952 12.5159 4.31973 12.3909 4.44471L6.2222 10.6127Z' fill='%23D90429'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_150_32230'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.custom-select-box {
    position: relative;
}

.custom-select-box .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding: 0;
    color: var(--black);
    line-height: normal;
}

.custom-select-box .select2-container--default .select2-results > .select2-results__options {
    border: 1px solid var(--gray-8);
    border-radius: 0 0 0.5rem 0.5rem;
}

.custom-select-box.select-sm .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    font-size: 0.875rem;
}

.custom-select-box .select2-container .select2-selection--single {
    height: auto;
    border: none;
    background-color: var(--gray-1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
}

.custom-select-box.light-select .select2-container .select2-selection--single {
    height: auto;
    background-color: var(--white);
    border: 1px solid var(--gray-8);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
}

.custom-select-box.table-select .select2-container .select2-selection--single {
    padding: 0;
    background-color: var(--white);
}

.custom-select-box.table-select .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    font-size: 0.75rem;
    font-weight: 300;
}

.custom-select-box.table-select .select2-results__option {
    font-size: 0.75rem;
    font-weight: 300;
    text-align: right;
}

.custom-select-box.select-sm .select2-container .select2-selection--single {
    padding: 0.5rem 1rem;
}

.custom-select-box.select-xsm .select2-container .select2-selection--single {
    padding: 0.313rem 1rem;
    font-size: 0.875rem;
}

.custom-select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: auto;
    height: auto;
    display: flex;
    position: static;
}

.custom-select-box.shops .select2-container--default .select2-selection--single .select2-selection__arrow {
    border-right: 1px solid var(--darkGray-4);
    padding-right: 0.75rem;
}

.custom-select-box .select2-container--open .select2-selection__arrow::after {
    transform: rotate(180deg);
}

.custom-select-box .select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7098 8.2101C18.6169 8.11638 18.5063 8.04198 18.3844 7.99121C18.2625 7.94044 18.1318 7.91431 17.9998 7.91431C17.8678 7.91431 17.7371 7.94044 17.6152 7.99121C17.4934 8.04198 17.3828 8.11638 17.2898 8.2101L12.7098 12.7901C12.6169 12.8838 12.5063 12.9582 12.3844 13.009C12.2625 13.0598 12.1318 13.0859 11.9998 13.0859C11.8678 13.0859 11.7371 13.0598 11.6152 13.009C11.4934 12.9582 11.3828 12.8838 11.2898 12.7901L6.70982 8.2101C6.61685 8.11638 6.50625 8.04198 6.38439 7.99121C6.26253 7.94044 6.13183 7.91431 5.99982 7.91431C5.8678 7.91431 5.7371 7.94044 5.61524 7.99121C5.49338 8.04198 5.38278 8.11638 5.28982 8.2101C5.10356 8.39747 4.99902 8.65092 4.99902 8.9151C4.99902 9.17929 5.10356 9.43274 5.28982 9.6201L9.87982 14.2101C10.4423 14.7719 11.2048 15.0875 11.9998 15.0875C12.7948 15.0875 13.5573 14.7719 14.1198 14.2101L18.7098 9.6201C18.8961 9.43274 19.0006 9.17929 19.0006 8.9151C19.0006 8.65092 18.8961 8.39747 18.7098 8.2101Z' fill='%238D99AE'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    transition: all 0.3s ease-in;
}

.custom-select-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.custom-select-box .select2-dropdown {
    border: none;
    z-index: 99999;
}

.custom-select-box .select2-results__option {
    padding: 0.5rem 0.75rem;
}

.custom-select-box.select-sm .select2-results__option {
    padding: 0.25rem 0.5rem;
}

.custom-select-box.select-sm .select2-results__option {
    font-size: 0.875rem;
}

.custom-select-box .select2-results__option:last-child {
    border-bottom: 1px solid var(--gray-8);
    border-radius: 0 0 0.5rem 0.5rem;
}

.custom-select-box .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--primary-4);
}

.custom-select-box .select2-container--default .select2-results__option--selected {
    background-color: var(--darkGray-1);
}

.base-card {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--gray-8);
    border-radius: 1rem;
    justify-content: center;
}

.base-card .base-card-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid var(--gray-8);
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

.base-card .base-card-header .title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
}

.base-card .base-card-header .actions-btn {
    display: flex;
}

.base-card .base-card-header .actions-btn button {
    margin-right: 0.5rem;
}

.custom-tooltip {
    display: inline-flex;
    position: relative;
}

.custom-tooltip .tooltip-text {
    visibility: hidden;
    min-width: 120px;
    max-width: 200px;
    white-space: initial;
    background-color: var(--black);
    color: var(--white);
    text-align: center;
    border-radius: 6px;
    padding: 0.25rem 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
    font-size: 0.75rem;
}

.custom-tooltip .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--black) transparent transparent transparent;
}

.custom-tooltip:hover {
    cursor: pointer;
}

.custom-tooltip:hover .tooltip-text {
    visibility: visible;
}

.base-btn {
    border: none;
    padding: 0 1rem;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in;
    background-color: transparent;
}

.base-btn.base-btn-md.icon-btn {
    padding: 0.5rem 1.75rem;
}

.base-btn .fi {
    margin-left: 0.5rem;
}

.base-btn.icon-before .fi {
    margin-left: 0.25rem;
}

.base-btn.icon-after .fi {
    margin-left: 0;
    margin-right: 0.25rem;
}

.base-btn.base-btn-lg {
    line-height: 3rem;
}

.base-btn.base-btn-lg .fi {
    font-size: 1.5rem;
}

.base-btn.base-btn-md {
    line-height: 2.25rem;
    font-size: 0.875rem;
    font-weight: 300;
}

.base-btn.base-btn-md.border-btn {
    line-height: 2.125rem;
}

.base-btn.border-btn {
    border: 1px solid var(--darkGray-1);
    color: var(--black);
}

.base-btn.b-btn-white {
    background-color: var(--white);
}

.base-btn.border-btn .fi {
    color: var(--darkGray-8);
}

.base-btn.base-btn-xsm {
    padding: 0.25rem 0.5rem !important;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 300;
}

.base-btn.base-btn-xsm .fi {
    font-size: 1rem;
}

.base-btn.base-btn-xsm, .base-btn.base-btn-sm {
    line-height: 1.75rem;
    font-size: 0.875rem;
    font-weight: 300;
    padding: 0 0.75rem;
}

.base-btn.base-btn-xxsm {
    padding: 0 0.5rem !important;
    line-height: 1.5rem !important;
    font-size: 0.875rem !important;
    font-weight: 300 !important;
    border-radius: 3px;
}

.base-btn.base-btn-xlg {
    line-height: 2.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0 0.5rem;
}

.base-btn.base-btn-sm .fi, .base-btn.base-btn-md .fi {
    font-size: 1rem;
}

.base-btn.j-btn-gray {
    background-color: var(--darkGray-6);
    color: var(--white);
}

.base-btn.j-btn-darkGray {
    background-color: var(--darkGray-1);
    color: var(--white);
}

.base-btn.j-btn-lightGray-1 {
    background-color: var(--gray-1);
    color: var(--black);
}

.base-btn.j-btn-lightGray-1 .fi {
    color: var(--darkGray-6);
}

.base-btn.j-btn-lightGray-1:hover {
    background-color: var(--gray-3);
}

.base-btn.j-btn-gray:hover {
    background-color: var(--darkGray-8);
}

.base-btn.j-btn-darkGray:hover {
    background-color: var(--darkGray-2);
}

.base-btn.j-btn-secondary {
    background-color: var(--secondary-6);
    color: var(--white);
}

.base-btn.j-btn-secondary-7 {
    background-color: var(--secondary-7);
    color: var(--white);
}

.base-btn.j-btn-secondary-7:hover {
    background-color: var(--secondary-8);
}

.base-btn.border-btn-danger {
    border: 1px solid var(--danger-6);
    color: var(--danger-6);
    background-color: var(--white);
}

.base-btn.border-btn-danger:hover {
    border: 1px solid var(--danger-6);
    color: var(--white);
    background-color: var(--danger-6);
}

.base-btn.base-btn-md[class*=" border-btn"] {
    line-height: 2.125rem;
}

.base-btn.j-btn-success {
    background-color: var(--success-6);
    color: var(--white);
}

.base-btn.j-btn-success:hover {
    background-color: var(--success-dark);
}

.base-btn.j-btn-secondary:hover {
    background-color: var(--secondary-8);
}

.base-btn.j-btn-primary {
    background-color: var(--primary-7);
    color: var(--white);
}

.base-btn.j-btn-primary:disabled {
    background-color: var(--primary-1);
}

.base-btn.j-btn-primary:disabled:hover {
    background-color: var(--primary-1);
}

.base-btn.j-btn-primary:hover {
    background-color: var(--primary-8);
}

.base-btn.j-btn-lightGray {
    background-color: var(--gray-6);
    color: var(--black);
}

.base-btn.j-btn-warning-light {
    background-color: var(--warning-light);
    color: var(--warning-dark);
}

.base-btn.j-btn-warning-light:hover {
    background-color: var(--warning-6);
    color: var(--warning-light);
}

.base-btn.j-btn-info {
    background-color: var(--information-ligt);
    color: var(--information-6);
}

.base-btn.j-btn-infoDark {
    background-color: var(--information-6);
    color: var(--white);
}

.base-btn.j-btn-infoDark:hover {
    background-color: var(--information-dark);
}

.base-btn.j-btn-info:hover {
    background-color: var(--information-6);
    color: var(--white);
}

.base-btn.j-btn-lightGray:hover {
    background-color: var(--gray-8);
}

.base-btn.j-btn-lightGray .fi {
    color: var(--darkGray-8);
}

/* /General styles */

/* user dashboard */

.sidebar {
    padding-right: 0.75rem;
    min-height: 100vh;
    height: 100%;
    border-left: 2px solid var(--gray-8);
}

.sidebar .sidebar-header {
    padding: 1.5rem 0 1.5rem 1.5rem;
}

.sidebar .sidebar-header-box {
    display: block;
    margin-bottom: 1.5rem;
}

.sidebar .sidebar-header-box .sidebar-hbox-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem 0;
    background-color: var(--gray-1);
    border-radius: 0.5rem;
    transition: all 0.3s ease-in;
}

.sidebar .sidebar-header-box .sidebar-hbox-link:hover {
    background-color: var(--gray-8);
}

.sidebar .sidebar-header-box.active .sidebar-hbox-link {
    background-color: var(--primary-8);
}

.sidebar .sidebar-header-box.active .sidebar-hbox-link .sidebar-hbox-icon .fi {
    color: var(--white);
}

.sidebar .sidebar-header-box.active .sidebar-hbox-link .sidebar-hbox-title .title {
    color: var(--white);
}

.sidebar .sidebar-header-box.active .sidebar-hbox-icon {
    display: flex;
    margin-bottom: 0.5rem;
}

.sidebar .sidebar-header-box .sidebar-hbox-icon .fi {
    color: var(--darkGray-6);
    transition: all 0.3s ease-in;
}

.sidebar .sidebar-header-box .sidebar-hbox-title .title {
    color: var(--black);
    transition: all 0.3s ease-in;
}

.sidebar-menu .sidebar-menu-item {
    padding-left: 1.5rem;
    position: relative;
    margin-bottom: 0.5rem;
}

.sidebar-menu .sidebar-menu-item.active::after {
    content: '';
    height: 3rem;
    width: 0.5rem;
    background-color: var(--primary-8);
    border-radius: 0 0.5rem 0.5rem 0;
    position: absolute;
    left: 0;
    top: 2px;
}

.sidebar-menu .sidebar-menu-item .sidebar-menu-link {
    padding: 0 0.75rem 0 0.75rem;
    line-height: 3.25rem;
    color: var(--black);
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in;
    border-radius: 0.5rem;
    position: relative;
}

.sidebar-menu .sidebar-menu-item.active .sidebar-menu-link {
    color: var(--primary-8);
}

.sidebar-menu .sidebar-menu-item .sidebar-menu-link:hover {
    background-color: var(--gray-1);
}

.sidebar-menu .sidebar-menu-item .sidebar-menu-link > .fi {
    margin-left: 0.5rem;
    color: var(--darkGray-6);
}

.sidebar-menu .sidebar-menu-item.active .sidebar-menu-link > .fi {
    color: var(--primary-8);
}

.sidebar-menu .sidebar-menu-item .sidebar-menu-link .dropdown-arrow {
    display: none;
    align-items: center;
    margin-right: auto;
}

.sidebar-menu .sidebar-menu-item .sidebar-menu-link .dropdown-arrow .fi {
    color: var(--darkGray-6);
    transition: all 0.3s ease-in;
}

.sidebar-menu .sidebar-menu-item.has-submenu .sidebar-menu-link .dropdown-arrow {
    display: flex;
}

.sidebar-menu .sidebar-menu-item.has-submenu .count {
    line-height: normal;
    padding: 0.25rem 0.625rem;
    border-radius: 0.25rem;
    background-color: var(--information-ligt);
    color: var(--information-6);
    margin-right: auto;
}

.sidebar-menu .sidebar-menu-item.has-submenu .sidebar-menu-link[aria-expanded="true"] .dropdown-arrow .fi {
    transform: rotate(-90deg);
    color: var(--secondary-8);
}

.sidebar-menu .sidebar-menu-item .submenu {
    padding-top: 0.625rem;
    padding-bottom: 1rem;
}

.sidebar-menu .sidebar-menu-item .submenu .submenu-item a {
    padding: 0 1.5rem;
    line-height: 3.25rem;
    background-color: var(--gray-1);
    border-radius: 0.5rem;
    color: var(--black);
    display: flex;
    align-items: center;
    transition: all 0.2s ease-in;
}

.sidebar-menu .sidebar-menu-item .submenu .submenu-item a.disabled {
    color: var(--darkGray-6);
}

.sidebar-menu .sidebar-menu-item .submenu .submenu-item a:hover {
    background-color: var(--gray-8);
}

.sidebar-menu .sidebar-menu-item .submenu .submenu-item a .fi {
    color: var(--darkGray-6);
    margin-left: 0.5rem;
}

.sidebar-menu .sidebar-menu-item .submenu .submenu-item.active a .fi {
    color: var(--primary-8);
}

.sidebar-menu .sidebar-menu-item .submenu .submenu-item:not(:last-child) {
    margin-bottom: 0.625rem;
}

.dashboard-content {
    padding-right: 1.5rem;
    padding-left: 0.75rem;
}

.dashboard-content .dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0 2rem 0;
    border-bottom: 2px solid var(--gray-8);
    margin-bottom: 1.5rem;
}

.dashboard-content .dashboard-header .page-title {
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
}

.dashboard-content .dashboard-header .user-info-box {
    display: flex;
    align-items: center;
}

.dashboard-content .dashboard-header .user-info-box .notifications {
    display: flex;
    align-items: center;
    padding-left: 0.75rem;
    position: relative;
    margin-left: 0.75rem;
}

.dashboard-content .dashboard-header .user-info-box .notifications::after {
    content: '';
    width: 1px;
    height: 1rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    background-color: var(--gray-8);
}

.dashboard-content .dashboard-header .user-info-box .notifications .notif-title {
    display: flex;
    align-items: center;
    margin-left: 0.25rem;
    color: var(--black);
}

.dashboard-content .dashboard-header .user-info-box .notifications .notif-title a {
    color: var(--black);
    align-items: center;
    display: flex;
}

.dashboard-content .dashboard-header .user-info-box .notifications .notif-badge {
    background-color: var(--danger-6);
    padding: 0 0.5rem;
    color: var(--white);
    border-radius: 0.25rem;
    display: flex;
}

.dashboard-content .dashboard-header .user-info-box .notifications .notif-title .fi {
    color: var(--darkGray-6);
    margin-left: 0.5rem;
}

.dashboard-content .dashboard-header .user-info-box .dropdown-toggle {
    display: flex;
    align-items: center;
}

.dashboard-content .dashboard-header .user-info-box .dropdown-toggle::after {
    display: none;
}

.dashboard-content .dashboard-header .user-info-box .dropdown-toggle .fi {
    color: var(--darkGray-6);
    margin-left: 0.5rem;
}

.dashboard-content .dashboard-header .user-info-box .dropdown-toggle span {
    color: var(--black);
}

.dashboard-content .dashboard-header .user-info-box .dropdown-menu {
    border: 1px solid var(--darkGray-1);
}

.dashboard-content .dashboard-header .user-info-box .dropdown-menu .dropdown-item {
    font-weight: 300;
    padding: 0.5rem 1rem;
    color: var(--black);
}

.dashboard-body .base-card .shop-info-box {
    display: flex;
    align-items: center;
}

.dashboard-body .base-card .shop-logo {
    width: 5rem;
    height: 5rem;
    margin-left: 0.75rem;
    border-radius: 0.5rem;
}

.dashboard-body .base-card .shop-logo img {
    border-radius: inherit;
}

.dashboard-body .base-card .shop-info .shop-title {
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.dashboard-body .base-card .shop-info .shop-title::before {
    content: '';
    width: 1rem;
    height: 1rem;
    background-color: var(--success-6);
    display: inline-block;
    vertical-align: middle;
    border-radius: 0.25rem;
    margin-left: 0.5rem;
}

.dashboard-body .base-card .shop-info .shop-rate-box {
    display: inline-flex;
    align-items: center;
    background-color: var(--gray-1);
    border-radius: 0.625rem;
    padding: 0.375rem 0.75rem 0.375rem 0.375rem;
}

.dashboard-body .base-card .shop-info .shop-rate-box span:not(.rate) {
    font-size: 0.875rem;
    font-weight: 300;
    margin-left: 0.5rem;
}

.dashboard-body .base-card .shop-info .shop-rate-box .rate {
    display: flex;
    padding: 0.25rem 0.5rem;
    background-color: var(--success-light);
    border-radius: 0.375rem;
    color: var(--success-dark);
    font-size: 0.875rem;
}

.dashboard-body .base-card {
    display: flex;
    flex-direction: column;
}

.dashboard-body .base-card .info-item {
    display: flex;
    align-items: center;
}

.dashboard-body .base-card .info-item:not(:last-child) {
    margin-bottom: 0.75rem;
}

.dashboard-body .base-card .info-item .title {
    font-weight: 500;
    margin-left: 0.5rem;
}

.dashboard-body .base-card .info-item .custom-tooltip .fi {
    color: var(--darkGray-6);
}

.dashboard-body .base-card.wallet-info-box {
    padding: 2rem 1rem 2rem 2rem;
    justify-content: space-between;
    flex-direction: row;
    height: 100%;
}

.dashboard-body .base-card.wallet-info-box .wallet-info {
    display: flex;
    align-items: center;
}

.dashboard-body .base-card.wallet-info-box .wallet-info .fi {
    color: var(--darkGray-6);
    margin-left: 1rem;
}

.dashboard-body .base-card.wallet-info-box .wallet-info .wallet-balance {
    display: flex;
    flex-direction: column;
}

.dashboard-body .base-card.wallet-info-box .wallet-info .wallet-balance span {
    font-weight: 500;
}

.dashboard-body .base-card.wallet-info-box .wallet-info .wallet-balance .title {
    margin-bottom: 0.75rem;
}

.dashboard-body .base-card.wallet-info-box .wallet-charge {
    border: none;
    background-color: var(--secondary-8);
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    padding: 1rem;
}

#chartDiv {
    width: 100%;
    height: 500px;
}

.custom-table {
    border: 1px solid var(--darkGray-1);
    border-radius: 0.5rem;
}

.custom-table table {
    margin-bottom: 0;
}

.custom-table table th, .custom-table table td {
    border-bottom: none;
    font-size: 0.875rem;
    font-weight: 400;
    padding: 0.5rem;
}

.custom-table table th a, .custom-table table td a {
    color: var(--black);
}

.custom-table table th a:hover, .custom-table table td a:hover {
    color: var(--primary-8);
}

.custom-table table tr:nth-child(even) {
    background-color: var(--gray-1);
}

.custom-table table tr:not(:last-child) {
    border-bottom: 1px solid var(--darkGray-1);
}

.custom-table .table.table-simple tr {
    background-color: var(--white);
}

.custom-table table tr:first-child {
    border-bottom-width: 2px;
}

.custom-table table th:not(:last-child), .custom-table table td:not(:last-child) {
    border-left: 1px solid var(--darkGray-1);
}

/* /user dashboard */

/* Products & Clicks */

.filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.filters .base-btn {
    margin-bottom: 0.75rem;
}

.filters .filter-item {
    display: flex;
    align-items: center;
    margin-left: 0.75rem;
    margin-bottom: 0.75rem;
}

.filters .filter-item .filter-cat-btn {
    background-color: var(--gray-1);
    border-radius: 0.5rem;
    border: none;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
}

.custom-table tr .filter-cat-btn {
    background-color: transparent;
    border: none;
    font-size: 0.75rem;
    font-weight: 300;
    padding: 0.25rem 0;
    display: inline-flex;
    align-items: center;
}

.custom-table tr .filter-cat-btn .fi {
    font-size: 1rem;
    color: var(--darkGray-8);
    margin-right: 0.25rem;
}

.filters .filter-item .filter-cat-btn .fi {
    font-size: 1.5rem;
    margin-right: 0.75rem;
    color: var(--darkGray-8);
}

.filters .filter-item.date-selector {
    display: none;
    margin-left: 0;
}

.filters .filter-item.date-selector.date-show {
    display: flex;
}

.filters .filter-item .title {
    font-size: 0.875rem;
    font-weight: 500;
    margin-left: 0.75rem;
}

.filters .filter-item .custom-select-box select {
    min-width: 5.75rem;
}

.filters .filter-item .datepicker-input {
    display: inline-block;
    border: 1px solid var(--gray-8);
    border-radius: 0.5rem;
    font-size: 0.875rem;
    color: var(--black);
    padding: 0.5rem 1rem;
    max-width: 6.5rem;
    margin-left: 0.75rem;
}

.filters .filter-item .datepicker-input:focus {
    outline: none;
}

jdp-container .jdp-day-name {
    font-weight: 400;
}

jdp-container .jdp-day.last-week, jdp-container .jdp-day.holly-day, jdp-container .jdp-day-name.last-week, jdp-container .jdp-day-name.holly-day {
    color: var(--primary-6);
}

jdp-container .jdp-btn-today, jdp-container .jdp-btn-empty, jdp-container .jdp-btn-close {
    background-color: var(--primary-7);
}

jdp-container .jdp-day, jdp-container .jdp-day-name {
    color: var(--black);
}

jdp-container .jdp-day.today, jdp-container .jdp-day-name.today {
    border-color: var(--darkGray-6);
}

.custom-tabs {
    margin-top: 0.75rem;
}

.custom-tabs .nav {
    margin-bottom: 1.5rem;
}

.custom-tabs .nav .nav-item {
    display: flex;
    align-items: center;
}

.custom-tabs .nav .nav-item::before {
    content: '';
    width: 2px;
    height: 0.875rem;
    border-radius: 4px;
    background-color: var(--primary-8);
    display: inline-block;
    vertical-align: middle;
}

.custom-tabs .nav .nav-link {
    color: var(--black);
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    border-radius: 0;
    background-color: var(--white);
}

.custom-tabs .nav .nav-link.active {
    color: var(--primary-8);
}

.info-box {
    display: flex;
    flex-direction: column;
    border: 1px solid;
    border-radius: 0.5rem;
    padding: 0.75rem 1.625rem 0.75rem 0.75rem;
    position: relative;
    margin-bottom: 1.5rem;
}

.info-box.info-gray {
    background-color: var(--gray-1);
    border-color: var(--darkGray-1);
}

.info-box.info-danger {
    background-color: var(--danger-light);
    border-color: var(--danger-light);
    color: var(--danger-dark);
}

.info-box.info-info {
    background-color: var(--information-ligt);
    border-color: var(--information-ligt);
    color: var(--information-dark);
}

.info-box.info-warning {
    background-color: var(--warning-light);
    border-color: var(--warning-light);
    color: var(--warning-dark);
}

.info-box.info-success {
    background-color: var(--success-light);
    border-color: var(--success-light);
    color: var(--success-dark);
}

.info-box::before {
    content: '';
    width: 2px;
    height: calc(100% - 1.5rem);
    position: absolute;
    right: 0.75rem;
    top: 0;
    bottom: 0;
    margin: auto;
}

.info-box.info-gray::before {
    background-color: var(--secondary-1);
}

.info-box.info-info::before {
    background-color: var(--information-6);
}

.info-box.info-danger::before {
    background-color: var(--danger-6);
}

.info-box.info-warning::before {
    background-color: var(--warning-6);
}

.info-box.info-success::before {
    background-color: var(--success-6);
}

.info-box .info-b-item {
    display: flex;
    align-items: center;
}

.info-box .info-b-item:not(:last-child) {
    margin-bottom: 0.625rem;
}

.info-box .info-b-item p {
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 300;
    text-align: justify;
}

.info-box .info-b-item p .highlight {
    font-weight: 500;
    text-decoration: underline;
}

.info-box.info-info .info-b-item p .highlight {
    color: var(--information-dark);
}

.info-box .info-b-item .title {
    font-size: 0.875rem;
    font-weight: 300;
}

.info-box .info-b-item .custom-tooltip {
    margin-right: 0.25rem;
}

.info-box .info-b-item .custom-tooltip .fi {
    color: var(--darkGray-1);
}

.info-box .info-b-item .base-btn {
    margin-right: 0.75rem;
}

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

.custom-pagination .base-btn .fi {
    font-size: 1rem;
}

.custom-pagination .pagination-pages {
    display: flex;
    align-items: center;
}

.custom-pagination .pagination-pages .paginate-input {
    border: 1px solid var(--gray-8);
    border-radius: 0.5rem;
    line-height: 2.125rem;
    max-width: 2.25rem;
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--black);
    text-align: center;
    padding: 0 0.25rem;
    margin-left: 0.25rem;
}

.custom-pagination .pagination-pages .paginate-input:focus {
    outline: none;
}

.custom-pagination .pagination-pages .title {
    font-size: 0.875rem;
    font-weight: 300;
    margin-left: 0.75rem;
}

.base-card .card-search-section {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.base-card .card-search-section .actions {
    margin-left: 0.75rem;
}

.base-card .card-search-section .search-sec {
    display: flex;
    margin-left: 0.75rem;
    flex: 1;
}

.base-card .card-search-section .search-sec .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.base-card .card-search-section .search-sec .base-btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.custom-table .table td .j-btn-lightGray:hover {
    background-color: var(--darkGray-1);
}

.custom-table .table td .table-link {
    display: inline-flex;
}

.custom-table .table td .table-link:not(:last-child) {
    margin-left: 0.5rem;
}

.custom-table .table td .table-link .fi {
    color: var(--darkGray-8);
    font-size: 1rem;
}

.custom-table .table td .table-link:hover .fi {
    color: var(--secondary-8);
}

.custom-table .table td .base-btn {
    font-size: 0.75rem;
    line-height: normal;
    padding: 0.5rem 1rem;
}

.custom-table .table td .line-over {
    text-decoration: line-through;
    color: var(--darkGray-8);
}

.modal-backdrop {
    background-color: var(--secondary-8);
}

.modal-content {
    border-radius: 1rem;
    padding: 1rem 1rem 1.5rem 1rem;
}

.modal-content .modal-header {
    padding: 0 0 1rem;
    border-bottom: 1px solid var(--gray-8);
    margin-bottom: 1.5rem;
    justify-content: flex-start;
    align-items: center;
}

.modal-content .modal-header .base-btn {
    margin-left: 1rem;
    color: var(--darkGray-8);
}

.modal-content .modal-header .modal-header-title {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0;
}

.modal-content .modal-body {
    padding: 0;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.modal-content .modal-body .pro-img-holder {
    width: 12.5rem;
    border-radius: 0.5rem;
    margin-left: 1.5rem;
}

.modal-content .modal-body .pro-img-holder img {
    border-radius: inherit;
}

.modal-content .modal-body .pro-details .pro-det-item:not(:last-child) {
    margin-bottom: 0.75rem;
}

.modal-content .modal-body .pro-details .pro-det-item .title {
    font-size: 1rem;
    font-weight: 300;
    color: var(--darkGray-8);
}

.modal-content .modal-body .pro-details .pro-det-item .value {
    font-size: 1rem;
    font-weight: 300;
}

.modal-content .modal-footer {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
}

.modal-content .modal-footer .modal-footer-title {
    font-size: 1rem;
    font-weight: 500;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--gray-8);
    margin: 0 0 1rem;
    width: 100%;
}

.modal-content .modal-footer .problems-list {
    margin: 0;
    width: 100%;
}

.modal-content .modal-footer .problems-list .problem-item:not(:last-child) {
    margin-bottom: 1rem;
}

.modal-content .modal-footer .problems-list .problem-item .problem-title {
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--black);
    width: 100%;
    background-color: var(--gray-8);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    display: flex;
    justify-content: space-between;
}

.modal-content .modal-footer .problems-list .problem-item .problem-title .fi {
    color: var(--darkGray-8);
}

.modal-content .modal-footer .modal-actions {
    margin: 0;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    border-top: 1px solid var(--gray-8);
    padding-top: 1rem;
}

.modal-content .modal-footer .modal-actions .base-btn {
    margin-right: 0.625rem;
}

/* /Products & Clicks */

/* Products need review */

.base-card .pnr-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.base-card .filter-report-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.base-card .filter-report-section {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.base-card .filter-report-section .custom-select-box {
    margin-left: 0.75rem;
}

.base-card .filter-report-section .hint {
    font-size: 0.875rem;
}

.custom-table .pnr-table.table td .base-btn {
    font-size: 0.875rem;
    font-weight: 400;
    padding: 0 1rem;
    line-height: 2.25rem;
    width: 100%;
}

.custom-table .pnr-table.table td .base-btn:not(:last-child) {
    margin-bottom: 0.5rem;
}

.modal-footer .user-reports {
    width: 100%;
    margin: 1.5rem 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.modal-footer .user-reports .title {
    font-size: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--gray-8);
}

.modal-footer .user-reports .rep-item {
    display: flex;
    padding: 0.5rem 1rem;
    background-color: var(--gray-1);
    border-radius: 0.5rem;
}

.modal-footer .user-reports .rep-item p {
    font-size: 0.875rem;
    margin-bottom: 0;
}

/* /Products need review */

/* Form elements */

.form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
}

.form-group .c-label .custom-tooltip {
    margin-right: 0.5rem;
    color: var(--darkGray-1);
}

.form-group .select2-container--default .select2-selection--multiple {
    border: 1px solid var(--gray-8);
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
}

.form-group .select2-container--default .select2-selection--multiple::after {

}

.form-group .select2-container .select2-search--inline .select2-search__field {
    margin: 0;
    font-family: Dana, sans-serif;
}

.form-group .select2-search.select2-search--inline {
    display: inline-flex;
}

.form-group .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid var(--secondary-6);
}

.custom-select-box .select-dropdown {
    position: absolute;
    top: 0;
    left: 1rem;
    height: 100%;
    display: flex;
    align-items: center;
}

.custom-select-box .select-dropdown::before {
    content: '';
    height: calc(100% - 1rem);
    width: 1px;
    background-color: var(--darkGray-4);
    margin-left: 0.75rem;
}

.custom-select-box .select-dropdown .fi {
    color: var(--darkGray-8);
    transition: all 0.3s ease-in;
}

.custom-select-box .select2-container--open ~ .select-dropdown .fi {
    transform: rotate(180deg);
}

.form-group .select2-container--default .select2-selection--multiple .select2-selection__clear {
    left: 4rem;
    width: 1.5rem;
    right: unset;
    height: 1.5rem;
    padding: 0;
    top: 0;
    bottom: 0;
    margin: auto 0 !important;
}

.form-group .select2-container--default .select2-selection--multiple .select2-selection__clear::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0101 5.99994C17.8225 5.81247 17.5682 5.70715 17.3031 5.70715C17.0379 5.70715 16.7836 5.81247 16.5961 5.99994L12.0101 10.5859L7.42407 5.99994C7.23654 5.81247 6.98224 5.70715 6.71707 5.70715C6.45191 5.70715 6.1976 5.81247 6.01007 5.99994C5.8226 6.18747 5.71729 6.44178 5.71729 6.70694C5.71729 6.9721 5.8226 7.22641 6.01007 7.41394L10.5961 11.9999L6.01007 16.5859C5.8226 16.7735 5.71729 17.0278 5.71729 17.2929C5.71729 17.5581 5.8226 17.8124 6.01007 17.9999C6.1976 18.1874 6.45191 18.2927 6.71707 18.2927C6.98224 18.2927 7.23654 18.1874 7.42407 17.9999L12.0101 13.4139L16.5961 17.9999C16.7836 18.1874 17.0379 18.2927 17.3031 18.2927C17.5682 18.2927 17.8225 18.1874 18.0101 17.9999C18.1975 17.8124 18.3029 17.5581 18.3029 17.2929C18.3029 17.0278 18.1975 16.7735 18.0101 16.5859L13.4241 11.9999L18.0101 7.41394C18.1975 7.22641 18.3029 6.9721 18.3029 6.70694C18.3029 6.44178 18.1975 6.18747 18.0101 5.99994Z' fill='%238D99AE'/%3E%3C/svg%3E%0A");
}

.form-group .select2-container--default .select2-selection--multiple .select2-selection__clear span {
    display: none;
}

.form-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--gray-8);
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    margin: 0 0 0.25rem 0.25rem !important;
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
}

.form-group .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border: none;
    padding: 0;
    width: 1rem;
    height: 1rem;
    position: relative;
}

.form-group .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0101 5.99994C17.8225 5.81247 17.5682 5.70715 17.3031 5.70715C17.0379 5.70715 16.7836 5.81247 16.5961 5.99994L12.0101 10.5859L7.42407 5.99994C7.23654 5.81247 6.98224 5.70715 6.71707 5.70715C6.45191 5.70715 6.1976 5.81247 6.01007 5.99994C5.8226 6.18747 5.71729 6.44178 5.71729 6.70694C5.71729 6.9721 5.8226 7.22641 6.01007 7.41394L10.5961 11.9999L6.01007 16.5859C5.8226 16.7735 5.71729 17.0278 5.71729 17.2929C5.71729 17.5581 5.8226 17.8124 6.01007 17.9999C6.1976 18.1874 6.45191 18.2927 6.71707 18.2927C6.98224 18.2927 7.23654 18.1874 7.42407 17.9999L12.0101 13.4139L16.5961 17.9999C16.7836 18.1874 17.0379 18.2927 17.3031 18.2927C17.5682 18.2927 17.8225 18.1874 18.0101 17.9999C18.1975 17.8124 18.3029 17.5581 18.3029 17.2929C18.3029 17.0278 18.1975 16.7735 18.0101 16.5859L13.4241 11.9999L18.0101 7.41394C18.1975 7.22641 18.3029 6.9721 18.3029 6.70694C18.3029 6.44178 18.1975 6.18747 18.0101 5.99994Z' fill='%238D99AE'/%3E%3C/svg%3E%0A");
}

.form-group .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove span {
    display: none;
}

.form-group .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding: 0;
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--black);
    margin-left: 0.5rem;
}

.form-group .c-label {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
}

.form-group.field-lg .c-label {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.form-group .c-label .fi {
    font-size: 1rem;
}

.form-group .checkbox-group label {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
}

.form-group .checkbox-group label:hover {
    cursor: pointer;
}

.form-group .checkbox-group input {
    display: none;
}

.form-group .checkbox-group label .r-o-label {
    font-size: 0.875rem;
}

.form-group .checkbox-group label .radio-checkmark {
    width: 1rem;
    height: 1rem;
    border: 1px solid var(--darkGray-8);
    display: inline-flex;
    border-radius: 50%;
    margin-left: 0.75rem;
}

.form-group .checkbox-group label input:checked ~ .radio-checkmark {
    background-color: var(--primary-8);
    border-color: var(--primary-8);
}

.form-group .input-group-text {
    background-color: var(--white);
    border-color: var(--gray-8);
    border-radius: 0.5rem;
    font-size: 0.875rem;
    padding: 0.5rem 0 0.5rem 1rem;
    display: inline-flex;
    align-items: center;
}

.form-group .input-group-text::before {
    content: '';
    height: 100%;
    margin-left: 0.75rem;
    width: 1px;
    background-color: var(--darkGray-4);
    display: inline-block;
    transition: all 0.3s ease-in;
}

.form-group .input-group .form-control {
    border-left-color: var(--white);
    padding-left: 0.75rem;
}

.form-group .input-group .form-control:focus {
    border-left-color: var(--secondary-8);
}

.form-group .input-group .form-control:focus ~ .input-group-text::before {
    opacity: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

textarea.form-control {
    line-height: normal;
    padding: 0.5rem 1rem;
}

.form-group .checkbox-input-holder {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-group .checkbox-group label .checkbox-checkmark {
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_255_34949)'%3E%3Cpath d='M13.6564 0H4.32308C3.43902 0 2.59118 0.351189 1.96606 0.976311C1.34094 1.60143 0.989746 2.44928 0.989746 3.33333L0.989746 12.6667C0.989746 13.1044 1.07597 13.5379 1.24348 13.9423C1.411 14.3467 1.65653 14.7142 1.96606 15.0237C2.59118 15.6488 3.43902 16 4.32308 16H13.6564C14.0942 16 14.5276 15.9138 14.932 15.7463C15.3364 15.5788 15.7039 15.3332 16.0134 15.0237C16.323 14.7142 16.5685 14.3467 16.736 13.9423C16.9035 13.5379 16.9897 13.1044 16.9897 12.6667V3.33333C16.9897 2.89559 16.9035 2.46214 16.736 2.05772C16.5685 1.6533 16.323 1.28584 16.0134 0.976311C15.7039 0.666782 15.3364 0.421251 14.932 0.253735C14.5276 0.0862192 14.0942 0 13.6564 0V0ZM15.6564 12.6667C15.6564 13.1971 15.4457 13.7058 15.0706 14.0809C14.6956 14.456 14.1868 14.6667 13.6564 14.6667H4.32308C3.79265 14.6667 3.28394 14.456 2.90887 14.0809C2.53379 13.7058 2.32308 13.1971 2.32308 12.6667V3.33333C2.32308 2.8029 2.53379 2.29419 2.90887 1.91912C3.28394 1.54405 3.79265 1.33333 4.32308 1.33333H13.6564C14.1868 1.33333 14.6956 1.54405 15.0706 1.91912C15.4457 2.29419 15.6564 2.8029 15.6564 3.33333V12.6667Z' fill='%238D99AE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_255_34949'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.989746)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0.25rem;
    display: flex;
    margin-left: 0.75rem;
}

.form-group .checkbox-group label input:checked ~ .checkbox-checkmark {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1372_5786)'%3E%3Cpath d='M13.6564 0H4.32308C3.43935 0.00105857 2.59212 0.352588 1.96723 0.97748C1.34233 1.60237 0.990805 2.4496 0.989746 3.33333L0.989746 12.6667C0.990805 13.5504 1.34233 14.3976 1.96723 15.0225C2.59212 15.6474 3.43935 15.9989 4.32308 16H13.6564C14.5401 15.9989 15.3874 15.6474 16.0123 15.0225C16.6372 14.3976 16.9887 13.5504 16.9897 12.6667V3.33333C16.9887 2.4496 16.6372 1.60237 16.0123 0.97748C15.3874 0.352588 14.5401 0.00105857 13.6564 0V0ZM15.6564 12.6667C15.6564 13.1971 15.4457 13.7058 15.0706 14.0809C14.6956 14.456 14.1868 14.6667 13.6564 14.6667H4.32308C3.79265 14.6667 3.28394 14.456 2.90887 14.0809C2.53379 13.7058 2.32308 13.1971 2.32308 12.6667V3.33333C2.32308 2.8029 2.53379 2.29419 2.90887 1.91912C3.28394 1.54405 3.79265 1.33333 4.32308 1.33333H13.6564C14.1868 1.33333 14.6956 1.54405 15.0706 1.91912C15.4457 2.29419 15.6564 2.8029 15.6564 3.33333V12.6667Z' fill='%23D90429'/%3E%3Cpath d='M7.21146 10.6132L4.5988 8.00052C4.47378 7.87554 4.30424 7.80533 4.12746 7.80533C3.95069 7.80533 3.78115 7.87554 3.65613 8.00052C3.53115 8.12554 3.46094 8.29508 3.46094 8.47185C3.46094 8.64863 3.53115 8.81817 3.65613 8.94319L6.2688 11.5558C6.39261 11.6797 6.53962 11.778 6.70143 11.845C6.86323 11.9121 7.03665 11.9466 7.2118 11.9466C7.38694 11.9466 7.56036 11.9121 7.72216 11.845C7.88397 11.778 8.03098 11.6797 8.1548 11.5558L14.3228 5.38786C14.4478 5.26284 14.518 5.0933 14.518 4.91652C14.518 4.73975 14.4478 4.57021 14.3228 4.44519V4.44519C14.1978 4.32021 14.0282 4.25 13.8515 4.25C13.6747 4.25 13.5051 4.32021 13.3801 4.44519L7.21146 10.6132Z' fill='%23D90429'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1372_5786'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.989746)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.base-card .form-group-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.form-group .form-control:disabled {
    background-color: var(--gray-1);
    border-color: var(--gray-8);
}

.base-card .form-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.base-card .form-actions .information span {
    font-size: 0.875rem;
}

.base-card .form-actions .form-buttons {
    display: flex;
}

.base-card .form-actions .form-buttons .base-btn {
    margin-right: 0.875rem;
}

.form-group .input-file-wrapper {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--darkGray-1);
    border-radius: 0.5rem;
    padding: 0 1rem;
    position: relative;
    line-height: 2.125rem;
    background-color: var(--white);
}

.form-group .input-file-wrapper .fi {
    color: var(--darkGray-8);
    margin-left: 0.75rem;
}

.form-group .input-file-wrapper span {
    font-size: 0.875rem;
}

.form-group .input-file-wrapper input {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 99;
}

.form-group .input-file-wrapper input:hover {
    cursor: pointer;
}

/* Form elements */

/* Order Tracking Score */

.ot-score-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.ot-score-wrapper .score-hints a {
    display: flex;
    align-items: center;
}

.ot-score-wrapper .score-hints a .fi {
    margin-right: 0.5rem;
    transition: transform 0.25s ease-in;
}

.ot-score-wrapper .score-hints a[aria-expanded="true"] .fi {
    transform: rotate(-90deg);
}

.list-mark {
    list-style-type: disc;
    padding-right: 1.25rem;
}

.ot-score-wrapper .score-hints .list-mark {
    padding-top: 0.75rem;
}

.ot-score-wrapper .score-hints .list-mark li span {
    font-size: 0.875rem;
    font-weight: 300;
}

.base-card .score-sec {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.base-card .score-sec span {
    font-size: 1.25rem;
    font-weight: 600;
}

.base-card .score-sec .score {
    padding: 0.25rem 0.5rem;
    background-color: var(--success-light);
    color: var(--success-dark);
    border-radius: 0.375rem;
    line-height: 1.5;
    margin-right: 0.5rem;
}

/* /Order Tracking Score */

/* Add Documents */

.documents-tabs .nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.documents-tabs .nav .nav-item {
    position: relative;
}

.documents-tabs .nav .nav-item:not(:last-child) {
    padding-left: 1.5rem;
    margin-left: 1.5rem;
}

.documents-tabs .nav .nav-item:not(:last-child)::after {
    content: '';
    width: 5px;
    height: 3rem;
    background-color: var(--gray-8);
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.documents-tabs .nav .nav-link {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    color: var(--black);
    align-items: center;
    padding: 0.75rem 0.75rem 0;
}

.documents-tabs .nav .nav-link .icon-holder {
    display: flex;
    background-color: var(--gray-8);
    border-radius: 0.5rem;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    color: var(--darkGray-8);
}

.documents-tabs .nav .nav-link.confirmed .icon-holder {
    background-color: var(--success-light);
    color: var(--success-6);
}

.documents-tabs .nav .nav-link .tab-title {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.documents-tabs .nav .nav-link .arrow-holder {
    display: flex;
    justify-content: center;
    border-top: 1px solid var(--darkGray-1);
    padding: 0 5.375rem;
    color: var(--primary-8);
    visibility: hidden;
}

.documents-tabs .nav .nav-link.active .arrow-holder {
    visibility: visible;
}

.text-end-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.text-end-btn .base-btn {
    margin-right: 0.75rem;
}

.form-group .file-thumbnail {
    max-width: 10rem;
    border-radius: 0.5rem;
}

.form-group .file-thumbnail.show {
    margin-bottom: 0.75rem;
}

.form-group .inline-input {
    display: flex;
}

.form-group .inline-input .inline-input-actions {
    display: flex;
    align-items: flex-start;
}

.form-group .inline-input .inline-input-actions .base-btn:not(:last-child) {
    margin-left: 0.75rem;
}

.form-group .input-wrapper {
    position: relative;
}

.form-group .inline-input .input-wrapper {
    margin-left: 0.75rem;
    flex: 1;

}

.form-group .verify-status {
    font-size: 0.875rem;
    font-weight: 400;
    padding: 0 0.5rem;
    border-radius: 0.375rem;
    display: inline-flex;
    align-items: center;
    line-height: 1.75rem;
    margin-right: 0.5rem;
}

.form-group .verify-status.success {
    background-color: var(--success-light);
    color: var(--success-6);
}

.form-group .verify-status.rejected {
    background-color: var(--danger-light);
    color: var(--danger-6);
}

.form-group .verify-status .fi {
    font-size: 1rem;
    margin-left: 0.625rem;
}

/* /Add Documents */

/* Shop Setting */

.base-card .main-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

/* /Shop Setting */

/* basic service fee */

.content-container p {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    text-align: justify;
}

.content-container h1, .content-container .h1 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 0;
}

.content-container h2, .content-container .h2 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 0;
}

.content-container h3, .content-container .h3 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 0;
}

.content-container h4, .content-container .h4 {
    font-size: 0.938rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 0;
}

.content-container h5, .content-container .h5 {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 0;
}

.content-container h6, .content-container .h6 {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 0;
}

/* /basic service fee */

/* Special clicks */

.base-card .table-actions {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.base-card .table-actions .label {
    font-size: 0.875rem;
    margin-left: 0.75rem;
}

.custom-table.clicks-table table th, .custom-table.clicks-table table td {
    padding: 0.5rem 0.25rem;
    font-size: 0.75rem;
}

.custom-table.clicks-table .form-control {
    padding: 0 0.75rem;
}

.custom-table.clicks-table .form-group .checkbox-group label {
    padding: 0.25rem 0;
}

.custom-table.clicks-table .form-group .checkbox-group label .checkbox-checkmark {
    margin-left: 0.25rem
}

.custom-table.clicks-table .form-group .checkbox-group label .r-o-label {
    font-size: 0.75rem;
}

.custom-table.clicks-table .custom-tooltip .fi {
    color: var(--darkGray-1);
}

.custom-table.clicks-table .col-s {
    width: 4.5rem;
}

.custom-table.clicks-table .col-m {
    width: 6.25rem;
}

.custom-table.clicks-table .col-l {
    width: 7.5rem;
}

.custom-table.clicks-table .col-xs {
    width: 3rem;
}

.noUi-target {
    background: var(--gray-8);
    border-radius: 3px;
    border: none;
    box-shadow: none;
    height: 4px;
}

.noUi-connects {
    border-radius: 3px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -5px;
    width: 10px;
    height: 10px;
    border: none;
    border-radius: 4px;
    background: var(--information-6);
    box-shadow: none;
    top: -3px;
}

.noUi-handle:before, .noUi-handle:after {
    display: none;
}

.noUi-marker-horizontal.noUi-marker {
    display: none;
}

.noUi-pips-horizontal {
    height: auto;
    padding: 0.5rem 0 0 0;
    display: flex;
    justify-content: space-between;
}

.noUi-value {
    position: static;
    color: var(--information-dark);
}

.noUi-rtl .noUi-value-horizontal {
    transform: none;
}

.custom-table.clicks-table .slider-info {
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
    justify-content: space-around;
    margin-bottom: 0.25rem;
}

.custom-table.clicks-table .slider-info span {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--success-6)
}

.custom-table.clicks-table .slider-info .base-btn:disabled {
    opacity: 0.5;
}

.custom-table.clicks-table .input-filter {
    padding: 0.25rem;
    display: inline-flex;
    flex-direction: column;
}

.custom-table.clicks-table .input-filter input {
    max-width: 7.25rem;
    border: 1px solid var(--gray-8);
    border-bottom: none;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 0.5rem;
    font-size: 0.875rem;
    color: var(--black);
    font-weight: 400;
    text-align: center;
}

.custom-table.clicks-table .input-filter input::placeholder {
    color: var(--darkGray-8)
}

.custom-table.clicks-table .input-filter input:focus {
    outline: none;
}

.custom-table.clicks-table .input-filter button {
    border: 1px solid var(--information-6);
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--white);
    border-radius: 0 0 0.5rem 0.5rem;
    background-color: var(--information-6);
    padding: 0.5rem;
    line-height: 1.125rem;
    max-width: 7.25rem;
}

.custom-table.clicks-table .input-filter button:disabled {
    opacity: 0.5;
}

.custom-table.clicks-table .switch-btn {
    flex-direction: column;
    justify-content: center;
}

.custom-table.clicks-table .switch-btn > span {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.custom-table.clicks-table .special-click-modal {
    color: var(--information-dark);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    background-color: var(--information-ligt);
}

/* /Special clicks */

/* Special offers */

.new-offer {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--gray-8);
    margin-bottom: 1.5rem;
}

.new-offer .offer-des {
    display: flex;
    gap: 0.625rem;
}

.new-offer .offer-des > div {
    flex: 1;
}

.new-offer .offer-des .offer-form {
    padding-bottom: 1rem;
}

.new-offer .offer-des .offer-form .form-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.new-offer .offer-des .offer-form .form-header .title {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0;
}

.new-offer .offer-des .offer-form .form-inputs {
    display: flex;
    margin-bottom: 1.5rem;
}

.new-offer .offer-des .offer-form .form-inputs .form-control {
    line-height: 2.75rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.new-offer .offer-des .offer-form .form-inputs .base-btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.new-offer .offer-des .offer-products {
    display: flex;
    flex-direction: column;
    padding-top: 2.75rem;
    gap: 0.75rem;
}

.new-offer .offer-des .offer-products .product-card {
    background-color: var(--gray-1);
    border: 1px solid var(--gray-8);
    border-radius: 0.5rem;
    padding: 0.75rem;
}

.new-offer .offer-des .offer-products .product-card .pro-card-header {
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem;
}

.new-offer .offer-des .offer-products .product-card .pro-card-header .shop-title {
    margin-bottom: 0;
}

.new-offer .offer-des .offer-products .product-card .pro-card-header > span {
    font-size: 1rem;
    font-weight: 600;
    line-height: 2rem;
}

.new-offer .offer-des .offer-products .product-card .pro-card-header .separator {
    color: var(--darkGray-8);
    margin: 0 0.25rem;
}

.new-offer .offer-des .offer-products .product-card .pro-title {
    font-size: 0.875rem;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 2rem;
}

.offers-products {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.offers-products .pro-item {
    padding: 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid var(--gray-8);
    max-width: calc((100% / 6) - 0.5rem);
    background-color: var(--white);
}

.offers-products .pro-item .pro-image-holder {
    position: relative;
    display: flex;
    margin-bottom: 0.75rem;
    justify-content: center;
}

.offers-products .pro-item .pro-image-holder .discount-badge {
    line-height: 2rem;
    background-color: var(--success-light);
    border-radius: 0.25rem;
    padding: 0 0.5rem;
    font-size: 0.875rem;
    position: absolute;
    top: 0;
    right: 0;
}

.offers-products .pro-item .pro-image-holder .remove-item {
    background-color: var(--danger-light);
    border-radius: 0.25rem;
    border: none;
    padding: 0.5rem;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    color: var(--danger-6);
}

.offers-products .pro-item .price-sec {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid var(--gray-8);
    padding-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.offers-products .pro-item .price-sec span {
    font-weight: 500;
    line-height: 1.5rem;
}

.offers-products .pro-item .price-sec .old-price {
    color: var(--danger-6);
    text-decoration: line-through;
    margin-bottom: 0.25rem;
}

.offers-products .pro-item .title-sec {
    border-top: 1px solid var(--gray-8);
    padding-top: 0.75rem;
}

.offers-products .pro-item .title-sec .main-title {
    margin-bottom: 0;
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 400;
}

.offer-bot {
    border-bottom: 1px solid var(--gray-8);
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.offer-bot .main-title {
    font-size: 0.875rem;
}

.offer-bot .form-group .form-control {
    line-height: 2.75rem;
}

/* /Special offers */

/* Login Section */

.login-sec {
    position: relative;
    min-height: 100vh;
    background-image: url('../../uploads/Login-register.jpg');
    background-size: cover;
}

.login-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--white);
    min-height: 100vh;
    padding: 5rem 1.5rem;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.03);
    gap: 24px;
}

.login-wrapper .logo-holder {
    display: flex;
    flex-direction: column;
    padding-bottom: 3rem;
    gap: 0.75rem;
}

.login-wrapper .logo-holder p {
    font-size: 0.75rem;
    color: var(--secondary-8);
    margin-bottom: 0;
}

.login-wrapper .page-title {
    font-size: 1.25rem;
    font-weight: 500;
}

.login-wrapper .base-btn {
    width: 100%;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.login-wrapper .info {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.form-group .error {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--danger-6);
}

.login-wrapper .timer-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.login-wrapper .timer-holder .reset-btn {
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 500;
}

.login-wrapper .timer-holder .reset-btn:disabled {
    color: var(--darkGray-8);
}

.login-wrapper .timer-holder .timer {
    font-size: 1rem;
    color: var(--darkGray-8);
    font-weight: 500;
}

.login-wrapper .timer-holder .timer.over {
    color: var(--danger-6);
}

/* /Login Section */

/* Special banners */

.special-banner .banner-main {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--gray-8);
    margin-bottom: 1.5rem;
}

.dashboard-body .base-card.auction-card {
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem;
    height: 100%;
}

.auction-card .auction-content {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.auction-card .auction-content .title {
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    line-height: 1.5rem;
}

.auction-card .auction-content .title .fi {
    margin-left: 0.5rem;
    color: var(--primary-8);
}

.auction-card .auction-content .base-price,
.auction-card .auction-content .banner-info {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.auction-card .auction-content .base-price .title {
    font-size: 0.875rem;
    font-weight: 400;
    margin-bottom: 0;
}

.auction-card .auction-content .base-price .value {
    font-size: 0.875rem;
    color: var(--information-dark);
    padding: 0.25rem 0.5rem;
    background-color: var(--information-ligt);
    border-radius: 0.375rem;
}

.auction-card .auction-content .banner-info .title {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
}

.auction-card .auction-content .banner-info .value {
    font-size: 1rem;
    font-weight: 500;
    color: var(--darkGray-8);
}

.auction-card .auction-content .banner-actions {
    display: flex;
    gap: 0.5rem;
}

.auction-card .banner-image {
    border-radius: 0.5rem;
    width: 50%;
    max-height: 6.75rem;
}

.auction-card .banner-image img {
    max-height: inherit;
    width: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.auction-card .banner-image .empty-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: var(--gray-8);
    border-radius: inherit;
}

.auction-card .banner-image .empty-banner span {
    font-size: 1.25rem;
    font-weight: 300;
    color: var(--darkGray-8);
}

.special-banner .banner-des p {
    font-size: 0.875rem;
    font-weight: 300;
    text-align: justify;
    line-height: 2rem;
    margin-bottom: 0;
}

.modal .modal-header .close-modal {
    display: flex;
    padding: 0;
    background-color: transparent;
    border: none;
    color: var(--darkGray-8);
    font-size: 1rem;
    margin-right: auto;
}

.modal-body .auction-hints p {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 2rem;
    margin-bottom: 0;
}

.modal-body .gray-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
    border-radius: 0.5rem;
    background-color: var(--gray-1);
    padding: 1.5rem;
    height: 100%;
}

.modal-body .gray-card .g-card-header {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.modal-body .gray-card .g-card-header .fi {
    color: var(--primary-8);
    margin-left: 0.5rem;
}

.modal-body .hints {
    list-style-type: disc;
    padding-right: 1.25rem;
    margin-bottom: 1.25rem;
}

.modal-body .hints li {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 2rem;
}

.modal-body .hints li.no-disc {
    list-style-type: none;
}

.white-card {
    background-color: var(--white);
    border-radius: 0.5rem;
    padding: 1.5rem;
}

.inline-input-actions .base-btn[aria-expanded="true"] .fi {
    transform: rotate(180deg);
}

.modal-body .notif-text {
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0;
    width: 100%;
}

.modal-body .banners-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.modal-body .banners-list .banner-item {
    display: flex;
    flex-direction: column;
    padding-bottom: 0.75rem;
    gap: 0.75rem;
    border-bottom: 1px solid var(--gray-8);
}

.modal-body .banners-list .banner-item .banner-title {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0;
}

.modal-body .banners-list .banner-item .banner-det {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.625rem;
}

.modal-body .banners-list .banner-item .banner-det .banner-img {
    max-height: 5rem;
    border-radius: 0.5rem;
    display: flex;
    flex: 1;
}

.modal-body .banners-list .banner-item .banner-det .banner-img img {
    max-height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.modal-body .banners-list .banner-item .banner-det .banner-actions {
    display: flex;
    gap: 0.625rem;
    align-items: center;
    flex: 1;
}

.modal-body .banners-list .banner-item .banner-det .banner-actions > * {
    flex: 1;
}

.pagination-holder {
    display: flex;
    align-items: center;
    width: 100%;
}

.pagination-holder .pagination {
    flex: 1;
    justify-content: center;
    gap: 0.75rem;
}

.pagination-holder .pagination .page-item {
    display: flex;
}

.pagination-holder .pagination .page-item .page-link,
.pagination-holder .first-page,
.pagination-holder .last-page {
    border-radius: 0.5rem;
    border: 1px solid var(--gray-8);
    padding: 0 0.75rem;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 2.25rem;
    margin-right: 0;
    background-color: var(--gray-8);
    color: var(--black);
    min-width: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-holder .first-page {
    padding-right: 0.5rem;
    margin-left: 0.75rem;
}

.pagination-holder .first-page .fi {
    margin-left: 0.25rem;
}

.pagination-holder .last-page {
    padding-left: 0.5rem;
    margin-right: 0.75rem;
}

.pagination-holder .last-page .fi {
    margin-right: 0.25rem;
}

.pagination-holder .pagination .page-item.active .page-link {
    background-color: var(--white);
}

.pagination-holder .pagination .page-item .page-link .fi,
.pagination-holder .first-page .fi,
.pagination-holder .last-page .fi {
    color: var(--darkGray-8);
    font-size: 1rem;
}

.pagination-holder .pagination .page-item:first-child {
    margin-left: auto;
}

.pagination-holder .pagination .page-item:last-child {
    margin-right: auto;
}

.pagination-holder .pagination .page-item:first-child .page-link {
    padding-right: 0.5rem;
}

.pagination-holder .pagination .page-item:first-child .page-link .fi {
    margin-left: 0.25rem;
}

.pagination-holder .pagination .page-item:last-child .page-link {
    padding-left: 0.5rem;
}

.pagination-holder .pagination .page-item:last-child .page-link .fi {
    margin-right: 0.25rem;
}

.modal-body .pagination-holder {
    padding: 1.5rem 0 1rem 0;
    border-bottom: 1px solid var(--gray-8);
}

.gray-card .banner-status {
    display: flex;
    gap: 0.5rem;
}

.gray-card .banner-status span {
    font-size: 0.875rem;
    font-weight: 500;
}

.modal.on-top-modal {
    z-index: 1062 !important;
}

.modal-backdrop.show:nth-of-type(odd) {
    z-index: 1061 !important;
}

.modal-body .verif-messages {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.modal-body .verif-messages p {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 2rem;
}

/* /Special banners */

/* Home page */

.navbar {
    padding: 0;
    display: flex;
    position: static;
    justify-content: space-between;
}

.navbar-menu {
    display: flex;
    align-items: center;
    position: relative;
}

.navbar-menu .submenu {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 12rem;
    border-radius: 0.5rem;
    padding: 0.25rem 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-in;
}

.navbar-menu:hover > .submenu {
    opacity: 1;
    visibility: visible;
}

.navbar-menu .submenu .submenu-item a {
    color: var(--black);
    padding: 0 0.75rem;
    line-height: 2rem;
    width: 100%;
    position: relative;
}

.navbar-menu .submenu .submenu-item a:hover {
    background: var(--danger-6);
    color: var(--white);
}

.navbar-menu .submenu .submenu-item > .submenu {
    right: 100%;
    top: 0;
}

.navbar-menu .submenu .submenu-item:hover > .submenu {
    opacity: 1;
    visibility: visible;
}

.dropdown-arrow .fi-md {
    margin-left: 0;
    margin-right: 0.25rem;
    color: var(--darkGray-6);
}

.Grouping .dropdown-arrow {
    display: flex;
}

.navbar-nav {
    flex-direction: row;
}

.navbar-nav > li > a,
.Grouping > a {
    padding: 1.5rem 1rem 1.5rem 1rem;
    text-decoration: none;
    color: var(--black);
    font-weight: 600;
    display: flex;
    line-height: 1.5rem;
    align-items: center;
    transition: 0.3s;
}

.Grouping > a {
    padding-right: 0;
}

.Grouping a > i {
    color: var(--darkGray-8);
    margin-left: 0.5rem;
}

.navbar-nav span i {
    display: flex;
    align-items: center;
    margin-right: 0.25rem;
}

.navbar-nav {
    transition: 0.3s;
}

.navbar-nav .navbar-menu a:hover,
.Grouping a:hover {
    color: var(--primary-8);
}

.Grouping a .fi {
    transition: all 0.3s;
}

.Grouping a:hover .fi {
    color: var(--primary-8);
}

.cat-submenu {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    background-color: var(--white);
    padding: 0.75rem;
    width: 100%;
    z-index: 9999;
    display: none;
}

.cat-submenu.active {
    display: flex;
}

.submenu-overlay {
    content: '';
    width: 100%;
    position: fixed;
    background-color: var(--secondary-8);
    opacity: 0.5;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 9998;
    display: none;
}

/*.submenu-overlay.inner-pages-header {*/
/*    height: calc(100vh - 10rem - 1px);*/
/*}*/

.submenu-overlay.active {
    display: block;
}

.cat-submenu .category-list {
    min-width: 19%;
    padding-left: 0.75rem;
    border-left: 1px solid var(--gray-8);
}

.cat-submenu .category-list .main-cats a {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: var(--secondary-4);
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    transition: all 0.3s;
}

.cat-submenu .category-list .main-cats a .fi {
    font-size: 1rem;
    color: var(--darkGray-8);
    transition: all 0.3s;
    margin-right: auto;
    margin-left: 0;
}

.cat-submenu .category-list .main-cats a::before {
    content: '';
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    display: inline-block;
    background-color: var(--darkGray-1);
    margin-left: 0.5rem;
    transition: all 0.3s;
}

.cat-submenu .category-list .main-cats a:hover,
.cat-submenu .category-list .main-cats a.active {
    background-color: var(--gray-1);
    color: var(--secondary-8);
}

.cat-submenu .category-list .main-cats a:hover .fi,
.cat-submenu .category-list .main-cats a.active .fi {
    color: var(--secondary-7);
}

.cat-submenu .category-list .main-cats a:hover::before,
.cat-submenu .category-list .main-cats a.active::before {
    background-color: var(--primary-6);
    width: 0.5rem;
    border-radius: 2px;
}

.cat-submenu .sub-cat-container {
    flex: 1;
    padding-right: 0.75rem;
}

.cat-submenu .sub-cat-container .sub-cat-title {
    border-bottom: 1px solid var(--gray-8);
    padding: 0 0.75rem;
    margin-bottom: 1.5rem;
}

.cat-submenu .sub-cat-container .sub-cat-title .sub-cat-title-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
}

.cat-submenu .sub-cat-container .sub-cat-title .sub-cat-title-inner .back-to-cat {
    background-color: transparent;
    border: none;
    display: none;
    align-items: center;
    gap: 0.25rem;
    color: var(--secondary-8);
    font-size: 0.875rem;
    font-weight: 500;
}

.cat-submenu .sub-cat-container .sub-cat-title .sub-cat-title-inner .back-to-cat .fi {
    font-size: 1rem;
    color: var(--secondary-7);
}

.cat-submenu .sub-cat-container .sub-cat-title .sub-cat-title-inner .cat-title {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--secondary-8);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cat-submenu .sub-cat-container .sub-cat-title .sub-cat-title-inner .cat-title::before {
    content: '';
    width: 0.5rem;
    height: 0.25rem;
    display: inline-block;
    background-color: var(--primary-6);
    border-radius: 2px;
}

.cat-submenu .sub-cat-container .sub-cat-title .sub-cat-title-inner .view-all {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--secondary-8);
    font-size: 0.875rem;
    font-weight: 500;
}

.cat-submenu .sub-cat-container .sub-cat-title .sub-cat-title-inner .view-all:hover {
    color: var(--primary-6);
}

.cat-submenu .sub-cat-container .sub-cat {
    column-count: 4;
}

.cat-submenu .sub-cat-container .sub-cat .main-cats {
    padding: 0 0.75rem;
}

.cat-submenu .sub-cat-container .sub-cat .main-cats a {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--secondary-5);
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    transition: all 0.3s;
}

.cat-submenu .sub-cat-container .sub-cat .main-cats a:hover {
    background-color: var(--gray-1);
    color: var(--primary-8);
}

.cat-submenu .sub-cat-container .sub-cat .main-cats a .fi {
    font-size: 1rem;
    color: var(--darkGray-8);
    margin-right: auto;
    transition: all 0.3s;
}

.cat-submenu .sub-cat-container .sub-cat .main-cats a:hover .fi {
    color: var(--primary-6);
}

.cat-submenu .sub-cat-container .sub-cat .main-cats .cat-item-inner {
    transition: all 0.3s;
}

.cat-submenu .sub-cat-container .sub-cat .main-cats .cat-item-inner ul:hover .inner-cats a::before {
    background-color: var(--primary-6);
}

.cat-submenu .sub-cat-container .sub-cat .main-cats:hover .cat-item-inner {
    background-color: var(--gray-1);
}

.cat-submenu .sub-cat-container .sub-cat .main-cats:hover a .fi {
    color: var(--primary-6);
}

.cat-submenu .sub-cat-container .sub-cat .main-cats:hover a::before {
    border-color: var(--primary-6);
}

.cat-submenu .sub-cat-container .sub-cat .main-cats a::before {
    content: '';
    width: 0.563rem;
    height: 0.563rem;
    border: 1.3px solid var(--darkGray-3);
    display: inline-block;
    margin-left: 0.5rem;
    border-radius: 50%;
    transition: all 0.3s;
}

.cat-submenu .sub-cat-container .sub-cat .main-cats a:hover::before {
    border-color: var(--primary-6);
}

.cat-submenu .sub-cat-container .sub-cat .inner-cats a {
    font-weight: 300;
    color: var(--secondary-4);
    transition: all 0.3s;
}

.cat-submenu .sub-cat-container .sub-cat .inner-cats a::before {
    width: 0.5rem;
    height: 2px;
    border: none;
    background-color: var(--darkGray-1);
    border-radius: 0.25rem;
}

.cat-submenu .sub-cat-container .sub-cat .inner-cats a:hover::before {
    background-color: var(--primary-6);
}

.items {
    display: flex;
    padding: 0 0.5rem;
    line-height: 2.5rem;
    justify-content: flex-end;
    align-items: center;
    border-radius: 0.5rem;
}

.search-login-box {
    display: flex;
    position: relative;
    gap: 0.75rem;
}

.search-login-box .dropdown-menu.login-dropdown {
    left: 0 !important;
    transform: none !important;
    top: calc(100% + 1rem + 1px) !important;
    border: none;
    border-radius: 0;
    padding: 0 1.5rem 1.5rem 1.5rem;
    flex-direction: column;
    gap: 1.5rem;
}

.search-login-box .dropdown-menu {
    z-index: 9999;
}

.search-login-box .dropdown-menu.login-dropdown.show {
    display: flex;
}

.search-login-box .dropdown-menu.login-dropdown .login-title-sec {
    padding: 1.5rem 0;
    display: flex;
    justify-content: center;
}

.search-login-box .dropdown-menu .login-title-sec .login-title-sec {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 500;
}

.search-login-box .dropdown-menu .base-btn {
    margin-right: 0;
}

.search-login-box .dropdown-menu .info {
    margin-bottom: 0;
    font-size: 0.75rem;
    font-weight: 300;
    color: var(--secondary-6);
}

.login-box {
    background: var(--gray-1);
    margin-left: 0.75rem;
    color: var(--black);
}

.search-box {
    background: var(--secondary-7);
    color: var(--white);
}

.search-login-box .items .fi-md {
    margin-left: 0.625rem;
}

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

.header-box .header-main-sec {
    display: flex;
    align-items: center;
}

.items .link-items {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-login-box .login-box .fi-md {
    color: var(--darkGray-8);
}

.img-logo {
    margin-bottom: 0.75rem;
    display: inline-block;
}

.text-logo .text {
    color: var(--secondary-8);
    font-family: Dana, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
}

.logo-section {
    background: var(--gray-1);
}

.search-content {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    gap: 5rem;
}

.input-search-box {
    display: flex;
    margin-bottom: 0;
    padding: 0;
    position: relative;
}

.box-search {
    position: relative;
    flex: 0.6;
}

.input-search-box input {
    border-radius: 0.5rem;
    border: 1px solid var(--gray-8);
    background: var(--white);
    padding: 0 1.5rem 0 3rem;
    line-height: 4.5rem;
    width: 100%;
    outline: none;
}

.box-search .search-btn {
    background: none;
    border: none;
    position: absolute;
    left: 1.5rem;
    bottom: 1.5rem;
    display: flex;
    padding: 0;
    color: var(--darkGray-8);
}

.search-title-box {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.search-title-box .main-title {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 2rem;
}

.box-logo-text {
    flex: 0.4;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.box-search .arrow-btn .fi-md {
    color: var(--darkGray-8);
    font-size: 1.5rem !important;
}

.search-title-box .search-title-text {
    color: var(--black);
    font-family: Dana, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.banner-full a:hover img {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.4);
}

.banner-full img {
    border-radius: 0.5rem;
    max-height: 10.5rem;
    transition: all 0.3s;
}

.banner-full {
    position: relative;
}

.banner-Full-Row {
    padding: 1.5rem 0;
    margin-bottom: 1.5rem;
}

.base-title.base-title-text {
    font-size: 1.25rem;
}

.view a {
    display: flex;
}

.post-item .city_location-item .city_location .icon-blue .fi-md {
    color: var(--information-6);
}

.post-item .city_location-item .city_location .icon-blue .fi-md {
    color: var(--information-6);
}

.base-title .view {
    display: flex;
    align-items: center;
}

.base-title .view .fi {
    margin-left: 0;
    color: var(--primary-8);
}

.base-title .base-title-text {
    font-size: 1.25rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.base-title .view .view-text {
    margin-left: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--black);
}

.base-title .view a {
    align-items: center;
}

.slider-section {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.02);
    padding: 1.5rem 0;
}

.base-title-header .view .fi-md {
    font-size: 1.5rem;
    color: var(--primary-8);

}

.base-title i {
    font-size: 1.5rem;
    color: var(--information-6);
    margin-left: 0.625rem;
}

.base-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 0;
}

.products-slider .owl-carousel .item {
    background: var(--white);
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    gap: 0.75rem;
    border-left: 1px solid var(--gray-8);
    height: 100%;
    transition: 0.3s;
}

.products-slider .owl-carousel .item:hover {
    background: var(--gray-1);

}

.products-slider .owl-carousel .item .thumbnail {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.products-slider .owl-carousel .item .thumbnail-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.products-slider .owl-carousel .item .thumbnail-img img {
    max-width: 100%;
    aspect-ratio: 1 / 1;
}

.products-slider .owl-carousel .item .body-text {
    border-top: solid 1px var(--gray-8);
    padding-top: 0.75rem;
}

.products-slider .owl-carousel .item .item-body-text {
    color: var(--black);
    text-align: justify;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin: 0;
}

.products-slider .owl-carousel .item .post-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.products-slider .owl-carousel .item .city_location-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.products-slider .owl-carousel .item .body-Price {
    display: flex;
    justify-content: flex-end;
}

.products-slider .owl-carousel .item .city_location .icon-post-item .fi-md {
    color: var(--danger-6);
    font-size: 0.75rem;
    margin-left: 0.25rem;
}

.products-slider .owl-carousel .item .city_location {
    display: flex;
    align-items: center;
}

.products-slider .owl-carousel .item .city_location .fi {
    margin-left: 0.25rem;
    font-size: 0.75rem;
}

.products-slider .owl-carousel .item .city_location.online-shop .fi {
    color: var(--danger-6);
}

.products-slider .owl-carousel .item .city_location.local-shop .fi {
    color: var(--information-6);
}

.products-slider .owl-carousel .item .city_location.both-shop .location-icons {
    display: flex;
    align-items: center;
    margin-left: 0.25rem;
}

.products-slider .owl-carousel .item .city_location.both-shop .location-icons .fi:first-child {
    position: relative;
    margin-left: -0.313rem;
    color: var(--danger-6);
}

.products-slider .owl-carousel .item .city_location.both-shop .location-icons .fi {
    margin: 0;
    color: var(--information-6);
}

.products-slider .owl-carousel .item .post-item .city_location-item .item-texts {
    color: var(--secondary-5);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.post-item .city_location-item .item-text .item-text-body {
    border-radius: 0.25rem;
    background: var(--gray-1);
    padding: 0 0.625rem;
    display: flex;
    align-items: center;
    transition: 0.3s;
}

.post-item .body-Price .item-body-price {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.post-item .product-item-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: solid 1px var(--gray-8);
    padding-top: 0.75rem;
}

.post-item .product-item-icons .pro-actions {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.post-item .product-item-icons .add-btn-holder {
    display: flex;
    justify-content: center;
    width: 100%;
}

.post-item .product-item-icons .add-btn-holder .add-btn {
    background-color: transparent;
    border: none;
    line-height: 1.5rem;
    display: flex;
    align-items: center;
    padding: 0;
    gap: 0.75rem;
    color: var(--secondary-5);
}

.post-item .product-item-icons .pro-actions .link-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--gray-1);
    color: var(--secondary-5);
    font-size: 1rem;
    padding: 0.25rem;
    border-radius: 0.25rem;
    border: none;
}

.post-item .product-item-icons .product-icons {
    display: flex;
    gap: 0.25rem;
}

.products-slider .owl-carousel .item .product-item-text .product-text {
    color: var(--secondary-5);
    text-align: right;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.post-item .product-item-icons .product-icons .fi {
    color: var(--secondary-5);
    font-size: 0.75rem;
    transition: 0.3s;
}

.products-slider .owl-carousel .item .product-icons .action-btn {
    width: 1.5rem;
    height: 1.5rem;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 0.25rem;
    border: none;
    background-color: transparent;
    transition: all 0.3s;
}

.products-slider .owl-carousel .item .product-icons .action-btn:hover {
    background-color: var(--white);
}

.post-item .city_location-item .item-text .item-text-body:hover {
    border-radius: 0.25rem;
    background: var(--white);
}

.products-slider .owl-nav button {
    display: flex;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--gray-8);
    border-radius: 0.5rem;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 9999;
    top: 0;
    bottom: 0;
    margin: auto;
}

.products-slider .owl-nav button.owl-prev {
    right: 0;
}

.products-slider .owl-nav button.owl-next {
    left: 0;
}

.owl-nav .owl-prev .fi-md {
    color: var(--darkGray-8);
    font-size: 0.75rem;
}

.owl-nav .owl-next .fi-md {
    color: var(--darkGray-8);
    font-size: 0.75rem;
}

.owl-stage {
    display: flex;
}

.owl-carousel .owl-item img {
    mix-blend-mode: multiply;
}

.carousel-item-image img {
    border-radius: 0.5rem;
}

.carousel-img-box {
    display: flex;
    height: 4.5rem;
}

.carousel-img-box img {
    object-fit: contain;
}

.brands-box .carousel-img-box {
    height: 3rem;
}

.special-brands .carousel-img-box {
    height: initial;
    max-height: 4.5rem;
    width: 100%;
}

.carousel-control-next, .carousel-control-prev {
    width: auto;
    height: fit-content;
    margin: auto;
}

.carousel-control-prev-icon {
    background-image: none;
}

.carousel-control-prev .carousel-control-prev-icon .fi-md {
    color: var(--darkGray-8) !important;
    position: absolute;
    font-size: 0.75rem;
    right: 0.625rem;
    top: 0.5rem;
}

.carousel-control-prev-icon {
    border-radius: 0.5rem;
    border: 1px solid var(--gray-8);
    background-color: var(--white) !important;
    position: relative;
    height: 2rem;
    width: 2rem;
    padding: 0.625rem;
}

.carousel-control-next-icon {
    border-radius: 0.5rem;
    border: 1px solid var(--gray-8);
    background-color: var(--white) !important;
    position: relative;
    height: 2rem;
    width: 2rem;
    padding: 0.625rem;
}

.carousel-control-next-icon .fi-md {
    color: var(--darkGray-8) !important;
    position: absolute;
    font-size: 0.75rem;
    right: 0.625rem;
    top: 0.5rem;
}

.carousel-control-next {
    position: absolute;
    left: 1rem;
}

.carousel-control-prev {
    position: absolute;
    right: 1rem;
}

.carousel-control-next, .carousel-control-prev {
    opacity: 1 !important;
}

.owl-prev.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.owl-next.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.full-carousel {
    padding: 1.5rem 0;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.02);
}

.full-row-carousel {
    padding: 1.5rem 0;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.02);
}

.ADS-Full {
    padding: 1.5rem 0;
}

.title-ADS .fi {
    font-size: 1rem;
    color: var(--darkGray-8);
    margin-left: 0.25rem;
}

.title-ADS .text-title-ADS {
    color: var(--black);
    text-align: right;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 300;
    margin-left: 0.75rem;
}

.title-ADS {
    display: flex;
    align-items: center;
    padding-bottom: 1.5rem;
}

.title-ADS::after {
    content: "";
    background: var(--gray-8);
    display: flex;
    height: 1px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;

}

.advertisement-Banner {
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10.5rem;
}

.advertisement-Banner img {
    border-radius: inherit;
    max-height: 100%;
    object-fit: cover;
    width: 100%;
}

.carousel-full-section {
    padding: 1.5rem 0;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.02);
}

.Shops-Full {
    padding: 3rem 0;
}

.shops-full-carousel {
    padding: 3rem 0;
    margin-bottom: 3rem;
}

.carousel-box a {
    padding: 2rem 0.75rem 2rem 0.75rem;
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
    background: var(--gray-1);
}

.shops-carousel .owl-nav {
    display: none;
}

.text-carousel-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.25rem;
}

.text-carousel-box span {
    color: var(--black);
    text-align: center;
    font-size: 0.75rem;
    font-weight: 500;
}

.base-title-header .base-title-red .fi-md {
    color: var(--primary-8);

}

.carousel-full-section-row {
    padding: 1.5rem 0;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.02);
}

.title-ADS .close-ad {
    display: flex;
    padding: 0;
    border: none;
    background-color: transparent;
    align-items: center;
}

.title-ADS .fi {
    display: flex;
}

.newest-section .view-all a {
    display: flex;
    align-items: center;
    color: var(--black);
    padding: 0.75rem 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.newest-section .view-all a .fi {
    color: var(--primary-8);
    font-size: 1.5rem;
    margin-right: 0.5rem;
}

.newest {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.newest-title span {
    color: var(--black);
    font-size: 1.25REM;
    font-weight: 600;
}

.newest .base-title .fi {
    color: var(--primary-8);
}

.newest-text p {
    color: var(--secondary-5);
    text-align: justify;
    font-size: 0.875rem;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 1.5rem;
}

.newest-view .fi {
    color: var(--primary-8);
}

.newest-view a {
    display: flex;
}

.posts {
    display: flex;
    align-items: center;
    flex-direction: column;
    box-shadow: -15px 15px 30px 0 rgba(0, 0, 0, 0.03);
    height: 100%;
}

.posts:hover {
    box-shadow: -15px 15px 30px 0 rgba(0, 0, 0, 0.05);
}

.posts .banner {
    max-height: 12.75rem;
    width: 100%;
}

.posts-box {
    background: var(--white);
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    gap: 1rem;
    align-self: stretch;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    transition: 0.3s;
    height: 100%;
    justify-content: space-between;
}

.banner img {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    max-height: 100%;
    width: 100%;
    object-fit: cover;
}

.posts-box h6 {
    color: var(--black);
    text-align: justify;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}

.post-box .metaBox span {
    color: var(--darkGray-8);
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
}

.post-box .metaBox span.category {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    width: 58%;
}

.post-box .metaBox .fi {
    font-size: 0.875rem;
    color: var(--darkGray-8);
    margin-left: 0.25rem;
}

.post-box .meta-box {
    display: flex;
    gap: 0.75rem;
    width: 100%;
}

.post-box .metaBox {
    display: flex;
    align-items: center;
}

.newest-section {
    margin-bottom: 3rem;
    padding: 3rem 0;
}

.guidance-box {
    padding: 1rem 0;
    display: flex;
    gap: 1.5rem;
    position: relative;
    background-color: #fff;
}

.guidance-box::before {
    content: '';
    position: absolute;
    width: 0.375rem;
    height: 2rem;
    border-radius: 1.625rem;
    transform: rotate(22deg);
    background: #000;
    left: 0.625rem;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    filter: blur(25px);
}

.guidance-box::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: rotate(-180deg);
    width: 18.75rem;
    height: 100%;
    background-color: green;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}

.phone-icon .fi {
    font-size: 3rem;
    color: var(--primary-8);
    padding: 1.5rem;
    border-left: solid 2px var(--gray-8);
}

.phone-icon {
    display: flex;
    align-items: center;
}

.help-box-Full {
    display: flex;
    flex-direction: column;
    gap: 0.188rem;
    position: relative;
    z-index: 10;
}

.help-box-Full .help-text h6 {
    color: var(--secondary-1);
    font-size: 1.25rem;
    margin-bottom: 0;
    font-weight: 600;
}

.help-box-Full .help-phone span {
    color: var(--secondary-8);
    font-size: 2rem;
    font-weight: 800;
}

.help-box-Full .help-comment span {

    color: var(--darkGray-8);
    font-size: 0.75rem;
    font-weight: 300;
}

.guidance-wrapper {
    padding-left: 1.25rem;
}

.guidance-box::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-180deg);
    width: 3.438rem;
    height: 100%;
    background-color: #fff;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
    z-index: 2;
}

.featured-box {
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.featured-box a {
    text-decoration: none;
    color: black;
}

.featured-box-Full {
    display: flex;
    justify-content: space-between;
}

.featured-text {
    color: var(--black);
    font-size: 0.875rem;
    font-weight: 400;
    text-align: center;
}

.guidance-section {
    margin-bottom: 1.875rem;
}


.information-footer > div:not(:last-child) {
    margin-left: 1.5rem;
}

.information-footer {
    display: flex;
    margin-bottom: 0.75rem;
}

.footer-section .footer-about {
    text-align: justify;
    font-size: 0.875rem;
    padding-left: 1.5rem;
    margin: 0;
}

.information-footer .Information-text-footer .title-footer .text-footer {
    color: var(--black);
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.information-footer .Information-text-footer .title-footer .fi {
    font-size: 1rem;
    color: var(--darkGray-8);
}

.title-footer {
    display: flex;
    gap: 0.5rem;
}

.Information-text-footer .information-li a {
    color: var(--secondary-4);
    font-size: 0.875rem;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

.information-li a:hover {
    color: var(--secondary-8);
}

.information-li a::before {
    content: "";
    width: 2rem;
    height: 0.125rem;
    background-color: var(--gray-8);
    display: inline-block;
    margin-left: 0.5rem;
    transition: 0.3s;
}

.information-li a:hover::before {
    background-color: var(--primary-8);
}

.news-letter .title-news .fi {
    font-size: 2rem;
    color: var(--primary-8);
}

.news-letter .title-news h6 {
    margin: 0;
    color: var(--black);
    font-size: 1rem;
    font-weight: 600;
}


.news-letter {
    padding: 1rem;
    border-radius: 0.5rem;
    background: var(--gray-1);
    margin-bottom: 1.5rem;
}

.title-news {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.news {
    color: var(--secondary-6);
    text-align: justify;
    font-size: 1rem;
    font-weight: 300;
}

.footer-section {
    border-top: 1px solid var(--gray-8);
    border-bottom: 1px solid var(--gray-8);
    padding: 1.5rem 0;
}

.footer-input {
    display: flex;
    flex: 1;
    position: relative;
    flex-direction: column;
}

.footer-input .news {
    margin-bottom: 0.75rem;
}

.footer-input .input-mail .news-input {
    background: var(--white, #FFF);
    display: flex;
    height: 3rem;
    outline: none;
    width: 79%;
    border: none;
    padding: 0.75rem 4rem 0.75rem 1rem;
    border-radius: 0 0.5rem 0.5rem 0;
    direction: ltr;
    flex: 1;
}


.input-mail .base-btn {
    padding: 0 0.75rem;
    line-height: 3rem;
    font-size: 0.875rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    font-weight: 600;
}

.input-mail {
    display: flex;
    position: relative;
}

.input-mail .fi {
    font-size: 1.5rem;
    color: var(--darkGray-1);
}

.input-icon {
    border-left: 1px solid var(--gray-8);
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    bottom: 0.75rem;
    padding-left: 0.75rem;
}

.trust-logo h6 {
    color: var(--darkGray-1);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-bottom: 0;
}

.trust-logo-right {
    display: flex;
    align-items: center;
}

.trust-logo {
    display: flex;
    align-items: center;
}

.trust-logo-text {
    border-left: 1px solid var(--gray-8);
    margin-left: 0.75rem;
}

.trust-items {
    display: flex;
    align-items: center;
}

.trust-items .items-logo {
    border-radius: 0.5rem;
    background: var(--gray-1);
    display: flex;
    padding: 0.375rem 0;
    margin-left: 0.75rem;
    width: 4.5rem;
    height: 4.5rem;
    justify-content: center;
    align-items: center;
}

.trust-items .items-logo img {
    max-height: 100%;
}

.social img {
    opacity: 40%;
    transition: 0.3s;
}

.social img:hover {
    opacity: 100%;
}

.social-box {
    display: flex;
    gap: 0.75rem;
}

.social-network h6 {
    color: var(--black);
    font-size: 1rem;
    font-weight: 600;
    margin-left: 0;
    margin-bottom: 0.75rem;
}

.social {
    display: flex;
    width: 2rem;
    height: 2rem;
}

.social-network span {
    font-weight: 800;
}

.social-network {
    border-right: 5px solid var(--primary-8);
    padding-right: 1rem;
}

.text-carousel-box .item-text2 {
    color: var(--black);
    text-align: center;
    font-size: 0.625rem;
    font-weight: 300;
}

.site-end-text {
    padding: 0.75rem;
}

.navbar-cross {
    display: none;
}

.navbar-toggler {
    display: none;
}

.search-login-box .dropdown-menu .dropdown-item {
    font-weight: 300;
    padding: 0.5rem 1rem;
    color: var(--black);
}

/* /Home page */

/* Dashboard categories */

.modal-body.cat-container {
    align-items: stretch;
}

.modal-body .category-list {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 25%;
    padding-left: 0.75rem;
    position: relative;
    border-left: 1px solid var(--gray-8);
}

.modal-body .cat-item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--black);
    line-height: 2rem;
    position: relative;
    font-size: 0.875rem;
    transition: all 0.3s ease-in;
    padding-right: 1rem;
}

.modal-body .sub-cat .cat-item.inner-cats a {
    padding-right: 1.5rem;
    color: var(--darkGray-8);
    font-weight: 300;
}

.modal-body .sub-cat .cat-item.inner-cats a:hover {
    color: var(--primary-8);
}

.modal-body .cat-item a:hover {
    color: var(--primary-8);
}

.modal-body .cat-item a:hover .fi {
    color: var(--primary-8);
}

.modal-body .cat-item a:hover::before {
    background-color: var(--primary-8) !important;
}

.modal-body .cat-item.main-cats > a::before {
    content: '';
    width: 0.5rem;
    height: 0.25rem;
    background-color: var(--darkGray-1);
    border-radius: 3px;
    transition: all 0.3s ease-in;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.modal-body .cat-item.inner-cats > a::before {
    content: '';
    width: 1rem;
    height: 2px;
    background-color: var(--gray-8);
    border-radius: 3px;
    transition: all 0.3s ease-in;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.modal-body .cat-item a .fi {
    color: var(--darkGray-6);
    font-size: 1rem;
    transition: all 0.3s ease-in;
}

.modal-body .category-list .all-cats a {
    display: flex;
    align-items: center;
    position: relative;
    line-height: 2rem;
    color: var(--black);
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.3s ease-in;
}

.modal-body .category-list .all-cats a:hover {
    color: var(--primary-8);
}

.modal-body .category-list .all-cats a:hover::before {
    background-color: var(--primary-8);
}

.modal-body .category-list .all-cats a::before {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 3px;
    transform: rotate(45deg);
    background-color: var(--darkGray-1);
    display: inline-flex;
    margin-left: 0.5rem;
    transition: all 0.3s ease-in;
}

.modal-body .sub-cat-container {
    flex: 1;
    padding-right: 0.75rem;
}

.modal-body .sub-cat-container .sub-cat-title {
    border-bottom: 1px solid var(--gray-8);
    margin-bottom: 0.25rem;
}

.modal-body .sub-cat-container .sub-cat-title span {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 2rem;
}

.modal-body .sub-cat-container .sub-cat {
    column-count: 3;
}

.modal-body .sub-cat .cat-item a {
    color: var(--secondary-6);
}

.modal-body .sub-cat .cat-item a:hover {
    color: var(--primary-8);
}

.modal-body .sub-cat .cat-item a .fi {
    transform: rotate(-90deg);
}

.modal-body .sub-cat .cat-item {
    margin-bottom: 0.25rem;
}

.modal-body .sub-cat > .cat-item {
    padding-left: 0.75rem;
}

.modal-body .sub-cat .cat-item.has-sub > a {
    border-bottom: 1px solid var(--gray-8);
}

/* /Dashboard categories */

/* Special Rows */

.auction-announcement {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.auction-announcement .auction-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0.5rem;
    padding: 1.5rem;
    gap: 0.5rem;
}

.auction-announcement .auction-box.announcement-over {
    background-color: var(--information-ligt);
}

.auction-announcement .auction-box.announcement-open {
    background-color: var(--success-light);
}

.auction-announcement .auction-box.announcement-over span {
    color: var(--information-dark);
}

.auction-announcement .auction-box.announcement-open span {
    color: var(--success-dark);
}

.auction-announcement .auction-box .main-title {
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 500;
}

.auction-announcement .auction-box .sub-title {
    font-size: 1rem;
    font-weight: 300;
}

.auction-des p {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 2rem;
    margin-bottom: 0;
}

.auction-hints {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.auction-hints .title {
    font-size: 1rem;
    font-weight: 500;
}

.auction-hints .des {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.auction-hints .des p {
    margin-bottom: 0;
    font-weight: 300;
    color: var(--primary-8);
}

.auction-hints .des a {
    font-size: 1rem;
    font-weight: 300;
    display: flex;
    align-items: center;
    color: var(--black);
}

.auction-hints .des a .fi {
    margin-right: 0.25rem;
    font-size: 1.5rem;
    color: var(--darkGray-8);
}

.auction-table {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid var(--gray-8);
    border-radius: 1rem;
    gap: 1rem;
}

.auction-table .at-row {
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
    gap: 1rem;
}

.auction-table .at-row:not(:last-child) {
    border-bottom: 1px solid var(--gray-8);
}

.auction-table .at-row:nth-of-type(1) {
    border-bottom-width: 2px;
}

.auction-table .at-row .at-cell {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.auction-table .at-row .at-cell.at-cell-btn .delete-btn {
    margin-right: 0.75rem;
}

.auction-table .at-row .at-cell:not(:last-child) {
    padding-left: 1rem;
}

.auction-table .at-row .at-cell .fi {
    color: var(--darkGray-8);
    margin-left: 0.5rem;
}

.auction-table .at-row .at-cell .at-cell-header {
    font-size: 1rem;
    font-weight: 500;
}

.auction-table .at-row .at-cell .at-cell-data {
    font-size: 0.875rem;
    font-weight: 500;
}

.auction-table .at-row .at-cell .price-pre {
    font-size: 0.875rem;
    font-weight: 300;
}

.at-cell:not(:last-child)::after {
    content: '';
    width: 1px;
    height: 1.25rem;
    position: absolute;
    background-color: var(--darkGray-1);
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.auction-table .at-row .at-cell .form-control {
    max-width: 62%;
    text-align: center;
}

.auction-table .at-row .at-cell .base-btn {
    flex: 1;
}

.auction-table .at-row .at-cell .base-btn:disabled {
    opacity: 0.5;
}

.auction-table .at-row .at-cell .delete-btn {
    background-color: var(--primary-7);
    width: 2.25rem;
    height: 2.25rem;
    border: none;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in;
}

.auction-table .at-row .at-cell .delete-btn:hover {
    background-color: var(--primary-8);
}

.auction-table .at-row .at-cell .delete-btn .fi {
    color: var(--white);
}

.au-table-holder {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--gray-8);
    margin-bottom: 1.5rem;
}

.base-card-body .results-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-align: center;
}

.auction-table .at-row .at-cell .au-title-status {
    font-size: 0.875rem;
    font-weight: 400;
}

.auction-table .at-row .at-cell .au-title-status.not-participating {
    color: var(--darkGray-8);
}

.auction-table .at-row .at-cell .au-title-status.win {
    color: var(--success-6);
}

.auction-table .at-row .at-cell .au-title-status.lose {
    color: var(--danger-6);
}

.auction-table .at-row .at-cell .au-title-status.not-selected {
    color: var(--black);
}

/* /Special Rows */

/* Bills */

.charge-wallet {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.charge-wallet .title {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
}

.charge-wallet .title .fi {
    color: var(--primary-8);
    margin-left: 0.5rem;
}

.charge-wallet .charge-form {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.charge-wallet .charge-form .custom-select-box {
    flex: 1;
}

.charge-wallet .charge-hint {
    font-size: 0.875rem;
    font-weight: 300;
    margin-bottom: 0;
    color: var(--information-dark);
}

.hint-box {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border-radius: 1rem;
    height: 100%;
}

.hint-box p {
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 0;
    text-align: justify;
}

.hint-box .fi {
    font-size: 3rem;
}

.hint-box.hint-warning {
    background-color: var(--warning-light);
}

.hint-box.hint-info {
    background-color: var(--information-ligt);
}

.hint-box.hint-warning .fi {
    color: var(--warning-6);
}

.hint-box.hint-info .fi {
    color: var(--information-6);
}

.hint-box.hint-warning p {
    color: var(--warning-dark);
}

.hint-box.hint-info p {
    color: var(--information-dark);
}

.base-card .base-card-body .table-filter-btns {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.custom-table .table tr.current {
    background-color: var(--warning-light);
}

/* /Bills */

/* Notifications */

.notifications-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.notifications-wrapper .notification-card {
    display: flex;
    padding: 0.75rem;
    border-radius: 0.5rem;
    border: 1px solid var(--gray-8);
    background-color: var(--white);
    gap: 0.75rem;
}

.notifications-wrapper .notification-card .fi {
    font-size: 1.5rem;
    color: var(--darkGray-1);
}

.notifications-wrapper .notification-card .notif-content {
    display: flex;
}

.notifications-wrapper .notification-card .notif-content::before {
    content: '';
    width: 2px;
    height: 100%;
    background-color: var(--gray-8);
    border-radius: 4px;
    display: inline-block;
    margin-left: 0.75rem;
}

.notifications-wrapper .notification-card .notif-content p {
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 2rem;
    text-align: justify;
}

.notifications-wrapper .notification-card.new {
    background-color: var(--gray-1);
}

.notifications-wrapper .notification-card.new .fi {
    color: var(--information-6);
}

.notifications-wrapper .notification-card.new .notif-content::before {
    background-color: var(--secondary-1);
}

/* /Notifications */

/* Faqs */

.faq-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.faq-list .faq-item {
    display: flex;
    padding-bottom: 0.75rem;
    flex-direction: column;
}

.faq-list .faq-item:not(:last-child) {
    border-bottom: 2px solid var(--darkGray-1);
}

.faq-list .faq-item .collapse-btn {
    display: flex;
    align-items: center;
    padding: 0.75rem 0;
    background-color: var(--white);
    width: 100%;
    border: none;
    font-size: 1.25rem;
    font-weight: 600;
}

.faq-list .faq-item .faq-content {
    margin-top: 0.625rem;
    padding-right: 0.75rem;
    display: flex;
    gap: 0.625rem;
    flex-direction: column;
}

.faq-list .faq-item .faq-inner-item {
    display: flex;
    flex-direction: column;
    padding-bottom: 0.75rem;
    padding-right: 0.75rem;
}

.faq-list .faq-item .faq-inner-item:not(:last-child) {
    border-bottom: 1px solid var(--gray-8);
}

.faq-list .faq-item .faq-inner-item .inner-faq-btn {
    display: flex;
    background-color: var(--white);
    border: none;
    line-height: 2rem;
    padding: 0;
    font-size: 1rem;
    font-weight: 600;
}

.faq-list .faq-item .faq-inner-item .inner-faq-content {
    display: flex;
    flex-direction: column;
    border-right: 2px solid var(--darkGray-1);
    padding: 0.75rem;
    background-color: var(--gray-1);
    margin-top: 0.5rem;
}

.faq-list .faq-item .faq-inner-item .inner-faq-content p {
    font-size: 0.875rem;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 2rem;
}

/* /Faqs */

/* Merge products */

.filters-card {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    border-radius: 1rem;
    background-color: var(--gray-1);
    padding: 1rem;
}

.filters-card .f-card-header {
    display: flex;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--gray-8);
}

.filters-card .f-card-header .f-header-title {
    font-weight: 500;
}

.filters-card .filters-body {
    display: flex;
    gap: 0.75rem;
    align-items: flex-end;
}

.filters-card .filters-body .form-group {
    flex: 1;
}

.filters-card .filters-body .form-group .custom-select-box .select2-container .select2-selection--single {
    background-color: var(--white);
}

.filters-card .filters-body .form-group .select2-container--default .select2-selection--multiple {
    border: none;
}

.filters-card .filters-body .custom-select-box .select-dropdown::before {
    display: none;
}

.filters-card .filters-footer .form-group .inline-input .input-wrapper {
    margin-left: 0.5rem;
}

.filters-card .filters-footer .form-group .form-control {
    line-height: 2.375rem;
}

.filters-card .filters-footer .form-group .base-btn {
    line-height: 2.375rem;
}

.filters-card .filters-footer .warning-holder {
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.filters-card .filters-footer .warning-holder .info-box {
    border: none;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.filters-card .filters-footer .warning-holder .info-box .info-b-item p {
    line-height: 1.25rem;
}

.filters-card .filters-footer .warning-holder .info-box::before {
    height: calc(100% - 1.25rem);
}

.products-wrapper {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--gray-8);
    border-radius: 1rem;
    /*overflow: hidden;*/
}

.products-wrapper .products-wrapper-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid var(--gray-8);
}

.products-wrapper .products-wrapper-header .card-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 1.5rem;
}

.products-wrapper .products-wrapper-header .filters .filter-item {
    margin-bottom: 0;
}

.products-wrapper .products-wrapper-header .filters .filter-item .custom-tooltip .fi {
    color: var(--darkGray-1);
}

.products-wrapper .products-wrapper-header .custom-pagination {
    gap: 1.5rem;
}

.pro-card {
    background: var(--white);
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 0.75rem;
    border-left: 1px solid var(--gray-8);
    border-bottom: 1px solid var(--gray-8);
    height: 100%;
    transition: 0.3s;
}

.pro-card:hover {
    background: var(--gray-1);
}

.pro-card .thumbnail {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pro-card .thumbnail-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro-card .thumbnail-img img {
    max-width: 100%;
    aspect-ratio: 1 / 1;
    mix-blend-mode: multiply;
}

.pro-card .body-text {
    border-top: solid 1px var(--gray-8);
    padding-top: 0.75rem;
}

.pro-card .item-body-text {
    color: var(--black);
    text-align: justify;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin: 0;
}

.pro-card .item-body-text span.highlight {
    background-color: var(--warning-6);
}

.pro-card .post-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pro-card .city_location-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pro-card .city_location {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.pro-card .city_location.both-shop .location-icons {
    display: flex;
    align-items: center;
    margin-left: 0.25rem;
}

.pro-card .city_location .fi {
    font-size: 0.75rem;
}

.pro-card .city_location.both-shop .location-icons .fi:first-child {
    position: relative;
    margin-left: -0.313rem;
    color: var(--danger-6);
}

.pro-card .city_location.online-shop .fi {
    color: var(--danger-6);
}

.pro-card .city_location.local-shop .fi {
    color: var(--information-6);
}

.pro-card .city_location.both-shop .location-icons .fi {
    margin: 0;
    color: var(--information-6);
}

.pro-card .post-item .city_location-item .item-texts {
    color: var(--secondary-5);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.pro-card .body-Price {
    display: flex;
    justify-content: flex-end;
}

.pro-card .post-item .body-Price .item-body-price {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.pro-card .post-item .body-Price .edit-price {
    background-color: var(--warning-light);
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 0.25rem;
    color: var(--warning-dark);
    padding: 0.5rem;
    font-size: 0.75rem;
    margin-right: 0.5rem;
}

.pro-card .product-item-text {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pro-card .product-item-text .product-text {
    color: var(--secondary-5);
    text-align: right;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.pro-card .product-item-text .eye-icon {
    display: flex;
    font-size: 1rem;
    color: var(--darkGray-8);
}

.pro-card .product-icons .action-btn {
    width: 1.5rem;
    height: 1.5rem;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 0.25rem;
    border: none;
    background-color: transparent;
    transition: all 0.3s;
}

.pro-card .product-icons .action-btn.active .fi-rr-heart::before {
    color: var(--danger-6);
    font-family: uicons-solid-rounded !important;
    content: "\f590";
}

.pro-card .product-icons .action-btn.active .fi-rr-bell::before {
    color: var(--information-6);
    font-family: uicons-solid-rounded !important;
    content: "\f1df";
}

.item .product-icons .action-btn.active .fi-rr-heart::before {
    color: var(--danger-6);
    font-family: uicons-solid-rounded !important;
    content: "\f590";
}

.item .product-icons .action-btn.active .fi-rr-bell::before {
    color: var(--information-6);
    font-family: uicons-solid-rounded !important;
    content: "\f1df";
}

.pro-card .product-icons .action-btn:hover {
    background-color: var(--white);
}

.products-wrapper .products-wrapper-body {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

.products-wrapper .products-wrapper-body .pro-card .post-item {
    gap: 0.5rem;
}

.products-wrapper .products-wrapper-body .pro-card:nth-child(6n) {
    border-left: none;
}

.products-wrapper .products-wrapper-footer {
    padding: 1rem;
    border-top: 1px solid var(--gray-8);
}

.pro-card .post-item .cat-badge {
    display: flex;
    justify-content: center;
    padding: 0.25rem 1rem;
    border-radius: 0.25rem;
    background-color: var(--gray-1);
    transition: all 0.3s ease-in;
}

.pro-card:hover .post-item .cat-badge {
    background-color: var(--white);
}

.pro-card .post-item .cat-badge span {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--secondary-8);
}

.pro-card .post-item .cat-status-badge {
    display: flex;
    justify-content: center;
    padding: 0 0.5rem;
    background-color: var(--success-light);
    border-radius: 0.25rem;
}

.pro-card .post-item .cat-status-badge.no-category {
    background-color: var(--warning-light);
}

.pro-card .post-item .cat-status-badge span {
    font-size: 0.75rem;
    line-height: 1.5rem;
    color: var(--success-dark);
}

.pro-card .post-item .cat-status-badge.no-category span {
    color: var(--warning-dark);
}

/* Merge products */

/* Merge product single */

.merge-pro-side {
    display: flex;
    flex-direction: column;
    padding: 1.5rem 0 4rem 0;
    min-height: 100vh;
    height: 100%;
    border-left: 2px solid var(--gray-8);
}

.merge-pro-side .back-btn {
    padding: 0 1.5rem;
}

.merge-pro-side .back-btn .base-btn {
    width: 100%;
    justify-content: flex-start;
    padding: 0 0.75rem;
}

.merge-pro-side .back-btn .base-btn .fi {
    font-size: 1.5rem;
}

.merge-pro-side .main-product {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.merge-pro-side .main-product .main-pro-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.merge-pro-side .main-product .main-pro-img img {
    max-width: 100%;
    aspect-ratio: 1 / 1;
}

.merge-pro-side .main-product .main-pro-info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.merge-pro-side .main-product .main-pro-info .main-pro-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 2rem;
}

.merge-pro-side .main-product .main-pro-info .main-pro-title span {
    cursor: pointer;
}

.merge-pro-side .main-product .main-pro-info .main-pro-title span.highlight {
    background-color: var(--warning-6);
}

.merge-pro-side .main-product .main-pro-info .main-pro-badges {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.merge-pro-side .main-product .main-pro-info .main-pro-badges .badges {
    display: flex;
    gap: 0.25rem;
}

.merge-pro-side .main-product .main-pro-info .main-pro-badges .badges span {
    background-color: var(--gray-6);
    border-radius: 0.125rem;
    font-size: 0.813rem;
    display: flex;
    padding: 0 0.25rem;
}

.merge-pro-side .main-product .main-pro-info .main-pro-badges .custom-tooltip .fi {
    color: var(--darkGray-1);
}

.merge-pro-side .main-product .main-pro-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.merge-pro-side .main-product .main-pro-price .label {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    line-height: 1.5rem;
}

.merge-pro-side .main-product .main-pro-price .label .fi {
    color: var(--darkGray-6);
}

.merge-pro-side .main-product .main-pro-price .value {
    font-weight: 500;
    line-height: 1.5rem;
}

.merge-pro-side .main-product .main-pro-det {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.merge-pro-side .main-product .main-pro-det .det-info {
    display: flex;
    padding: 0.25rem 0.625rem;
    gap: 0.5rem;
    background-color: var(--gray-1);
    border-radius: 0.25rem;
}

.merge-pro-side .main-product .main-pro-det .det-info span {
    font-size: 0.875rem;
    color: var(--secondary-8);
    line-height: 1.5rem;
}

.merge-pro-side .main-product .main-pro-btns {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.merge-pro-side .main-product .main-pro-btns .merge-request {
    position: relative;
    padding-left: 3.75rem;
}

.merge-pro-side .main-product .main-pro-btns .merge-request:disabled {
    padding-left: 1rem;
}

.merge-pro-side .main-product .main-pro-btns .merge-request:disabled .count,
.merge-pro-side .main-product .main-pro-btns .merge-request:disabled .info-btn {
    display: none;
}

.merge-pro-side .main-product .main-pro-btns .merge-request .count {
    margin-left: 0.25rem;
}

.merge-pro-side .main-product .main-pro-btns .merge-request .info-btn {
    display: flex;
    background-color: var(--secondary-1);
    height: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    border-radius: 0.5rem 0 0 0.5rem;
    padding: 0 1.75rem;
}

.merge-pro-side .main-product .main-pro-btns .merge-request .info-btn .fi {
    margin-left: 0;
}

.merge-pro-side .main-product .main-pro-btns .j-btn-primary:disabled {
    background-color: var(--primary-7);
}

.merge-pro-side .main-product .main-pro-btns .base-btn:disabled {
    opacity: 0.5;
}

.merge-pro-side .m-pro-collapse-info {
    border-top: 2px solid var(--gray-8);
    display: flex;
    flex-direction: column;
}

.merge-pro-side .m-pro-collapse-info .m-collapse-item {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--gray-8);
    padding: 0.75rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.merge-pro-side .m-pro-collapse-info .m-collapse-item[aria-expanded="true"] .dropdown-arrow {
    transform: rotate(180deg);
}

.merge-pro-side .m-pro-collapse-info .m-collapse-item .title {
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.merge-pro-side .m-pro-collapse-info .m-collapse-item .title .fi {
    font-size: 1rem;
    color: var(--darkGray-6);
}

.merge-pro-side .m-pro-collapse-info .m-collapse-item .dropdown-arrow {
    display: flex;
    transition: all 0.2s ease-in;
}

.merge-pro-side .m-pro-collapse-info .m-collapse-item .dropdown-arrow .fi {
    color: var(--darkGray-8);
    font-size: 1.5rem;
}

.merge-pro-side .added-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
}

.merge-pro-side .added-date .title {
    font-size: 0.75rem;
}

.merge-pro-side .added-date .value {
    font-size: 0.75rem;
    font-weight: 500;
}

.merge-pro-side .shop-list {
    display: flex;
    flex-direction: column;
}

.merge-pro-side .shop-list .shop-item {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    align-items: center;
    border-bottom: 1px solid var(--gray-8);
}

.merge-pro-side .shop-list .shop-item.highlight-shop {
    background-color: var(--gray-1);
}

.merge-pro-side .shop-list .shop-item .form-group label {
    padding: 0;
}

.merge-pro-side .shop-list .shop-item .form-group label .checkbox-checkmark {
    margin: 0;
}

.merge-pro-side .shop-list .shop-item .shop-pro-img {
    max-width: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.merge-pro-side .shop-list .shop-item .shop-pro-img img {
    max-width: 100%;
    aspect-ratio: 1 / 1;
    mix-blend-mode: multiply;
}

.merge-pro-side .shop-list .shop-item .pro-det {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.merge-pro-side .shop-list .shop-item .pro-det .title {
    margin-bottom: 0;
}

.merge-pro-side .shop-list .shop-item .pro-det .title a {
    color: var(--darkGray-8);
    font-size: 0.75rem;
    line-height: 1.7;
}

.merge-pro-side .shop-list .shop-item .pro-det .pro-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.merge-pro-side .shop-list .shop-item .pro-det .pro-info span {
    font-size: 0.75rem;
    color: var(--secondary-5);
}

.merge-pro-side .shop-list .shop-item .pro-det .pro-info .price {
    font-weight: 500;
}

.merge-pro-side .details-list {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--gray-8);
    background-color: var(--gray-1);
}

.merge-pro-side .details-list .detail-item {
    padding: 0.5rem 1.5rem;
}

.merge-pro-side .details-list .detail-item .det-item-inner {
    padding-right: 0.75rem;
    border-right: 2px solid var(--darkGray-1);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.merge-pro-side .details-list .detail-item .det-item-inner .title {
    font-size: 0.75rem;
    font-weight: 500;
}

.merge-pro-side .details-list .detail-item .det-item-inner .value {
    font-size: 0.75rem;
    color: var(--secondary-5);
}

.dashboard-content.merge-page {
    padding-left: 1.5rem;
    padding-bottom: 4rem;
}

.info-box.closable {
    padding-right: 3.875rem;
}

.info-box.closable::before {
    right: 3rem;
}

.info-box.closable .close-btn {
    position: absolute;
    top: 1rem;
    right: 0.75rem;
    background-color: transparent;
    padding: 0;
    border: none;
    display: flex;
    font-size: 1.5rem;
    color: var(--warning-dark);
}

.info-box.closable.info-info .close-btn {
    color: var(--information-dark);
}

.info-box.closable.info-success .close-btn {
    color: var(--success-dark);
}

.info-box.closable .info-b-item p {
    line-height: 2rem;
}

.products-wrapper-header .nav {
    flex: 1;
    justify-content: center;
    gap: 3rem;
}

.products-wrapper-header .nav .nav-item {
    flex: 1;
    display: flex;
    position: relative;
}

.products-wrapper-header .nav .nav-item:not(:last-child)::after {
    content: '';
    width: 1px;
    height: 1.5rem;
    border-radius: 2px;
    background-color: var(--darkGray-1);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: calc(100% + 1.5rem);
}

.products-wrapper-header .nav .nav-item .nav-link {
    background-color: transparent;
    color: var(--black);
    flex: 1;
    padding: 0 0 0.75rem;
    position: relative;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
}

.products-wrapper-header .nav .nav-item .nav-link::after {
    content: '';
    width: 100%;
    height: 0.25rem;
    border-radius: 0.25rem;
    background-color: var(--darkGray-1);
    position: absolute;
    bottom: 0;
    right: 0;
}

.products-wrapper-header .nav .nav-item .nav-link.active {
    color: var(--black);
}

.products-wrapper-header .nav .nav-item .nav-link.active::after {
    background-color: var(--primary-8);
}

.post-item .product-item-icons.merge-actions .action-btn {
    display: flex;
    padding: 0.5rem;
    border: none;
    background-color: transparent;
}

.post-item .product-item-icons.merge-actions .action-btn .fi {
    transform: rotate(-90deg);
    font-size: 1rem;
    color: var(--secondary-5);
}

.pro-card .post-item .shops {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pro-card .post-item .shops .cat-status-badge.badge-gray {
    background-color: var(--darkGray-6);
}

.pro-card .post-item .shops .cat-status-badge.badge-gray span {
    color: var(--white);
}

.loading {
    display: none;
    justify-content: center;
    padding: 2rem;
}

.loading.show {
    display: flex;
}

.loading .fi {
    font-size: 1.5rem;
    color: var(--darkGray-6);
    animation: rotate 1.25s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.merge-page .merge-search-box {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: var(--gray-1);
    padding: 1rem;
    gap: 7rem;
}

.merge-page .merge-search-box .keywords-input {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 0.75rem;
}

.merge-page .merge-search-box .keywords-input .form-control {
    max-width: 30rem;
    font-weight: 300;
}

.merge-page .merge-search-box .main-pro-paginate {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.merge-page .merge-search-box .main-pro-paginate a {
    background-color: var(--white);
    border-radius: 0.5rem;
    padding: 0.5rem;
    display: flex;
    border: none;
}

.merge-page .merge-search-box .main-pro-paginate a.disabled {
    pointer-events: none;
}

.merge-page .merge-search-box .main-pro-paginate a .fi {
    color: var(--secondary-8);
}

.merge-page .merge-search-box .main-pro-paginate .label {
    font-size: 0.875rem;
    padding: 0.5rem;
    font-weight: 300;
    line-height: 1.25rem;
}

.merge-pro-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
}

.merge-pro-list .m-pro-item {
    padding: 0.75rem;
    display: flex;
    gap: 1.5rem;
    border-radius: 0.25rem;
}

.merge-pro-list .m-pro-item.main-pro {
    background-color: var(--gray-1);
}

.merge-pro-list .m-pro-item.main-pro .pro-content {
    gap: 0.5rem;
    padding: 0.25rem 0;
}

.merge-pro-list .m-pro-item .m-pro-img-holder {
    max-width: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.merge-pro-list .m-pro-item .m-pro-img-holder img {
    max-width: 100%;
    aspect-ratio: 1 / 1;
    mix-blend-mode: multiply;
}

.merge-pro-list .m-pro-item .pro-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.5rem 0;
    flex: 1;
}

.merge-pro-list .m-pro-item .pro-content .pro-title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 0;
}

.merge-pro-list .m-pro-item .pro-content .m-pro-badge {
    font-size: 0.75rem;
    color: var(--white);
    display: inline-flex;
    padding: 0.25rem 0.5rem;
    background-color: var(--darkGray-6);
    border-radius: 0.25rem;
}

.merge-pro-list .m-pro-item .pro-content .pro-price-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.merge-pro-list .m-pro-item .pro-content .pro-price-holder .pro-price {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.merge-pro-list .m-pro-item .pro-content .pro-price-holder .m-pro-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.merge-pro-list .m-pro-item .pro-content .pro-price-holder .m-pro-actions button {
    display: flex;
    background-color: transparent;
    border: none;
    padding: 0.5rem;
}

.merge-pro-list .m-pro-item .pro-content .pro-price-holder .m-pro-actions button .fi {
    color: var(--secondary-5);
    font-size: 1rem;
}

.merge-pro-list .m-pro-item .pro-content .pro-price-holder .m-pro-actions .compare-btn .fi {
    transform: rotate(-90deg);
}

.compare-pro-card {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0.75rem 0;
}

.compare-pro-card .compare-pro-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.compare-pro-card .compare-pro-img img {
    aspect-ratio: 1 / 1;
    max-width: 100%;
    mix-blend-mode: multiply;
}

.compare-pro-card .compare-title-holder {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.compare-pro-card .compare-title-holder .pro-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 2rem;
}

.compare-pro-card .compare-title-holder .badges {
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

.compare-pro-card .compare-title-holder .badges .pro-badge {
    font-size: 0.813rem;
    padding: 0.25rem;
    border-radius: 2px;
    background-color: var(--gray-6);
}

.compare-pro-card .compare-title-holder .badges .pro-badge.new {
    background-color: var(--information-ligt);
}

.compare-pro-card .pro-details {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.compare-pro-card .pro-details .details-title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.compare-pro-card .pro-details .details-list {
    display: flex;
    flex-direction: column;
}

.compare-pro-card .pro-details .details-list .det-item {
    padding: 0.5rem 0.75rem;
    background-color: var(--gray-1);
}

.compare-pro-card .pro-details .details-list .det-item:not(:last-child) {
    border-bottom: 1px solid var(--gray-8);
}

.compare-pro-card .pro-details .details-list .det-item .det-inner {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-right: 0.75rem;
    border-right: 2px solid var(--darkGray-1);
}

.compare-pro-card .pro-details .details-list .det-item .det-inner span {
    font-size: 0.75rem;
}

.compare-pro-card .pro-details .details-list .det-item .det-inner .title {
    font-weight: 500;
}

.compare-pro-card .pro-details .details-list .det-item .det-inner .value {
    font-weight: 300;
    color: var(--secondary-5);
}

.compare-modal .modal-body {
    max-height: calc(100vh - 14.25rem);
    overflow: auto;
}

.merge-search {
    padding: 1.5rem 1rem;
    border-bottom: 1px solid var(--gray-8);
}

.merge-search .search-sec {
    display: flex;
    margin-bottom: 0.5rem;
}

.merge-search .search-sec .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    line-height: 2.625rem;
}

.merge-search .search-sec .base-btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.merge-search p {
    line-height: 2rem;
    margin-bottom: 0;
    text-align: center;
}

.filters-card.no-radius {
    border-radius: 0;
}

.products-wrapper.no-radius {
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-radius: 0;
}

/* /Merge product single */

/* Merge request history */

.filters-card .filters-body .form-group .form-control {
    border: none;
    line-height: 2.5rem;
}

.filters-card .filters-body .base-btn {
    flex: 1;
}

.request-wrapper-body {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.req-card {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem;
    border-left: 1px solid var(--gray-8);
    border-bottom: 1px solid var(--gray-8);
    transition: all 0.3s ease-in;
}

.req-card:hover {
    background-color: var(--gray-1);
}

.req-card .req-pro-img {
    max-width: 10.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.req-card .req-pro-img img {
    max-width: 100%;
    aspect-ratio: 1 / 1;
    mix-blend-mode: multiply;
}

.req-card .req-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.req-card .req-content .req-info {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.req-card .req-content .req-info .req-det {
    display: flex;
    justify-content: space-between;
}

.req-time-status {
    display: flex;
    gap: 0.625rem;
    align-items: center;
}

.req-time-status .req-status {
    display: flex;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
}

.req-time-status .req-status.waiting {
    background-color: var(--gray-1);
    color: var(--darkGray-8);
}

.req-time-status .req-status.declined {
    background-color: var(--danger-light);
    color: var(--danger-dark);
}

.req-time-status .req-status.accepted {
    background-color: var(--success-light);
    color: var(--success-dark);
}

.req-time-status .req-status.incomplete {
    background-color: var(--warning-light);
    color: var(--warning-dark);
}

.req-time-status .req-time {
    font-size: 0.75rem;
    color: var(--darkGray-8);
}

.req-card .req-content .req-info .req-det .req-type {
    display: flex;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    background-color: var(--gray-1);
    font-size: 0.75rem;
}

.req-card .req-content .req-info .req-title-holder {
    padding-top: 0.75rem;
    border-top: 1px solid var(--gray-8);
}

.req-card .req-content .req-info .req-title-holder .req-title {
    margin-bottom: 0;
}

.req-card .req-content .req-info .req-title-holder .req-title a {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--black);
}

.req-card .req-content .req-count {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.req-card .req-content .req-count span {
    font-size: 0.75rem;
}

.products-wrapper .request-wrapper-body .req-card:nth-child(3n) {
    border-left: none;
}

.m-pro-item .pro-price-holder .pro-category {
    display: flex;
    align-items: center;
}

.m-pro-item .pro-price-holder .pro-category::before {
    content: '';
    width: 0.5rem;
    height: 2px;
    background-color: var(--information-6);
    border-radius: 2px;
    display: inline-block;
    margin-left: 0.25rem;
}

.m-pro-item.req-item .pro-content {
    padding: 0.25rem 0;
    gap: 0.75rem;
}

.m-pro-item.req-item .pro-content .req-id {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.m-pro-item.req-item .pro-content .req-id .req-id-title {
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 300;
    display: flex;
    align-items: center;
}

.m-pro-item.req-item .pro-content .req-id .req-id-title .fi {
    color: var(--information-6);
    margin-left: 0.5rem;
}

.m-pro-item.req-item .pro-content .req-id .req-id-holder {
    display: flex;
}

.m-pro-item.req-item .pro-content .req-id .req-id-holder .req-id-value {
    background-color: var(--gray-1);
    border-radius: 0 0.25rem 0.25rem 0;
    padding: 0.25rem;
    line-height: 1.5rem;
    font-size: 0.875rem;
    color: var(--secondary-6);
}

.m-pro-item.req-item .pro-content .req-id .req-id-holder .copy-btn {
    background-color: var(--gray-8);
    border-radius: 0.25rem 0 0 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    padding: 0.625rem;
}

.m-pro-item.req-item .pro-content .req-id .req-id-holder .copy-btn .fi {
    font-size: 0.75rem;
    color: var(--secondary-6);
}

/* /Merge request history */

/* Merge reports */

.report-card {
    border: 1px solid var(--gray-8);
    padding: 1rem;
    border-radius: 1rem;
    display: flex;
    gap: 1rem;
    align-items: center;
}

.report-card .report-badge {
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.report-card .report-badge.badge-success {
    background-color: var(--success-light);
}

.report-card .report-badge.badge-gray {
    background-color: var(--gray-1);
}

.report-card .report-badge.badge-warning {
    background-color: var(--warning-light);
}

.report-card .report-badge span {
    font-size: 2.25rem;
}

.report-card .report-badge.badge-success span {
    color: var(--success-dark);
}

.report-card .report-badge.badge-gray span {
    color: var(--secondary-8);
}

.report-card .report-badge.badge-warning span {
    color: var(--warning-dark);
}

.report-card .rep-card-content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.report-card .rep-card-content .rep-det {
    display: flex;
    gap: 0.625rem;
    align-items: center;
}

.report-card .rep-card-content .rep-det span {
    font-size: 1.25rem;
    font-weight: 600;
}

.report-des p {
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 2rem;
    text-align: justify;
}

.reports-sec {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.reports-sec .report-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
}

/* /Merge reports */

/* Tickets main */

.tickets-sidebar {
    padding-bottom: 1.5rem;
}

.sidebar-body .ticket-btns {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    padding-left: 1.5rem;
}

.sidebar-body .ticket-btns .base-btn.base-btn-lg {
    padding: 0 0.75rem;
    flex: 1;
    justify-content: flex-start;
    white-space: nowrap;
}

.tickets-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 37rem;
    overflow: auto;
    direction: ltr;
}

.tickets-list .ticket-item {
    padding-left: 1.5rem;
    position: relative;
    direction: rtl;
}

.tickets-list .ticket-item.active::after {
    content: '';
    width: 0.5rem;
    height: 100%;
    background-color: var(--primary-8);
    border-radius: 0 0.5rem 0.5rem 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.tickets-list .ticket-item a {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    color: var(--black);
}

.tickets-list .ticket-item a:hover,
.tickets-list .ticket-item.active a {
    background-color: var(--gray-1);
}

.tickets-list .ticket-item .ticket-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tickets-list .ticket-item .ticket-item-header .ticket-title-holder {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tickets-list .ticket-item .ticket-item-header .ticket-title-holder .fi {
    color: var(--darkGray-6);
    font-size: 1.5rem;
}

.tickets-list .ticket-item .ticket-item-header .ticket-title-holder.ticket-success .fi {
    color: var(--success-6);
}

.tickets-list .ticket-item .ticket-item-header .ticket-title-holder.ticket-warning .fi {
    color: var(--warning-6);
}

.tickets-list .ticket-item .ticket-item-header .ticket-title-holder.ticket-danger .fi {
    color: var(--danger-6);
}

.tickets-list .ticket-item .ticket-item-header .ticket-title-holder .ticket-title {
    font-size: 1rem;
    margin-bottom: 0;
}

.tickets-list .ticket-item .ticket-item-header .new-ticket {
    font-size: 1rem;
    color: var(--danger-6);
    display: flex;
}

.tickets-list .ticket-item .ticket-item-body {
    padding-right: 0.75rem;
}

.tickets-list .ticket-item .ticket-item-body .body-inner {
    border-right: 1px solid var(--darkGray-1);
    padding-right: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.tickets-list .ticket-item .ticket-item-body .body-inner .ticket-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tickets-list .ticket-item .ticket-item-body .body-inner .ticket-info .ticket-id {
    color: var(--darkGray-4);
    font-size: 0.75rem;
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

.tickets-list .ticket-item .ticket-item-body .body-inner .ticket-info .ticket-time {
    font-size: 0.75rem;
    font-weight: 300;
    color: var(--darkGray-8);
}

.tickets-list .ticket-item .ticket-item-body .body-inner .tickets-badges {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tickets-list .ticket-item .ticket-item-body .body-inner .tickets-badges .badge-item {
    display: flex;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    transition: all 0.3s ease-in;
}

.tickets-list .ticket-item .ticket-item-body .body-inner .tickets-badges .badge-item.badge-gray {
    font-weight: 300;
    color: var(--black);
    background-color: var(--gray-1);
}

.tickets-list .ticket-item a:hover .ticket-item-body .body-inner .tickets-badges .badge-item.badge-gray {
    background-color: var(--white);
}

.tickets-list .ticket-item .ticket-item-body .body-inner .tickets-badges .badge-item.badge-secondary {
    color: var(--white);
    background-color: var(--secondary-7);
}

/* /Tickets main */

/* Shops login */

.shop-signup {
    background-color: var(--gray-1);
}

.shop-signup .form-holder {
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    padding: 0 1.5rem 1.5rem 1.5rem;
    min-height: 100vh;
    gap: 2.25rem;
    align-items: center;
}

.shop-signup .form-holder .page-title-holder {
    display: flex;
    padding: 1.5rem 0.75rem 0.5rem 0.75rem;
    background-color: var(--secondary-7);
}

.shop-signup .form-holder .page-title-holder .page-title {
    color: var(--white);
    font-size: 0.875rem;
    font-weight: 300;
}

.shop-signup .form-holder .logo-holder {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.shop-signup .form-holder .logo-holder p {
    font-size: 0.75rem;
    color: var(--secondary-8);
    margin-bottom: 0;
}

.shop-signup .login-register-tabs {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
}

.shop-signup .login-register-tabs .tab-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shop-signup .login-register-tabs .tab-item .steps {
    display: flex;
    align-items: center;
}

.shop-signup .login-register-tabs .tab-item .steps::before {
    content: '';
    width: 2px;
    height: 1rem;
    background-color: var(--primary-1);
    border-radius: 2px;
    margin-left: 0.5rem;
}

.shop-signup .login-register-tabs .tab-item .steps span {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--secondary-6);
    line-height: 2rem;
}

.shop-signup .login-register-tabs .tab-item:not(:last-child)::after {
    content: '';
    width: 2px;
    height: 1rem;
    display: inline-block;
    margin-right: 1.5rem;
    background-color: var(--darkGray-1);
}

.shop-signup .login-register-tabs .tab-item a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.shop-signup .login-register-tabs .tab-item a .fi {
    font-size: 1.25rem;
    color: var(--darkGray-8);
}

.shop-signup .login-register-tabs .tab-item.active a .fi {
    color: var(--primary-8);
}

.shop-signup .login-register-tabs .tab-item a span {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 2rem;
    color: var(--darkGray-8);
}

.shop-signup .login-register-tabs .tab-item.active a span {
    color: var(--black);
}

.timer-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.timer-holder .reset-btn {
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 500;
}

.timer-holder .reset-btn:disabled {
    color: var(--darkGray-8);
}

.timer-holder .timer {
    font-size: 1rem;
    color: var(--darkGray-8);
    font-weight: 500;
}

.timer-holder .timer.over {
    color: var(--danger-6);
}

.shop-signup .base-btn.submit-btn {
    width: 100%;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.shop-signup .info {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.login-register-des {
    display: flex;
    flex-direction: column;
    gap: 2.25rem;
    padding: 7.5rem 1.5rem 1.5rem 1.5rem;
}

.login-register-des .main-des {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.login-register-des .main-des .main-des-title {
    font-size: 2rem;
    font-weight: 600;
    color: var(--secondary-8);
    margin-bottom: 0;
}

.login-register-des .main-des .main-des-subtitle {
    font-size: 1rem;
    color: var(--secondary-4);
    padding: 0.25rem 0.5rem;
    background-color: var(--white);
}

.login-register-des .des-container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: flex-start;
}

.login-register-des .des-container .des-inner .des-title {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: var(--secondary-6);
}

.login-register-des .des-container .des-inner p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 2rem;
    color: var(--secondary-4);
    text-align: justify;
}

.login-register-des .des-container .hint {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    color: var(--secondary-7);
}

.login-register-des .des-container .hint .fi {
    font-size: 1rem;
    color: var(--primary-7);
}

.shop-signup .back-btn {
    display: flex;
    padding: 0.75rem;
    background-color: var(--secondary-7);
    border: none;
    position: fixed;
    top: 0.75rem;
    right: 0.75rem;
    transition: all 0.3s ease-in;
}

.shop-signup .back-btn:hover {
    background-color: var(--secondary-8);
}

.shop-signup .back-btn .fi {
    color: var(--white);
    font-size: 1.5rem;
}

/* /Shops login */

/* Shop register steps */

.form-group .shop-type {
    display: flex;
    gap: 1.5rem;
}

.form-group .shop-type label input {
    display: none;
}

.form-group .shop-type label {
    flex: 1;
}

.form-group .shop-type label .label {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    background-color: var(--gray-8);
    border-radius: 0.5rem;
    justify-content: center;
    color: var(--secondary-5);
    font-size: 0.875rem;
    padding: 0 0.875rem;
    line-height: 3rem;
}

.form-group .shop-type label .label .fi {
    font-size: 1.25rem;
}

.form-group .shop-type label input:checked ~ .label {
    background-color: var(--secondary-7);
    color: var(--white);
}

.inline-form-group {
    display: flex;
    gap: 1.25rem;
}

.inline-form-group .form-group {
    flex: 1;
}

.shop-signup .field-lg .custom-select-box.select-sm .select2-container .select2-selection--single {
    background-color: var(--white);
    border: 1px solid var(--gray-8);
    padding: 0.75rem 1rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--gray-8);
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--secondary-6);
    outline: none;
}

.form-group .hint {
    font-size: 0.875rem;
    font-weight: 300;
    margin-top: 0.5rem;
    color: var(--darkGray-8);
}

.form-group .hint.hint-danger {
    color: var(--primary-8);
}

.shop-signup .form-title {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.shop-signup .form-title .fi {
    color: var(--information-6);
    margin-left: 0.5rem;
}

.form-group .checkbox-group .inline-radio-btns {
    display: flex;
    gap: 1.5rem;
}

.form-group .checkbox-group .inline-radio-btns label {
    flex: 1;
}

.shop-signup .form-actions-btn {
    display: flex;
    gap: 1.5rem;
}

.shop-signup .form-actions-btn .base-btn {
    margin-bottom: 0;
}

.shop-signup .address-hint {
    margin-bottom: 1.5rem;
    line-height: 2rem;
    color: var(--secondary-5);
}

.form-group .map-holder {
    height: 25rem;
    background-color: var(--gray-8);
}

.shop-signup .form-group .hint-box {
    margin-top: 0.75rem;
}

.shop-signup .form-group .hint-box p {
    line-height: 2rem;
}

.form-group .input-wrapper.date-picker::after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: 1rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1822_41831)'%3E%3Cpath d='M19 2.19995H18V1.19995C18 0.934735 17.8946 0.680381 17.7071 0.492844C17.5196 0.305308 17.2652 0.199951 17 0.199951C16.7348 0.199951 16.4804 0.305308 16.2929 0.492844C16.1054 0.680381 16 0.934735 16 1.19995V2.19995H8V1.19995C8 0.934735 7.89464 0.680381 7.70711 0.492844C7.51957 0.305308 7.26522 0.199951 7 0.199951C6.73478 0.199951 6.48043 0.305308 6.29289 0.492844C6.10536 0.680381 6 0.934735 6 1.19995V2.19995H5C3.67441 2.20154 2.40356 2.72883 1.46622 3.66617C0.528882 4.60351 0.00158786 5.87436 0 7.19995L0 19.2C0.00158786 20.5255 0.528882 21.7964 1.46622 22.7337C2.40356 23.6711 3.67441 24.1984 5 24.2H19C20.3256 24.1984 21.5964 23.6711 22.5338 22.7337C23.4711 21.7964 23.9984 20.5255 24 19.2V7.19995C23.9984 5.87436 23.4711 4.60351 22.5338 3.66617C21.5964 2.72883 20.3256 2.20154 19 2.19995ZM2 7.19995C2 6.4043 2.31607 5.64124 2.87868 5.07863C3.44129 4.51602 4.20435 4.19995 5 4.19995H19C19.7956 4.19995 20.5587 4.51602 21.1213 5.07863C21.6839 5.64124 22 6.4043 22 7.19995V8.19995H2V7.19995ZM19 22.2H5C4.20435 22.2 3.44129 21.8839 2.87868 21.3213C2.31607 20.7587 2 19.9956 2 19.2V10.2H22V19.2C22 19.9956 21.6839 20.7587 21.1213 21.3213C20.5587 21.8839 19.7956 22.2 19 22.2Z' fill='%238D99AE'/%3E%3Cpath d='M12 16.7C12.8284 16.7 13.5 16.0284 13.5 15.2C13.5 14.3715 12.8284 13.7 12 13.7C11.1716 13.7 10.5 14.3715 10.5 15.2C10.5 16.0284 11.1716 16.7 12 16.7Z' fill='%238D99AE'/%3E%3Cpath d='M7 16.7C7.82843 16.7 8.5 16.0284 8.5 15.2C8.5 14.3715 7.82843 13.7 7 13.7C6.17157 13.7 5.5 14.3715 5.5 15.2C5.5 16.0284 6.17157 16.7 7 16.7Z' fill='%238D99AE'/%3E%3Cpath d='M17 16.7C17.8284 16.7 18.5 16.0284 18.5 15.2C18.5 14.3715 17.8284 13.7 17 13.7C16.1716 13.7 15.5 14.3715 15.5 15.2C15.5 16.0284 16.1716 16.7 17 16.7Z' fill='%238D99AE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1822_41831'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 0.199951)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
}

.form-group .input-wrapper .search-btn {
    background-color: transparent;
    padding: 0;
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1rem;
    margin: auto 0;
    height: 1.5rem;
    width: 1.5rem;
}

.form-group .input-wrapper .search-btn .fi {
    font-size: 1.5rem;
    color: var(--darkGray-8);
}

.shop-signup .fields-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem 0;
    max-height: 28rem;
    overflow: auto;
    margin-bottom: 1.5rem;
}

.shop-signup .fields-list .field-item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    background-color: var(--gray-1);
    border-radius: 0.5rem;
    transition: all 0.3s ease-in;
    color: var(--black);
}

.shop-signup .fields-list .back-to-main {
    display: flex;
    justify-content: flex-end;
}

.shop-signup .fields-list .back-to-main a {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--secondary-6);
}

.shop-signup .fields-list .field-item a:hover {
    background-color: var(--gray-8);
}

.shop-signup .fields-list .field-item a .field-title-sec {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.shop-signup .fields-list .field-item a .field-title-sec .field-title {
    font-size: 0.875rem;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 1.25rem;
}

.shop-signup .fields-list .field-item a .arrow {
    display: flex;
}

.shop-signup .fields-list .field-item a .arrow .fi {
    font-size: 1.5rem;
    color: var(--darkGray-8);
}

*::-webkit-scrollbar {
    width: 5px;
}

*::-webkit-scrollbar-track {
    background: var(--gray-8);
    border-radius: 5px;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--darkGray-1);
    border-radius: 4px;
}

.shop-signup .fields-list.second-list .field-item label {
    padding: 0.625rem 1rem;
    background-color: var(--gray-1);
    border-radius: 0.5rem;
}

.shop-signup .form-group .file-thumbnail {
    max-width: 9rem;
}

.shop-signup .form-group .shop-images {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.shop-signup .form-group .shop-images .thumbnail-item {
    position: relative;
}

.shop-signup .form-group .shop-images .thumbnail-item .delete-thumbnail {
    display: flex;
    border: none;
    border-radius: 0.25rem;
    background-color: var(--danger-light);
    width: 1.5rem;
    height: 1.5rem;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    padding: 0;
}

.shop-signup .form-group .shop-images .thumbnail-item .delete-thumbnail .fi {
    font-size: 0.75rem;
    color: var(--danger-6);
}

.shop-signup .form-group .inline-input .inline-input-actions .base-btn:disabled {
    opacity: 0.5;
}

.shop-signup .form-group .c-label .edit-num {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.shop-signup .form-group .c-label .edit-num .label {
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--secondary-5);
}

.shop-signup .form-group .c-label .edit-num .edit-btn {
    background-color: transparent;
    color: var(--primary-7);
    padding: 0;
    border: none;
    font-size: 0.875rem;
}

.shop-signup .contract-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--secondary-8);
    margin-bottom: 0;
}

.shop-signup .contract-content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 42.75rem;
    overflow: auto;
    padding: 0.75rem 0 0.75rem 0.5rem;
    margin-bottom: 1.5rem;
}

.shop-signup .contract-content .main-title {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--secondary-6);
}

.shop-signup .contract-content p {
    margin-bottom: 0;
    color: var(--secondary-4);
    font-size: 1rem;
    font-weight: 300;
    line-height: 2rem;
    text-align: justify;
}

/* /Shop register steps */

/* Shop register tracking */

.register-status {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.register-status .fi {
    color: var(--success-6);
    font-size: 1rem;
}

.register-status .label {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 2rem;
    color: var(--secondary-6);
}

.register-steps {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.register-steps .step a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    border: 1px solid var(--gray-8);
    background-image: linear-gradient(to left, rgba(247, 249, 250, 1), rgba(247, 249, 250, 0));
}

.register-steps .step a .label {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--black);
}

.register-steps .step a .actions {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.register-steps .step a .actions .status-badge {
    display: flex;
}

.register-steps .step a .actions .status-badge.complete {
    color: var(--success-6);
    font-size: 1.5rem;
}

.register-steps .step a .actions .status-badge.waiting {
    color: var(--warning-dark);
    background-color: var(--warning-light);
    border-radius: 0.25rem;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.register-steps .step a .actions .status-badge.incomplete {
    color: var(--black);
    background-color: var(--gray-1);
    border-radius: 0.25rem;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.register-steps .step a .actions .arrow {
    font-size: 1.5rem;
    color: var(--darkGray-8);
    display: flex;
}

/* /Shop register tracking */

/* Ticket single */

.base-card-header .tickets-badges {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.base-card-header .tickets-badges .ticket-badge {
    display: flex;
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.base-card-header .tickets-badges .ticket-badge.badge-white {
    background-color: var(--white);
    font-weight: 300;
    color: var(--black);
}

.base-card-header .tickets-badges .ticket-badge.badge-secondary {
    background-color: var(--secondary-7);
    color: var(--white);
}

.base-card-body .messages {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2rem;
}

.base-card-body .messages .message-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.base-card-body .messages .message-item.user-message,
.base-card-body .messages .message-item.system-message {
    flex-direction: row-reverse;
    padding-right: 3.5rem;
}

.base-card-body .messages .message-item.seller-message {
    padding-left: 3.5rem;
}

.base-card-body .messages .message-item .message-avatar {
    display: flex;
    border-radius: 1rem 1rem 0.25rem 1rem;
    background-color: var(--gray-8);
    font-size: 2rem;
    color: var(--secondary-5);
    min-width: 3.5rem;
    min-height: 3.5rem;
    justify-content: center;
    align-items: center;
    padding: 0.75rem;
}

.base-card-body .messages .message-item.system-message .message-avatar {
    background-color: var(--primary-8);
}

.base-card-body .messages .message-item.seller-message .message-avatar {
    background-color: var(--secondary-8);
    border-radius: 1rem 1rem 1rem 0.25rem;
    font-size: 1.5rem;
    color: var(--white);
}

.base-card-body .messages .message-item .message-content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 0.75rem;
    align-items: flex-end;
}

.base-card-body .messages .message-item.seller-message .message-content {
    align-items: flex-start;
}

.base-card-body .messages .message-item .message-content .message-time {
    display: flex;
    justify-content: flex-end;
}

.base-card-body .messages .message-item .message-content .message-time span {
    font-size: 0.75rem;
    font-weight: 300;
    color: var(--secondary-5);
}

.base-card-body .messages .message-item .message-content .message-box {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 0.25rem 1rem 1rem 1rem;
    align-items: flex-start;
}

.base-card-body .messages .message-item.user-message .message-content .message-box {
    background-color: var(--gray-1);
}

.base-card-body .messages .message-item.system-message .message-content .message-box {
    background-color: var(--warning-light);
}

.base-card-body .messages .message-item.seller-message .message-content .message-box {
    background-color: var(--white);
    border: 1px solid var(--gray-8);
    border-radius: 1rem 0.25rem 1rem 1rem;
}

.base-card-body .messages .message-item .message-content .message-box p {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 2rem;
    margin-bottom: 0;
    text-align: justify;
}

.base-card-body .messages .message-item .message-content .message-box .details-table {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0.75rem;
    background-color: var(--white);
    border-radius: 0.5rem;
    width: 100%;
}

.base-card-body .messages .message-item .message-content .message-box .details-table .d-table-header .d-table-title {
    display: flex;
    margin-bottom: 0;
    gap: 0.25rem;
    font-size: 1rem;
    font-weight: 500;
}

.base-card-body .messages .message-item .message-content .message-box .details-table .d-table-body {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.base-card-body .messages .message-item .message-content .message-box .details-table .d-table-body .d-row:not(:last-child) {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--gray-8);
}

.base-card-body .messages .message-item .message-content .message-box .details-table .d-table-body .d-row .title {
    font-size: 0.875rem;
    font-weight: 300;
}


.base-card-body .messages .message-item .message-content .message-box .details-table .d-table-body .d-row .value {
    font-size: 0.875rem;
    font-weight: 500;
}

.base-card-body .messages .message-item .message-content .message-box .base-btn {
    padding: 0 0.75rem;
}

.base-card-body .messages .message-item .message-content .message-box .base-btn .fi {
    margin-left: 0.75rem;
}

.base-card-body .messages .message-item .message-content .message-box .attachment {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.base-card-body .messages .message-item .message-content .message-box .attachment .attachment-content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.base-card-body .messages .message-item .message-content .message-box .attachment .attachment-content .file-name {
    text-align: left;
    font-size: 0.875rem;
    font-weight: 300;
}

.base-card-body .messages .message-item .message-content .message-box .attachment .attachment-img img {
    border-radius: 0.5rem;
}

.base-card-body .messages .message-item .message-content .message-box .attachment .base-btn {
    padding: 0 1rem;
    align-self: flex-start;
    font-weight: 400;
}

.base-card-body .messages .message-item .message-content .message-box .attachment .base-btn .fi {
    margin-left: 0.75rem;
}

.base-card-body .message-reply {
    padding-top: 1.5rem;
    border-top: 5px solid var(--darkGray-1);
}

.base-card-body .message-reply .form-holder {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.base-card-body .message-reply .form-holder .attachment-files {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.base-card-body .message-reply .form-holder .attachment-files .file-item {
    display: flex;
    gap: 0.2rem;
}

.base-card-body .message-reply .form-holder .attachment-files .file-item .delete-btn {
    background-color: var(--danger-light);
    border-radius: 0.5rem;
    border: none;
    color: var(--danger-6);
    display: flex;
    width: 2.25rem;
    height: 2.25rem;
    justify-content: center;
    align-items: center;
}

.base-card-body .message-reply .form-holder .reply-send .fi {
    transform: rotate(-90deg);
}

.dashboard-body .ticket-vote {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
    background-color: var(--gray-1);
    border-radius: 1rem;
    align-items: center;
    margin-bottom: 3rem;
    width: 100%;
}

.dashboard-body .ticket-vote .vote-icon {
    display: flex;
    color: var(--darkGray-1);
    font-size: 3rem;
}

.dashboard-body .ticket-vote .label {
    font-size: 1rem;
    font-weight: 500;
}

.dashboard-body .ticket-vote .vote-btns {
    display: flex;
    gap: 0.75rem;
    width: 100%;
}

.dashboard-body .ticket-vote .vote-btns .vote-button {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 0.875rem;
    font-weight: 300;
    gap: 0.75rem;
    padding: 0.5rem;
    justify-content: center;
    border: none;
    border-radius: 0.5rem;
}

.dashboard-body .ticket-vote .vote-btns .vote-button .fi {
    font-size: 1.5rem;
}

.dashboard-body .ticket-vote .vote-btns .vote-button.ticket-success {
    background-color: var(--success-light);
    color: var(--success-dark);
}

.dashboard-body .ticket-vote .vote-btns .vote-button.ticket-success .fi {
    color: var(--success-6);
}

.dashboard-body .ticket-vote .vote-btns .vote-button.ticket-warning {
    background-color: var(--warning-light);
    color: var(--warning-dark);
}

.dashboard-body .ticket-vote .vote-btns .vote-button.ticket-warning .fi {
    color: var(--warning-6);
}

.dashboard-body .ticket-vote .vote-btns .vote-button.ticket-danger {
    background-color: var(--danger-light);
    color: var(--danger-dark);
}

.dashboard-body .ticket-vote .vote-btns .vote-button.ticket-danger .fi {
    color: var(--danger-6);
}

.dashboard-body .ticket-vote .vote-btns .vote-button .fi.flip-up {
    transform: scaleY(-1);
}

/* /Ticket single */

/* New Ticket */

.submit-ticket-holder {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.submit-ticket-holder .s-t-header-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--gray-8);
}

.submit-ticket-holder .s-t-header-sec .s-t-title {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.submit-ticket-holder .s-t-header-sec .s-t-title .title {
    font-size: 1rem;
    font-weight: 500;
}

.submit-ticket-holder .s-t-header-sec .s-t-title .back-btn {
    display: flex;
    padding: 0;
    border: none;
    background-color: transparent;
    color: var(--darkGray-8);
}

.submit-ticket-holder .s-t-header-sec .ticket-breadcrumb {
    display: flex;
    gap: 0.25rem;
}

.submit-ticket-holder .s-t-header-sec .ticket-breadcrumb .tb-item {
    display: flex;
    align-items: center;
    color: var(--primary-7);
    font-size: 0.875rem;
    position: relative;
}

.submit-ticket-holder .s-t-header-sec .ticket-breadcrumb li:not(:last-child) .tb-item::after {
    content: '';
    width: 1rem;
    height: 1rem;
    display: inline-flex;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.85917 12.8933L5.13917 9.16661C5.01501 9.0417 4.94531 8.87274 4.94531 8.69661C4.94531 8.52049 5.01501 8.35152 5.13917 8.22661L8.85917 4.49994C8.95242 4.40593 9.07156 4.34181 9.20139 4.31576C9.33122 4.28971 9.46587 4.30292 9.58816 4.3537C9.71046 4.40448 9.81486 4.49052 9.88806 4.60087C9.96126 4.71122 9.99994 4.84086 9.99917 4.97328V12.4199C9.99994 12.5524 9.96126 12.682 9.88806 12.7924C9.81486 12.9027 9.71046 12.9887 9.58816 13.0395C9.46587 13.0903 9.33122 13.1035 9.20139 13.0775C9.07156 13.0514 8.95242 12.9873 8.85917 12.8933Z' fill='%234C5075'/%3E%3C/svg%3E%0A");
}

.submit-ticket-holder .subjects-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.submit-ticket-holder .subjects-list .subject-item {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    background-color: var(--gray-8);
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    border: none;
}

.submit-ticket-holder .subjects-list .subject-item .label {
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--black);
}

.submit-ticket-holder .subjects-list .subject-item .arrow {
    display: flex;
    font-size: 1.5rem;
    color: var(--darkGray-8);
}

.ticket-final-step {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ticket-final-step.gap-24 {
    gap: 1.5rem;
}

.ticket-final-step .main-title {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0;
}

.ticket-final-step p {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 2rem;
    margin-bottom: 0;
}

.ticket-final-step .multiple-form-holder {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ticket-final-step .multiple-form-holder .mf-item {
    display: flex;
}

.ticket-final-step .multiple-form-holder .mf-item .form-control {
    line-height: 2.625rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ticket-final-step .multiple-form-holder .mf-item .action-btn {
    display: flex;
    border: none;
    padding: 0 0.875rem;
    font-size: 1rem;
    color: var(--white);
    align-items: center;
    border-radius: 0.5rem 0 0 0.5rem;
}

.ticket-final-step .multiple-form-holder .mf-item .action-btn.add-btn {
    background-color: var(--success-6);
}

.ticket-final-step .multiple-form-holder .mf-item .action-btn.remove-btn {
    background-color: var(--danger-6);
}

.submit-ticket-holder .submit-actions {
    display: flex;
    gap: 0.625rem;
    justify-content: flex-end;
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid var(--gray-8);
}

.ticket-final-step ol {
    padding-right: 1rem;
    margin: 0;
}

/* /New Ticket */

/* Ticket setting */

.modal-body .setting-list .setting-item {
    padding: 0.5rem 0;
}

.modal-body .setting-list .setting-item .switch-btn .title {
    font-size: 0.875rem;
}

/* /Ticket setting */

/* Product Single */

.header .img-logo {
    margin-bottom: 0;
}

.headerBox .header .img-logo img {
    max-width: 6.25rem;
}

.header .box-search {
    width: auto;
    flex: 1;
}

.headerBox .header .box-search .input-search-box input {
    line-height: 2.875rem;
}

.headerBox .header .box-search .search-btn {
    left: 1.5rem;
    top: 0.75rem;
    padding: 0;
}

.headerBox .header {
    display: flex;
    align-items: center;
    padding: 1.5rem 0.75rem 1rem 0.75rem;
    gap: 1.5rem;
}

.headerBox .header .input-search-box {
    margin-bottom: 0;
}

.headerBox .main-menu {
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
}

.breadcrumb-section {
    display: flex;
    padding: 1.5rem 0;
    background-color: var(--gray-1);
}

.breadcrumb-section .breadcrumb-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.breadcrumb-section .breadcrumb-holder .custom-breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.breadcrumb-section .breadcrumb-holder .custom-breadcrumb li:not(:last-child)::after {
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.29993 6.35491C5.25307 6.30843 5.21587 6.25313 5.19048 6.1922C5.1651 6.13127 5.15203 6.06591 5.15203 5.99991C5.15203 5.9339 5.1651 5.86855 5.19048 5.80762C5.21587 5.74669 5.25307 5.69139 5.29993 5.64491L7.59493 3.35491C7.64179 3.30843 7.67899 3.25313 7.70438 3.1922C7.72976 3.13127 7.74283 3.06591 7.74283 2.99991C7.74283 2.9339 7.72976 2.86855 7.70438 2.80762C7.67899 2.74669 7.64179 2.69139 7.59493 2.64491C7.50125 2.55178 7.37452 2.49951 7.24243 2.49951C7.11034 2.49951 6.98361 2.55178 6.88993 2.64491L4.59493 4.93991C4.31403 5.22116 4.15625 5.60241 4.15625 5.99991C4.15625 6.39741 4.31403 6.77866 4.59493 7.05991L6.88993 9.35491C6.98306 9.44728 7.10876 9.49936 7.23993 9.49991C7.30573 9.50029 7.37097 9.48768 7.43188 9.46279C7.4928 9.43791 7.54821 9.40125 7.59493 9.35491C7.64179 9.30843 7.67899 9.25313 7.70438 9.1922C7.72976 9.13127 7.74283 9.06591 7.74283 8.99991C7.74283 8.9339 7.72976 8.86855 7.70438 8.80762C7.67899 8.74669 7.64179 8.69139 7.59493 8.64491L5.29993 6.35491Z' fill='%238589AF'/%3E%3C/svg%3E%0A");
    margin-right: 0.25rem;
    vertical-align: middle;
}

.breadcrumb-section .breadcrumb-holder .custom-breadcrumb li a {
    font-size: 0.813rem;
    font-weight: 300;
    color: var(--secondary-5);
}

.breadcrumb-section .breadcrumb-holder .custom-breadcrumb li a:hover {
    color: var(--secondary-8);
}

.breadcrumb-section .breadcrumb-holder .custom-breadcrumb li span {
    font-size: 0.813rem;
    font-weight: 300;
    color: var(--secondary-3);
}

.breadcrumb-section .breadcrumb-holder .breadcrumb-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.breadcrumb-section .breadcrumb-holder .breadcrumb-actions .action-item a {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.breadcrumb-section .breadcrumb-holder .breadcrumb-actions .action-item a .fi {
    color: var(--primary-1);
    font-size: 1rem;
    transition: all 0.3s ease-in;
}

.breadcrumb-section .breadcrumb-holder .breadcrumb-actions .action-item a {
    font-size: 0.875rem;
    color: var(--secondary-5);
}

.breadcrumb-section .breadcrumb-holder .breadcrumb-actions .action-item a:hover {
    color: var(--secondary-8);
}

.breadcrumb-section .breadcrumb-holder .breadcrumb-actions .action-item a:hover .fi {
    color: var(--primary-4);
}

.product-main-info-section {
    margin-bottom: 1.5rem;
}

.product-main-info-section .pro-title-img {
    padding: 1.5rem 0 1.5rem 1.5rem;
    border-left: 2px solid var(--gray-8);
    border-bottom: 2px solid var(--gray-8);
    display: flex;
    gap: 1.5rem;
    height: 100%;
}

.pro-title-img .pro-image-gallery-holder {
    padding: 0.75rem;
    max-width: 20.625rem;
    background-color: var(--gray-1);
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    aspect-ratio: 1 / 1;
}

.pro-title-img .pro-image-gallery-holder img {
    max-width: 100%;
    aspect-ratio: 1 / 1;
    mix-blend-mode: multiply;
}

.pro-title-img .pro-shopping-info {
    flex: 1;
}

.lg-container {
    font-family: 'Dana', serif;
}

.lg-container .lg-outer .lg-inner {
    direction: ltr;
}

.pro-title-img .pro-image-gallery-holder .gallery-actions {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
}

.pro-title-img .pro-image-gallery-holder .gallery-actions span {
    background-color: var(--white);
    border-radius: 0.25rem;
    display: flex;
}

.pro-title-img .pro-image-gallery-holder .gallery-actions .image-count {
    padding: 0 0.5rem;
    font-size: 0.75rem;
    color: var(--secondary-5);
    line-height: 1.5rem;
}

.pro-title-img .pro-image-gallery-holder .gallery-actions .zoom-btn {
    padding: 0.25rem;
    font-size: 1rem;
    color: var(--secondary-4);
}

.product-main-info-section .pro-title-img .pro-shopping-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-main-info-section .pro-title-img .pro-shopping-info .pro-title {
    font-size: 1.125rem;
    line-height: 2.125rem;
    font-weight: 600;
}

.pro-shopping-info .shopping-details {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.pro-shopping-info .shopping-details .pro-rate-shop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pro-shopping-info .shopping-details .pro-rate-shop .pro-shops a {
    display: flex;
}

.pro-shopping-info .shopping-details .pro-rate-shop .pro-shops .shops {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background-color: var(--gray-1);
    border-radius: 0 0.5rem 0.5rem 0;
    padding: 0.75rem;
}

.pro-shopping-info .shopping-details .pro-rate-shop .pro-shops .shops .fi {
    font-size: 1rem;
    color: var(--secondary-1);
}

.pro-shopping-info .shopping-details .pro-rate-shop .pro-shops .shops span {
    font-size: 0.875rem;
    color: var(--secondary-8);
}

.pro-shopping-info .shopping-details .pro-rate-shop .pro-shops .show-shops {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.75rem;
    background-color: var(--gray-8);
    border-radius: 0.5rem 0 0 0.5rem;
    font-size: 0.875rem;
    color: var(--secondary-6);
}

.pro-shopping-info .shopping-details .pro-rate-shop .pro-shops .show-shops .fi {
    font-size: 1rem;
}

.pro-shopping-info .shopping-details .pro-rate-shop .pro-rate {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pro-shopping-info .shopping-details .pro-rate-shop .pro-rate .rate-score {
    border: 1px solid var(--gray-8);
    border-radius: 0.5rem;
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro-shopping-info .shopping-details .pro-rate-shop .pro-rate .rate-score span {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--secondary-8);
    line-height: 1.25rem;
}

.pro-shopping-info .shopping-details .pro-rate-shop .pro-rate .rate-det {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.pro-shopping-info .shopping-details .pro-rate-shop .pro-rate .rate-det .label {
    display: flex;
    gap: 0.25rem;
}

.pro-shopping-info .shopping-details .pro-rate-shop .pro-rate .rate-det .label span {
    font-size: 0.75rem;
    color: var(--secondary-8);
}

.pro-shopping-info .shopping-details .pro-rate-shop .pro-rate .rate-det .stars {
    display: flex;
    gap: 0.25rem;
}

.pro-shopping-info .shopping-details .pro-rate-shop .pro-rate .rate-det .stars .rate-star {
    font-size: 0.75rem;
    color: var(--warning-6);
    display: flex;
}

.shopping-details .suggest-actions {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.shopping-details .suggest-actions .suggested-shop a {
    display: flex;
    background-color: var(--primary-6);
    border-radius: 0.8rem;
    align-items: center;
    color: var(--white);
}

.shopping-details .suggest-actions .suggested-shop.suggested-offline-shop a {
    background-color: var(--information-6);
}

.shopping-details .suggest-actions .suggested-shop a:hover {
    background-color: var(--primary-8);
}

.shopping-details .suggest-actions .suggested-shop.suggested-offline-shop a:hover {
    background-color: var(--information-dark);
}

.shopping-details .suggest-actions .suggested-shop a .shop-info {
    flex: 1;
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 1.25rem;
    align-items: center;
}

.shopping-details .suggest-actions .suggested-shop a .shop-info .shop-info-det {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.shopping-details .suggest-actions .suggested-shop a .shop-info .shop-info-det .fi {
    font-size: 2rem;
}

.shopping-details .suggest-actions .suggested-shop a .shop-info .shop-info-det .shop-title-price {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.shopping-details .suggest-actions .suggested-shop a .shop-info .shop-info-det .shop-title-price .shop-title {
    font-size: 0.875rem;
    font-weight: 500;
}

.shopping-details .suggest-actions .suggested-shop a .shop-info .shop-info-det .shop-title-price .price {
    font-size: 1rem;
    font-weight: 700;
}

.shopping-details .suggest-actions .suggested-shop a .shop-info .arrow-left {
    display: flex;
    font-size: 1.5rem;
}

.shopping-details .suggest-actions .suggested-shop a .shop-badge-sec {
    padding-left: 1.5rem;
    display: flex;
}

.shopping-details .suggest-actions .suggested-shop a .shop-badge-sec .shop-badge {
    display: flex;
    font-size: 0.875rem;
    color: var(--primary-7);
    background-color: var(--white);
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
}

.shopping-details .suggest-actions .suggested-shop.suggested-offline-shop a .shop-badge-sec .shop-badge {
    color: var(--information-dark);
}

.shopping-details .suggest-actions .pro-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shopping-details .suggest-actions .pro-actions .report-pro {
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--darkGray-8);
    border: none;
    padding: 0;
}

.shopping-details .suggest-actions .pro-actions .report-pro .fi {
    font-size: 1rem;
}

.shopping-details .suggest-actions .pro-actions .pro-main-actions {
    display: flex;
    gap: 1rem;
}

.shopping-details .suggest-actions .pro-actions .pro-main-actions .action-item {
    display: flex;
    border: none;
    padding: 0;
    background-color: transparent;
}

.shopping-details .suggest-actions .pro-actions .pro-main-actions .action-item .fi {
    font-size: 1rem;
    color: var(--darkGray-6);
}

.shopping-details .suggest-actions .pro-actions .pro-main-actions .action-item.active .fi-rr-heart::before {
    font-family: uicons-solid-rounded !important;
    content: "\f590";
    color: var(--danger-6)
}

.shopping-details .suggest-actions .pro-actions .pro-main-actions .action-item.active .fi-rr-bell::before {
    font-family: uicons-solid-rounded !important;
    content: "\f1df";
    color: var(--information-6)
}

.product-main-info-section .price-change-sec {
    display: flex;
    flex-direction: column;
    padding: 1.5rem 1.5rem 1.5rem 0;
    gap: 1.5rem;
    height: 100%;
    border-bottom: 2px solid var(--gray-8);
}

.product-main-info-section .price-change-sec .price-chart-sec {
    padding-top: 2.5rem;
}

.product-main-info-section .price-change-sec .price-chart-sec .extend-chart {
    display: flex;
    justify-content: flex-end;
}

.product-main-info-section .price-change-sec .price-chart-sec .extend-chart .base-btn {
    color: var(--secondary-5);
    padding: 0 0.5rem;
    border-radius: 0.25rem;
}

.product-main-info-section .price-change-sec .price-chart-sec .extend-chart .base-btn .fi {
    color: var(--secondary-5);
}

.price-change-sec .price-change-title-sec {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.price-change-sec .price-change-title-sec .fi {
    font-size: 1.25rem;
    color: var(--darkGray-6);
}

.price-change-sec .price-change-title-sec .price-change-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
}

.pro-all-data-sec {
    padding: 1.5rem 0 1.5rem 1.5rem;
    border-left: 2px solid var(--gray-8);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
}

.pro-all-data-sec .pro-tabs-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--gray-8);
}

.pro-all-data-sec .pro-tabs-holder .nav-item .nav-link {
    border-radius: 0;
    padding: 0.75rem 0;
    background-color: var(--gray-1);
    font-size: 0.875rem;
    color: var(--black);
}

.pro-all-data-sec .pro-tabs-holder .nav-item .nav-link span {
    display: flex;
    padding: 0 0.75rem;
    transition: border-color .15s ease-in-out;
}

.pro-all-data-sec .pro-tabs-holder .nav-item:not(:first-child):not(:last-child) .nav-link span {
    border-left: 1px solid var(--darkGray-1);
}

.pro-all-data-sec .pro-tabs-holder .nav-item.sellers-tab {
    margin-left: 0.75rem;
}

.pro-all-data-sec .pro-tabs-holder .nav-item.sellers-tab .nav-link {
    background-color: var(--secondary-7);
    color: var(--white);
}

.pro-all-data-sec .pro-tabs-holder .nav-item .nav-link.active {
    background-color: var(--primary-7);
    color: var(--white);
}

.pro-all-data-sec .pro-tabs-holder .nav-item .nav-link.active span {
    border-left-color: var(--primary-7) !important;
}

.pro-all-data-sec .pro-tabs-holder .help-btn a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--secondary-5);
}

.pro-all-data-sec .pro-tabs-holder .help-btn a:hover {
    color: var(--secondary-7);
}

.pro-all-data-sec .pro-tabs-holder .help-btn a:hover .fi {
    color: var(--primary-3);
}

.pro-all-data-sec .pro-tabs-holder .help-btn a .fi {
    color: var(--primary-1);
    font-size: 1rem;
    transition: all 0.3s ease-in;
}

.product-main-info-section .shop-city-holder {
    display: flex;
    gap: 1.5rem;
}

.product-main-info-section .shops-type-holder {
    display: flex;
    gap: 0.75rem;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 999;
}

.product-main-info-section .border-line-btn {
    background-color: transparent;
    padding: 0.75rem;
    display: flex;
    border: none;
    border-bottom: 2px solid var(--gray-8);
    align-items: center;
}

.product-main-info-section .border-line-btn.active {
    border-bottom-color: var(--secondary-7);
}

.product-main-info-section .shop-city-holder .border-line-btn.all-cities {
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-start;
    position: relative;
}

.product-main-info-section .shop-city-holder .city-btn {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.product-main-info-section .shop-city-holder .city-btn .select-city-btn {
    transition: all 0.3s ease-in;
    border-radius: 0.25rem;
    padding: 0.25rem;
}

.product-main-info-section .shop-city-holder .city-btn .select-city-btn:hover {
    background-color: var(--danger-6);
}

.product-main-info-section .shop-city-holder .city-btn .select-city-btn:hover .arrow-icon {
    color: var(--white);
}

.product-main-info-section .shop-city-holder .border-line-btn.all-cities::after {
    content: '';
    width: 1px;
    height: 1.5rem;
    background-color: var(--darkGray-1);
    border-radius: 1px;
    position: absolute;
    right: calc(100% + 0.75rem);
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.product-main-info-section .shop-city-holder .border-line-btn.all-cities .label {
    font-size: 0.875rem;
    font-weight: 500;
}

.product-main-info-section .shop-city-holder .border-line-btn.all-cities .price {
    font-size: 0.75rem;
}

.product-main-info-section .shop-city-holder .border-line-btn.select-city {
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.product-main-info-section .shop-city-holder .border-line-btn.select-city.city-choosen .content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}

.product-main-info-section .shop-city-holder .border-line-btn.select-city.city-choosen .location-icon {
    color: var(--primary-1);
}

.product-main-info-section .shop-city-holder .border-line-btn.select-city.city-choosen .content-wrapper .label {
    font-size: 0.875rem;
    font-weight: 500;
}

.product-main-info-section .shop-city-holder .border-line-btn.select-city.city-choosen .content-wrapper .price {
    font-size: 0.75rem;
    font-weight: 400;
}

.product-main-info-section .shop-city-holder .border-line-btn.select-city .location-icon {
    font-size: 1rem;
    color: var(--darkGray-6);
    display: flex;
}

.product-main-info-section .shop-city-holder .border-line-btn.select-city .arrow-icon {
    font-size: 1rem;
    color: var(--darkGray-8);
    display: flex;
}

.product-main-info-section .shops-type-holder .shops-type {
    display: flex;
    gap: 0.75rem;
    align-items: flex-end;
}

.product-main-info-section .shops-type-holder .shops-type .border-line-btn {
    padding: 0.75rem 1rem;
    gap: 0.75rem;
}

.product-main-info-section .shops-type-holder .shops-type .border-line-btn .content-wrapper {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.shops-type-holder .shops-type .border-line-btn .content-wrapper .icon-holder {
    display: flex;
    font-size: 1rem;
}

.shops-type-holder .shops-type .border-line-btn.online-shop .content-wrapper .icon-holder {
    color: var(--danger-6);
}

.shops-type-holder .shops-type .border-line-btn.offline-shop .content-wrapper .icon-holder {
    color: var(--information-6);
}

.shops-type-holder .shops-type .border-line-btn .content-wrapper .content {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.shops-type-holder .shops-type .border-line-btn .content-wrapper .content .label {
    font-size: 0.875rem;
    color: var(--secondary-5);
}

.shops-type-holder .shops-type .border-line-btn .content-wrapper .content .count {
    font-size: 1rem;
    font-weight: 700;
    color: var(--secondary-7);
}

.shops-type-holder .shops-type .border-line-btn .arrow-icon {
    display: flex;
    font-size: 1rem;
    color: var(--darkGray-6);
}

.pro-all-data-sec .shops-selection-sec {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.pro-all-data-sec .shops-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    overflow: hidden;
    transition: max-height 0.6s ease-in-out;
}

.pro-all-data-sec .shops-list.expanded {
    max-height: 1500px !important;
}

.pro-all-data-sec .shops-list .shop-item {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--gray-8);
    position: relative;
}

.pro-all-data-sec .shops-list .shop-item .shop-city-holder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}

.pro-all-data-sec .shops-list .shop-item .shop-city-holder a .title {
    color: black;
}

.pro-all-data-sec .shops-list .shop-item .shop-city-holder .city-title {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pro-all-data-sec .shops-list .shop-item .shop-city-holder .city-title .title {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 2rem;
}

.pro-all-data-sec .shops-list .shop-item .shop-city-holder .city-title .city-name {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.pro-all-data-sec .shops-list .shop-item .shop-city-holder .city-title .city-name .fi {
    font-size: 0.75rem;
}

.pro-all-data-sec .shops-list.online-shops .shop-item .shop-city-holder .city-title .city-name .fi {
    color: var(--danger-6);
}

.pro-all-data-sec .shops-list.offline-shops .shop-item .shop-city-holder .city-title .city-name .fi {
    color: var(--information-6);
}

.pro-all-data-sec .shops-list .shop-item .shop-city-holder .city-title .city-name .city {
    font-size: 0.875rem;
    color: var(--secondary-5);
    line-height: 1.5rem;
}

.pro-all-data-sec .shops-list .shop-item .shop-city-holder .report-btn {
    background-color: var(--gray-1);
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    color: var(--secondary-4);
    font-size: 0.75rem;
    font-weight: 500;
    border: none;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    line-height: 1;
}

.pro-all-data-sec .shops-list .shop-item .shop-city-holder .report-btn .fi {
    font-size: 1rem;
}

.pro-all-data-sec .shops-list .shop-item .pro-info {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: flex-start;
}

.pro-all-data-sec .shops-list .shop-item .pro-info .pro-title-info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-start;
}

.pro-all-data-sec .shops-list .shop-item .pro-info .pro-title-info .info-collapse-btn {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    gap: 0.375rem;
    border: none;
    font-weight: 300;
}

.pro-all-data-sec .shops-list .shop-item .pro-info .pro-title-info .offline-shop-collapse {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    gap: 0.25rem;
    background-color: var(--gray-1);
    color: var(--secondary-5);
    border: none;
}

.pro-all-data-sec .shops-list .shop-item .pro-info .pro-title-info .offline-shop-collapse .arrow-icon {
    font-size: 1rem;
    display: flex;
    color: var(--darkGray-6);
}

.pro-all-data-sec .shops-list .shop-item .pro-info .pro-title-info .info-collapse-btn.collapse-btn-success {
    background-color: var(--success-light);
    color: var(--success-dark);
}

.pro-all-data-sec .shops-list .shop-item .pro-info .pro-title-info .info-collapse-btn.collapse-btn-warning {
    background-color: var(--warning-light);
    color: var(--warning-dark);
}

.pro-all-data-sec .shops-list .shop-item .pro-info .pro-title-info .info-collapse-btn.collapse-btn-danger {
    background-color: var(--danger-light);
    color: var(--danger-dark);
}

.pro-all-data-sec .shops-list .shop-item .pro-info .pro-title-info .info-collapse-btn.collapse-btn-success > .fi {
    color: var(--success-6);
}

.pro-all-data-sec .shops-list .shop-item .pro-info .pro-title-info .info-collapse-btn.collapse-btn-warning > .fi {
    color: var(--warning-6);
}

.pro-all-data-sec .shops-list .shop-item .pro-info .pro-title-info .info-collapse-btn.collapse-btn-danger > .fi {
    color: var(--danger-6);
}

.pro-all-data-sec .shops-list .shop-item .pro-info .pro-title-info .info-collapse-btn .arrow-icon {
    display: flex;
    font-size: 0.5rem;
}

.pro-all-data-sec .shops-list .shop-item .pro-info .pro-title-info .pro-title {
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1.5rem;
    color: var(--secondary-6);
}

.pro-all-data-sec .shops-list .shop-item .pro-info .pro-title-info .warranty {
    font-size: 0.75rem;
    font-weight: 300;
    color: var(--darkGray-8);
}

.pro-all-data-sec .shops-list .shop-item .pro-info .city-selection-btn {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    gap: 0.25rem;
    border: none;
    background-color: var(--gray-1);
    font-size: 0.75rem;
    color: var(--secondary-5);
    border-radius: 0.25rem;
}

.pro-all-data-sec .shops-list .shop-item .pro-info .city-selection-btn .arrow-icon {
    font-size: 1rem;
    display: flex;
    color: var(--darkGray-6);
}

.pro-all-data-sec .shops-list .shop-item .pro-info .error-message {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    background-color: var(--danger-light);
    gap: 0.25rem;
}

.pro-all-data-sec .shops-list .shop-item .pro-info .error-message .fi {
    font-size: 0.75rem;
    color: var(--danger-6);
}

.pro-all-data-sec .shops-list .shop-item .pro-info .error-message span {
    font-size: 0.75rem;
    color: var(--danger-dark);
}

.pro-all-data-sec .shops-list .shop-item .pro-info .shipping-options-collapse {
    display: flex;
    align-items: center;
    border: none;
    border-radius: 0.25rem;
    padding: 0.375rem 0.5rem;
    background-color: var(--gray-1);
    gap: 0.75rem;
}

.pro-all-data-sec .shops-list .shop-item .pro-info .shipping-options-collapse .option-item {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--secondary-5);
    font-size: 0.75rem;
    font-weight: 300;
}

.pro-all-data-sec .shops-list .shop-item .pro-info .shipping-options-collapse .option-item .fi {
    font-size: 1rem;
}

.pro-all-data-sec .shops-list .shop-item .pro-info .shipping-options-collapse .arrow-btn {
    display: flex;
    font-size: 1rem;
    color: var(--darkGray-6);
}

.pro-all-data-sec .shops-list .shop-item .price-purchase {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
    gap: 0.5rem;
}

.pro-all-data-sec .shops-list .shop-item .price-purchase .last-update-ad {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-end;
}

.pro-all-data-sec .shops-list .shop-item .price-purchase .last-update-ad .ad-badge {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    padding: 2px 0.25rem;
}

.pro-all-data-sec .shops-list.online-shops .shop-item .price-purchase .last-update-ad .ad-badge .fi {
    color: var(--information-6);
}

.pro-all-data-sec .shops-list.offline-shops .shop-item .price-purchase .last-update-ad .ad-badge .fi {
    color: var(--danger-6);
}

.pro-all-data-sec .shops-list.online-shops .shop-item .price-purchase .last-update-ad .ad-badge {
    background-color: var(--information-ligt);
    color: var(--information-dark);
}

.pro-all-data-sec .shops-list.offline-shops .shop-item .price-purchase .last-update-ad .ad-badge {
    background-color: var(--danger-light);
    color: var(--danger-dark);
}

.pro-all-data-sec .shops-list .shop-item .price-purchase .last-update-ad .last-update {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.pro-all-data-sec .shops-list .shop-item .price-purchase .last-update-ad .last-update span {
    font-size: 0.75rem;
    color: var(--darkGray-8);
    font-weight: 300;
}

.pro-all-data-sec .shops-list .shop-item .price-purchase .price-purchase-sec {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pro-all-data-sec .shops-list .shop-item .price-purchase .price-purchase-sec .price {
    font-size: 1rem;
    font-weight: 600;
    line-height: 2rem;
    text-align: left;
}

.pro-all-data-sec .shops-list .shop-item .price-purchase .price-purchase-sec .base-btn {
    color: var(--white);
    gap: 0.5rem;
    font-weight: 400;
}

.pro-all-data-sec .shops-list.online-shops .shop-item .price-purchase .price-purchase-sec .base-btn {
    background-color: var(--primary-6);
}

.pro-all-data-sec .shops-list.offline-shops .shop-item .price-purchase .price-purchase-sec .base-btn {
    background-color: var(--information-6);
}

.pro-all-data-sec .shops-list.offline-shops .shop-item .price-purchase .price-purchase-sec .base-btn:hover,
.pro-all-data-sec .shops-list.offline-shops .shop-item .price-purchase .price-purchase-sec .base-btn[aria-expanded="true"] {
    background-color: var(--information-ligt);
    color: var(--information-dark);
}

.pro-all-data-sec .shops-list.offline-shops .shop-item .price-purchase .price-purchase-sec .base-btn .fi {
    transition: transform 0.3s ease-in;
}

.pro-all-data-sec .shops-list.offline-shops .shop-item .price-purchase .price-purchase-sec .base-btn[aria-expanded="true"] .fi {
    transform: rotate(180deg);
}

.pro-all-data-sec .shops-list.online-shops .shop-item .price-purchase .price-purchase-sec .base-btn:hover {
    background-color: var(--primary-8);
}

.pro-all-data-sec .shops-list .shop-item .price-purchase .price-purchase-sec .base-btn:disabled {
    opacity: 0.5;
}

.product-attr-wrapper {
    padding: 0 1.5rem 0 0;
    height: 100%;
}

.product-attr-wrapper .product-attr-header {
    display: flex;
    align-items: center;
    padding: 1.5rem 0;
    gap: 0.5rem;
}

.product-attr-wrapper .product-attr-header .fi {
    font-size: 1.25rem;
    color: var(--darkGray-6);
}

.product-attr-wrapper .product-attr-header .pro-attr-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
}

.product-attr-wrapper .pro-attr-main {
    display: flex;
    gap: 0.75rem;
    flex-direction: column;
}

.product-attr-wrapper .pro-attr-main .pro-main-attr {
    padding: 1.5rem;
    background-color: var(--gray-1);
    font-weight: 500;
    font-size: 0.875rem;
}

.product-attr-wrapper .pro-attr-main .attr-list {
    display: flex;
    flex-direction: column;
    padding: 0 0.75rem;
    overflow: auto;
}

.product-attr-wrapper .pro-attr-main .attr-list .pro-attr-item {
    padding: 0.5rem 0;
}

.product-attr-wrapper .pro-attr-main .attr-list .pro-attr-item .pro-attr-inner {
    padding-right: 0.75rem;
    border-right: 2px solid var(--gray-8);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.product-attr-wrapper .pro-attr-main .attr-list .pro-attr-item .pro-attr-inner .title {
    font-size: 0.75rem;
    font-weight: 500;
}

.product-attr-wrapper .pro-attr-main .attr-list .pro-attr-item .pro-attr-inner .value {
    font-size: 0.75rem;
    color: var(--secondary-5);
}

.product-attr-wrapper .expand-attr {
    display: none;
    background-color: transparent;
    border: none;
    padding: 0;
    margin-top: 0.25rem;
    color: var(--primary-6);
    font-size: 0.875rem;
}

.shops-border-section {
    border-bottom: 2px solid var(--gray-2);
}

.shop-item .pro-info .offline-shop-card {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background-color: var(--gray-1);
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.shop-item .pro-info .offline-shop-card .title {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--secondary-6);
}

.shop-item .pro-info .offline-shop-card .content {
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--secondary-6);
    line-height: 2rem;
}

.shop-item .pro-info .offline-shop-card .actions {
    display: flex;
    gap: 0.5rem;
}

.shop-item .pro-info .offline-shop-card .actions .base-btn {
    font-size: 0.75rem;
    color: var(--information-dark);
    line-height: 2rem;
    padding: 0 0.5rem;
    border-radius: 0.25rem;
}

.shop-item .pro-info .offline-shop-card .actions .base-btn.j-btn-primaryLight {
    color: var(--primary-7);
    background-color: var(--danger-light);
}

.shop-item .pro-info .offline-shop-card .actions .base-btn.j-btn-primaryLight:hover {
    background-color: var(--primary-7);
}

.shop-item .pro-info .offline-shop-card .actions .base-btn:hover {
    color: var(--white);
}

.shops-list .shop-item .shop-info-card {
    display: flex;
    gap: 0.5rem;
    padding: 1rem;
    border-radius: 0.5rem;
    background-color: var(--gray-1);
    margin-top: 0.75rem;
    align-items: flex-start;
}

.shops-list .shop-item .shop-info-card .info-item {
    flex: 1;
    display: flex;
}

.shops-list .shop-item .shop-info-card .info-item a {
    display: flex;
    gap: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    align-items: center;
    width: 100%;
}

.shops-list .shop-item .shop-info-card .info-item .icon-sec {
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    display: flex;
}

.shops-list .shop-item .shop-info-card .info-item .icon-sec::before {
    content: '';
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
}

.shops-list .shop-item .shop-info-card .info-item.info-info a {
    background-image: linear-gradient(to left, rgba(6, 123, 147, 1), rgba(9, 171, 204, 1));
}

.shops-list .shop-item .shop-info-card .info-item.info-success a {
    background-image: linear-gradient(to left, rgba(6, 147, 89, 1), rgba(9, 204, 124, 1));
}

.shops-list .shop-item .shop-info-card .info-item.info-warning a {
    background-image: linear-gradient(to left, rgba(202, 127, 2, 1), rgba(253, 163, 14, 1));
}

.shops-list .shop-item .shop-info-card .info-item.info-info .icon-sec::before {
    background-image: url(../img/call-icon.svg);
}

.shops-list .shop-item .shop-info-card .info-item.info-success .icon-sec::before {
    background-image: url(../img/whatssapp.svg);
}

.shops-list .shop-item .shop-info-card .info-item.info-warning .icon-sec::before {
    background-image: url(../img/location.svg);
}

.shops-list .shop-item .shop-info-card .info-item .info-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.shops-list .shop-item .shop-info-card .info-item .info-content .title {
    font-size: 0.75rem;
    color: var(--white);
}

.shops-list .shop-item .shop-info-card .info-item .info-content .val {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--white);
}

.shops-list .shop-item .shop-info-card.has-images {
    gap: 0.75rem;
}

.shops-list .shop-item .shop-info-card.has-images .contact-infos {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.shops-list .shop-item .shop-info-card.has-images .shop-images {
    display: flex;
    gap: 0.75rem;
    flex: 1;
}

.shops-list .shop-item .shop-info-card.has-images .shop-images .img-item {

}

.shops-list .shop-item .shop-info-card.has-images .shop-images img {
    border-radius: 0.5rem;
    aspect-ratio: 1 / 1;
    flex: 1;
}

.offline-shop-card .shipping-des {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.offline-shop-card .shipping-des .options {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.offline-shop-card .shipping-des .options .option-item {
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    color: var(--secondary-5);
    font-weight: 300;
    gap: 0.25rem;
}

.offline-shop-card .shipping-des .options .option-item .fi {
    font-size: 1rem;
}

.offline-shop-card .shipping-des .methods {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.offline-shop-card .shipping-des .methods .title {
    font-size: 0.813rem;
    color: var(--secondary-6);
    line-height: 1.5rem;
}

.offline-shop-card .shipping-des .methods .methods-items {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.offline-shop-card .shipping-des .methods .methods-items .item {
    display: flex;
    font-size: 0.75rem;
    color: var(--secondary-6);
    font-weight: 200;
    padding: 0.25rem;
    background-color: var(--gray-8);
}

.shop-item .pro-info .shipping-collapse-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-start;
}

.pro-all-data-sec .content-container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.pro-all-data-sec .content-container p {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
    text-align: justify;
}

.pro-all-data-sec .comments-sec {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.pro-all-data-sec .comments-sec .comment-form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: center;
}

.pro-all-data-sec .comments-sec .comment-form-wrapper .icon-holder .fi {
    font-size: 4rem;
    color: var(--darkGray-6);
}

.pro-all-data-sec .comments-sec .comment-form-wrapper .title {
    font-weight: 600;
}

.pro-all-data-sec .comments-sec .comment-form-wrapper .subtitle {
    color: var(--secondary-5);
}

.pro-all-data-sec .comments-sec .login-btn {
    border: none;
    background-color: var(--primary-7);
    color: var(--white);
    padding: 0 1rem;
    line-height: 2.25rem;
    border-radius: 1.25rem;
    transition: all 0.3s ease-in;
}

.pro-all-data-sec .comments-sec .login-btn:disabled {
    opacity: 0.5;
}

.pro-all-data-sec .comments-sec .login-btn:hover {
    background-color: var(--primary-8);
}

.pro-all-data-sec .comments-sec .comment-form-wrapper .form-holder {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}

.pro-all-data-sec .comments-sec .info-form {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.pro-all-data-sec .comments-sec .comment-form-wrapper .form-holder .info-form > * {
    flex: 1;
}

.pro-all-data-sec .comments-sec .comment-form-wrapper .form-holder .info-form .pro-rate {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pro-all-data-sec .comments-sec .comment-form-wrapper .form-holder .info-form .pro-rate .title {
    font-size: 0.875rem;
    color: var(--secondary-8);
    font-weight: 400;
}

.pro-all-data-sec .comments-sec .comment-form-wrapper .form-holder .info-form .pro-rate .rate-stars {
    display: flex;
    gap: 0.25rem;
    font-size: 1rem;
}

.pro-all-data-sec .comments-sec .comment-form-wrapper .form-holder .info-form .pro-rate .rate-stars button {
    display: flex;
    background-color: transparent;
    padding: 0;
    border: none;
}

.pro-all-data-sec .comments-sec .comment-form-wrapper .form-holder .info-form .pro-rate .rate-stars button.active i.fi-rr-star::before {
    content: "\f89b";
    font-family: uicons-solid-rounded !important;
}

.pro-all-data-sec .comments-sec .comment-form-wrapper .form-holder .info-form .pro-rate .rate-stars i {
    display: flex;
    gap: 0.25rem;
    font-size: 1rem;
    color: var(--warning-6);
}

.pro-all-data-sec .comments-sec .comments-list {
    padding: 1.5rem 0;
    border-top: 1px solid var(--gray-8);
}

.pro-all-data-sec .comments-sec .comments-list .no-comment {
    margin-bottom: 0;
    text-align: center;
    color: var(--darkGray-8);
    font-weight: 300;
    line-height: 2rem;
}

.pro-all-data-sec .comments-sec .comments-list .list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.pro-all-data-sec .comments-sec .comments-list .list .comment-item {
    display: flex;
    flex-direction: column;
}

.pro-all-data-sec .comments-sec .comments-list .list .comment-item.reply-msg {
    padding-right: 4.75rem;
}

.comments-sec .comments-list .list .comment-item .comment-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.comments-sec .comments-list .list .comment-item .comment-header .avatar-holder {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.comments-sec .comments-list .list .comment-item .comment-header .avatar-holder .avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--gray-8);
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    font-size: 2.25rem;
    color: var(--darkGray-8);
}

.comments-sec .comments-list .list .comment-item .comment-header .avatar-holder .name {
    font-weight: 600;
}

.comments-sec .comments-list .list .comment-item .comment-header .date {
    color: var(--secondary-5);
}

.comments-sec .comments-list .list .comment-item .comment-body {
    padding-right: 4.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.comments-sec .comments-list .list .comment-item .comment-body .reply-section {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: flex-start;
}

.comments-sec .comments-list .list .comment-item .comment-body .body-inner {
    padding-right: 0.75rem;
    border-right: 1px solid var(--darkGray-1);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.comments-sec .comments-list .list .comment-item .comment-body .body-inner .comment-text {
    margin-bottom: 0;
    font-weight: 300;
    line-height: 1.875rem;
    text-align: justify;
}

.comments-sec .comments-list .list .comment-item .comment-body .body-inner .comment-actions {
    display: flex;
    gap: 1.5rem;
}

.comments-sec .comments-list .list .comment-item .comment-body .body-inner .comment-actions .action {
    background-color: transparent;
    padding: 0;
    border: none;
    display: flex;
    gap: 0.25rem;
    align-items: flex-start;
    color: var(--darkGray-8);
    font-size: 0.875rem;
}

.comments-sec .comments-list .list .comment-item .comment-body .body-inner .comment-actions .like.active .fi {
    color: var(--danger-6);
}

.comments-sec .comments-list .list .comment-item .comment-body .body-inner .comment-actions .like.active .fi-rr-heart::before {
    content: "\f590";
    font-family: uicons-solid-rounded !important;
}

.comments-sec .comments-list .list .comment-item .comment-body .body-inner .comment-actions .action .fi {
    font-size: 1rem;
}

.modal-body .report-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.modal-body .report-section .pro-gray-card {
    display: flex;
    gap: 1.5rem;
    padding: 0.75rem;
    border-radius: 0.25rem;
    background-color: var(--gray-1);
}

.modal-body .report-section .pro-gray-card .img-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 6rem;
}

.modal-body .report-section .pro-gray-card .img-holder img {
    aspect-ratio: 1 / 1;
    mix-blend-mode: multiply;
}

.modal-body .report-section .pro-gray-card .pro-content {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    flex: 1;
}

.modal-body .report-section .pro-gray-card .pro-content .pro-title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 0;
}

.modal-body .report-section .pro-gray-card .pro-content .shop-name-city {
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

.modal-body .report-section .pro-gray-card .pro-content .shop-name-city::before {
    content: '';
    display: flex;
    width: 0.5rem;
    height: 2px;
    background-color: var(--information-6);
    border-radius: 2px;
}

.modal-body .report-section .pro-gray-card .pro-content .shop-name-city span {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.modal-body .report-section .pro-gray-card .pro-content .shop-name-city .shop {
    font-weight: 600;
}

.modal-body .report-section .pro-gray-card .pro-content .shop-name-city .city {
    font-weight: 300;
}

.modal-body .report-section .pro-report-sec {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.modal-body .report-section .pro-report-sec .title-sec {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--gray-8);
}

.modal-body .report-section .pro-report-sec .title-sec span {
    font-weight: 500;
}

.modal-body .report-section .pro-report-sec .title-sec .pre-sec {
    display: flex;
    align-items: center;
    gap: 1rem;
    background-color: transparent;
    border: none;
    padding: 0;
    font-weight: 500;
}

.modal-body .report-section .pro-report-sec .title-sec .pre-sec .fi {
    font-size: 1rem;
    color: var(--darkGray-8);
}

.modal-body .report-section .pro-report-sec .body-sec {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.modal-body .report-section .pro-report-sec .body-sec .rep-item button,
.modal-body .report-section .pro-report-sec .body-sec .rep-item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    background-color: var(--gray-8);
    border-radius: 0.5rem;
    border: none;
    width: 100%;
}

.modal-body .report-section .pro-report-sec .body-sec .rep-item button .title,
.modal-body .report-section .pro-report-sec .body-sec .rep-item a .title {
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--black);
}

.modal-body .report-section .pro-report-sec .body-sec .rep-item button .icon-holder,
.modal-body .report-section .pro-report-sec .body-sec .rep-item a .icon-holder {
    display: flex;
    font-size: 1.5rem;
    color: var(--darkGray-8);
}

.modal-body .report-section .pro-report-sec .body-sec .report-hint {
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    background-color: var(--gray-1);
}

.modal-body .report-section .pro-report-sec .body-sec .report-hint .icon-holder {
    font-size: 3rem;
    color: var(--darkGray-6);
    display: flex;
    border-radius: 1rem;
}

.modal-body .report-section .pro-report-sec .body-sec .report-hint span {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 2rem;
}

.suggested-products {
    margin-bottom: 3rem;
}

.suggested-products .title-holder {
    padding: 1.5rem 0;
    display: flex;
    justify-content: center;
}

.suggested-products .title-holder .main-title {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0;
}

.suggested-products .products-wrapper-body {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    border-top: 1px solid var(--gray-8);
    border-right: 1px solid var(--gray-8);
}

/* /Product Single */

/* Products Archive */

.archive .sidebar-filters {
    position: sticky;
    top: 0;
}

.archive .filters-wrapper {
    padding: 1.5rem 0.75rem 1.5rem 1.5rem;
    border-left: 2px solid var(--gray-8);
    flex-direction: column;
    gap: 0.75rem;
    height: 100vh;
    overflow-y: auto;
}

.archive .filters-wrapper.show {
    display: flex;
}

.archive .filters-wrapper .filter-item {
    display: flex;
    flex-direction: column;
    padding-bottom: 0.75rem;
    position: relative;
}

.archive .filters-wrapper .filter-item::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--gray-8);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.archive .filters-wrapper .filter-item .filter-btn {
    padding: 0.75rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border: none;
}

.archive .filters-wrapper .filter-item .filter-btn .title {
    font-size: 1rem;
    font-weight: 500;
    padding-right: 0.75rem;
    position: relative;
}

.archive .filters-wrapper .filter-item .filter-btn .title::before {
    content: '';
    width: 2px;
    height: 1.5rem;
    background-color: var(--darkGray-1);
    border-radius: 2px;
    position: absolute;
    right: 0;
    top: 0;
}

.archive .filters-wrapper .filter-item .filter-btn .arrow-icon {
    display: flex;
    font-size: 1.5rem;
    color: var(--darkGray-8);
    transition: transform 0.3s;
}

.archive .filters-wrapper .filter-item .filter-btn[aria-expanded="true"] .arrow-icon {
    transform: rotate(180deg);
}

.archive .filters-wrapper .filter-item .cat-holder {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.archive .filters-wrapper .filter-item .cat-holder .main-cat {
    display: flex;
    align-items: center;
    border: none;
    padding: 0.25rem 0.75rem;
    background-color: transparent;
    font-size: 0.875rem;
    font-weight: 500;
    gap: 0.5rem;
}

.archive .filters-wrapper .filter-item .cat-holder .main-cat:hover {
    cursor: pointer;
}

.archive .filters-wrapper .filter-item .cat-holder .main-cat input {
    display: none;
}

.archive .filters-wrapper .filter-item .cat-holder .main-cat .fi {
    font-size: 1.5rem;
    color: var(--primary-8);
}

.archive .filters-wrapper .filter-item .cat-holder .main-cat .checked {
    display: none;
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
}

.archive .filters-wrapper .filter-item .cat-holder .main-cat .checked::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 50%;
    background-color: var(--primary-8);
    width: 0.875rem;
    height: 0.875rem;
}

.archive .filters-wrapper .filter-item .cat-holder .main-cat input:checked ~ .checked {
    display: flex;
}

.archive .filters-wrapper .filter-item .cat-holder .main-cat input:checked ~ .fi {
    display: none;
}

.archive .filters-wrapper .filter-item .cat-holder .inner-cats {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-right: 2.25rem;
    transition: all 0.3s ease-in;
}

.archive .filters-wrapper .filter-item .cat-holder .inner-cats .cat-item .cat-item-btn {
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    font-weight: 300;
}

.archive .filters-wrapper .filter-item .cat-holder .inner-cats .cat-item .cat-item-btn input {
    display: none;
}

.archive .filters-wrapper .filter-item .cat-holder .inner-cats .cat-item .cat-item-btn input:checked ~ .fi {
    color: var(--primary-8);
}

.archive .filters-wrapper .filter-item .cat-holder .inner-cats .cat-item .cat-item-btn .fi {
    font-size: 1.5rem;
    color: var(--darkGray-1);
    transition: all 0.3s ease-in;
}

.archive .filters-wrapper .filter-item .cat-holder .inner-cats .cat-item .cat-item-btn:hover {
    cursor: pointer;
}

.archive .filters-wrapper .filter-item .cat-holder .inner-cats .cat-item .cat-item-btn:hover .fi {
    color: var(--primary-8);
}

.archive .filters-wrapper .filter-item .cat-holder .all-cats-btn {
    display: flex;
    background-color: transparent;
    border: none;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.archive .filters-wrapper .filter-item .price-filter-holder {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.archive .filters-wrapper .filter-item .price-filter-holder .inline-inputs {
    display: flex;
    gap: 0.5rem;
}

.archive .filters-wrapper .filter-item .box-search .input-search-box {
    margin-bottom: 0;
}

.archive .filters-wrapper .filter-item .box-search .input-search-box .search-input {
    line-height: 2.25;
    padding-left: 2.5rem;
}

.archive .filters-wrapper .filter-item .box-search .search-btn {
    font-size: 1rem;
    left: 1rem;
    top: 0.625rem;
}

.archive .filters-wrapper .filter-item .box-search {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.archive .filters-wrapper .filter-item .box-search .brand-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.archive .filters-wrapper .filter-item .box-search .brand-list .brand-item .brand-btn {
    display: flex;
    justify-content: space-between;
    background-color: transparent;
    border: none;
    width: 100%;
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.archive .filters-wrapper .filter-item .box-search .brand-list .brand-item .brand-btn:hover {
    cursor: pointer;
}

.archive .filters-wrapper .filter-item .box-search .brand-list .brand-item .brand-btn input {
    display: none;
}

.archive .filters-wrapper .filter-item .box-search .brand-list .brand-item .brand-btn.active {
    background-color: var(--gray-8);
}

.archive .filters-wrapper .filter-item .box-search .brand-list .brand-item .brand-btn .brand-name-l {
    font-weight: 300;
    color: var(--darkGray-8);
}

.archive .filters-wrapper .filter-item .box-search .all-brands {
    background-color: transparent;
    display: flex;
    border: none;
    width: 100%;
    padding: 0.25rem 0;
    font-size: 0.875rem;
    font-weight: 500;
}

.archive .archive-content {
    padding: 1.5rem 1.5rem 1.5rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.archive .archive-content .breadcrumb-section {
    padding: 1.5rem;
}

.archive .archive-content .main-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 2rem;
}

.archive .archive-content .products-wrapper .products-wrapper-header .marker-hints {
    display: flex;
    gap: 0.75rem;
}

.archive .archive-content .products-wrapper .products-wrapper-header .marker-hints .item {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.archive .archive-content .products-wrapper .products-wrapper-header .marker-hints .item .fi {
    font-size: 1rem;
}

.archive .archive-content .products-wrapper .products-wrapper-header .marker-hints .item span {
    font-size: 0.875rem;
    color: var(--secondary-7);
    line-height: 1.5rem;
}

.archive .archive-content .products-wrapper .products-wrapper-body {
    grid-template-columns: repeat(7, 1fr);
}

.archive .archive-content .products-wrapper .products-wrapper-body .pro-card:nth-child(7n) {
    border-left: none;
}

.archive .archive-content .products-wrapper .products-wrapper-body .pro-card:nth-child(6n) {
    border-left: 1px solid var(--gray-8);
}

.archive .archive-content .products-wrapper .products-wrapper-footer .load-more-btn {
    display: flex;
    justify-content: center;
}

.archive .archive-content .products-wrapper .products-wrapper-footer .load-more-btn button {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    background-color: var(--gray-6);
    border: none;
    border-radius: 0.5rem;
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
    transition: all 0.3s ease-in;
    font-size: 0.875rem;
    font-weight: 300;
}

.archive .archive-content .products-wrapper .products-wrapper-footer .load-more-btn button .fi {
    font-size: 1rem;
    color: var(--darkGray-8);
}

.archive .filter-sidebar-collapse {
    background-color: var(--white);
    border: none;
    display: none;
    font-size: 1rem;
    align-items: center;
    gap: 0.5rem;
    color: var(--secondary-6);
    padding: 0;
}

.archive .filter-sidebar-collapse .fi {
    font-size: 1.5rem;
}

/* /Products Archive */

/* City selection modal */

.location-box-modal .title-location-info {
    color: var(--black);
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0;
}

.cityName-body .location-box-modal .location-info .city-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
    border: none;
    background-color: transparent;
    width: 100%;
    border-bottom: 1px solid var(--gray-8);
}

.cityName-body .location-box-modal .location-info:last-child .city-info {
    border-bottom: none;
}

.choice-city-modal.location-box-modal {
    margin-bottom: 2rem;
}

.choice-city-modal.location-box-modal .location-info:not(:last-child) .city-info {
    border-bottom: 1px solid var(--gray-8);
}

.modal.location-modal .location-modal .cityName-body .Recent-choose-city.border-none {
    border-bottom: none
}

.location-box-modal ul {
    max-height: 31.25rem;
    overflow: auto;
}

.cityName-body .location-box-modal:not(:last-child) {
    margin-bottom: 2rem !important;
}

.location-box-modal .location-info .city-info .name-city {
    color: var(--black);
    font-weight: 300;
    line-height: 2rem;
}

.cityName-body .location-box-modal .location-info .city-info .fi {
    color: var(--darkGray-6);
}

.modal.location-modal .location-modal .cityName-body .Recent-choose-city .choose-city-title {
    color: var(--black);
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.modal.location-modal .location-modal .cityName-body .input-search-box {
    margin-bottom: 0;
}

.modal.location-modal .location-modal .cityName-body .input-search-box input {
    line-height: 3rem;
}

.modal.location-modal .location-modal .cityName-body .input-search-box .search-btn {
    left: 1.5rem;
    top: 0.75rem;
}

.modal.location-modal .location-modal .cityName-body .Recent-choose-city .select-city {
    border-radius: 0.25rem;
    background: var(--gray-8, #EDF2F4);
    padding: 0.25rem 0.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.modal.location-modal .location-modal .cityName-body .Recent-choose-city {
    border-bottom: 1px solid var(--gray-8);
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.modal.location-modal .location-modal .cityName-body .Recent-choose-city.border-none {
    border-bottom: none
}

.modal.location-modal .location-modal .Recent-choose-city .select-city .name-select-city {
    color: var(--black);
    font-size: 0.875rem;
    font-weight: 300;
}

.modal.location-modal .location-modal .Recent-choose-city .select-button .btn-remove-item {
    border: none;
    background: none;
    width: 1rem;
    height: 1rem;
    padding: 0;
}

.modal.location-modal .location-modal .Recent-choose-city .select-button .btn-remove-item .fi {
    font-size: 1rem;
    color: var(--darkGray-8);
}

.location-modal .cityName-body .Recent-choose-city .recent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.location-modal .recent-names .recent-nameCity {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.location-modal .recent-names .recent-nameCity .recent-select {
    border-radius: 0.25rem;
    border: 1px solid var(--gray-8);
    display: inline-flex;
    padding: 0.25rem 0.5rem;
    justify-content: flex-end;
    align-items: center;
}

.location-modal .recent-names .recent-nameCity .recent-select span {
    font-size: 0.875rem;
    font-weight: 300;
}

.modal.location-modal .location-modal .location-box-modal.choice-city-modal .choice-city {
    display: flex;
    margin-bottom: 1.5rem;
}

.modal.location-modal .location-modal .location-box-modal .choice-city .btn-remove-item {
    margin-left: 1rem;
}

.cityName-body .location-box-modal.choice-city-modal .location-info.select-contorol .city-info {
    justify-content: flex-start;
}

.cityName-body .city-info .input-choice-city .switch_input {
    margin-left: 1rem;
}

.location-box-modal.choice-city-modal .location-info.form-group {
    margin-bottom: 0;
}

/* /City selection modal */

/* Price Change */

.Account::after {
    content: "";
    width: 0.125rem;
    height: 2rem;
    position: absolute;
    border-radius: 0.125rem;
    background: var(--darkGray-1);
    bottom: 0;
    top: 0;
    margin: auto;
    right: 0;

}

.user-info .Account-user {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0.75rem;
}

.sidebar .header-sidebar {
    padding: 1.5rem 0.75rem 1.5rem 0;
}

.sidebar .header-sidebar .user-icon {
    font-size: 2rem;
    color: var(--secondary-5);
    display: flex;
}

.sidebar .header-sidebar .user-info {
    padding: 0;
}

.sidebar .header-sidebar .user-info a {
    display: flex;
    align-items: center;
    background: var(--gray-1);
    position: relative;
    padding: 0.75rem;
}

.sidebar .header-sidebar .user-info a .arrow-icon {
    display: flex;
    font-size: 1.5rem;
    color: var(--darkGray-6);
}

.header-sidebar .user-info a::before {
    content: '';
    height: 100%;
    width: 1.5rem;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: var(--gray-1);
    left: 100%;
}

.sidebar .header-sidebar .user-info .Account {
    display: flex;
    gap: 0.25rem;
    flex-direction: column;
    padding-right: 0.75rem;
    position: relative;
}

.sidebar .header-sidebar .user-info .Account .acc-text {
    font-size: 0.75rem;
    color: var(--secondary-5);
    font-weight: 300;
}

.sidebar .header-sidebar .user-info .Account .number {
    color: var(--black);
}

.dashboard-section .sidebar .body-sidebar .sidebar-menu .sidebar-menu-item {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

.dashboard-section .sidebar .body-sidebar .sidebar-menu.sidebar-info .sidebar-menu-item .sidebar-menu-link {
    border-radius: 0.25rem;
    padding: 0.25rem 0.75rem;
}

.dashboard-section .sidebar .body-sidebar .sidebar-menu.sidebar-info .sidebar-menu-item .sidebar-menu-link:hover {
    background-color: var(--white);
}

.dashboard-section .sidebar .body-sidebar .sidebar-menu.sidebar-info .sidebar-menu-item .sidebar-menu-link:hover > .fi {
    color: var(--primary-8);
}

.dashboard-info .sidebar {
    padding-right: 0;
}

.dashboard-info .body-sidebar {
    padding: 0 0.75rem 0 0;
}

.dashboard-info .sidebar-menu {
    padding-bottom: 1.5rem;
    position: relative;
}

.dashboard-info .sidebar-menu::after {
    content: '';
    height: 1px;
    width: calc(100% - 1.5rem);
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--gray-8);
}

.headerBox .img-logo {
    margin-bottom: 0;
}

.headerBox .input-search-box {
    margin-bottom: 0;
}

.subMenu {
    padding: 1.5rem 0;
    position: relative;
}

.subMenu::after {
    content: '';
    height: 1px;
    width: calc(100% - 1.5rem);
    background-color: var(--gray-8);
    position: absolute;
    bottom: 0;
    right: 0;
}

.subMenu.Exit-text::after {
    display: none;
}

.subMenu .subMenu-item .sidebar-menu-link {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    transition: all 0.3s ease-in;
    border-radius: 0.25rem;
    color: var(--black);
    font-weight: 300;
    position: relative;
}

.subMenu .subMenu-item .sidebar-menu-link .fi {
    transition: all 0.3s ease-in;
}

.subMenu .subMenu-item .sidebar-menu-link:hover > .fi {
    color: var(--primary-8);
}

.subMenu .subMenu-item .sidebar-menu-link .fi {
    margin-left: 0.5rem;
    color: var(--darkGray-8);
}

.body-sidebar .sidebarCollapse .sidebar-menu-link .fi {
    color: black;
}

.sidebar .sidebar-info {
    padding: 1.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sidebar-info .sidebar-menu-item .submenu {
    padding: 0;
}

.sidebar-info .sidebar-menu-item .submenu .submenu-card {
    border-radius: 0.5rem;
    background: var(--gray-1);
    padding: 0.75rem;
    margin-top: 0.5rem;
}

.body-sidebar .sidebar-menu-item .submenu .submenu-item {
    margin-bottom: 0 !important;
}

.sidebar-info .sidebar-menu-item .submenu-item a:not(:last-child) {
    margin-bottom: 1rem !important;
}

.sidebar-info .sidebar-menu .sidebar-menu-item .submenu .submenu-item:not(:last-child) {
    margin-bottom: 1rem !important;
}

.sidebar-info .sidebar-menu-title {
    line-height: normal;
    font-weight: 300;
}

.body-sidebar .sidebar-menu .title-nameCity-choose .name-choose {
    color: var(--black);
    font-size: 0.875rem;
    font-weight: 300;
}

.body-sidebar .sidebar-menu .title-nameCity-choose {
    display: flex;
    align-items: center;
    gap: 0.125rem;
}

.sidebar .sidebar-info .sidebar-menu-item .sidebar-menu-link .dropdown-arrow .fi {
    font-size: 1.5rem;
}

.sidebar .sidebar-info .sidebar-menu-item .submenu .submenu-item .fi {
    font-size: 1rem;
    transition: 0.3s;
    margin-left: 0.25rem;
}

.sidebar-info .sidebar-menu-item .submenu .submenu-item a {
    padding: 0.5rem 0.75rem;
    font-weight: 300;
    line-height: normal;
}

.sidebar .sidebar-info .sidebar-menu-item .sidebar-menu-link[aria-expanded="true"] {
    color: var(--primary-8);
}

.sidebar .sidebar-info .sidebar-menu-item .sidebar-menu-link[aria-expanded="true"] > .fi {
    color: var(--primary-8);
}

.body-sidebar .sidebar-menu .sidebar-menu-item.active::after {
    left: 0;
}

.subMenu-ul {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.subMenu-ul .subMenu-item {
    padding-left: 1.5rem;
}

.subMenu-ul .subMenu-item.active .sidebar-menu-link .fi {
    color: var(--primary-8);
}

.subMenu-ul .subMenu-item.active .sidebar-menu-link {
    color: var(--primary-8);
}

.dashboard-content .top-bar-box .fi {
    font-size: 1.25rem;
    color: var(--darkGray-6);
}

.dashboard-content .top-bar-box {
    display: flex;
    padding: 1.5rem;
    margin-bottom: 2.5rem;
    justify-content: space-between;
    align-items: center;
    background-color: var(--gray-1);
}

.dashboard-content .top-bar {
    padding: 1rem;
}

.dashboard-content .top-bar-box .title-top-bar {
    color: var(--black);
    font-weight: 500;
    font-size: 1rem;
    margin: 0;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.dashboard-content.dashboard-info {
    padding-top: 1.5rem;
    margin-bottom: 2.5rem;
}

.top-bar-box.card-title {
    background-color: transparent;
    padding: 0 0 0.75rem 0;
    margin-bottom: 1.5rem;
}

.top-bar-box.card-title .fi {
    font-size: 1rem;
}

.dashboard-b .pro-card {
    border-left: none;
    border-bottom: none;
}

.dashboard-info .item-price-box {
    border-radius: 0.25rem;
    background: var(--gray-1);
    display: flex;
    padding: 1rem 0.75rem;
    align-items: center;
    position: relative;
}

.dashboard-info .item-left-box::before {
    content: "";
    position: absolute;
    width: 0.125rem;
    height: 1.5rem;
    border-radius: 0.125rem;
    background: var(--darkGray-1);
    right: 0;
}

.dashboard-info .item-left-box {
    flex: 1;
    justify-content: flex-end;
    display: flex;
    position: relative;
}

.dashboard-info .item-price-box .item-right-box {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.dashboard-info .item-price-box .item-right-box .fi {
    color: var(--success-6);
}

.dashboard-info .item-price-box .item-right-box .time-label-box .time-label {
    color: var(--darkGray-8);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 300;
}

.dashboard-info .item-price-box .item-right-box .time-label-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.dashboard-info .item-price-box .item-right-box .time-label-box .time-label-text {
    color: var(--black);
    text-align: right;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 300;
}

.dashboard-info .item-price-box .item-left-box .label-text {
    color: var(--black);
    text-align: right;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
}

.dashboard-info .priceItem-box {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.sidebar-menu .sidebar-menu-item.sidebar-active .sidebar-menu-link {
    color: var(--primary-8);
}

.sidebar-info .sidebar-menu-item .submenu .submenu-item a:hover {
    background-color: var(--gray-8);
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;

}

.sidebar-info .sidebar-menu .sidebar-menu-item .submenu .submenu-item .active {
    color: var(--primary-8);
}

.dashboard-content .price-change-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.dashboard-content .price-change-list .p-change-item:not(:last-child) {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--gray-8);
}

/* /Price Change */

/* Contact Chats */

.message-reply {
    padding-top: 1.5rem;
    border-top: 5px solid var(--darkGray-1);
}

.message-reply .form-holder {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.message-reply .form-holder .attachment-files {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.message-reply .form-holder .attachment-files .file-item {
    display: flex;
    gap: 0.2rem;
}

.message-reply .form-holder .attachment-files .file-item .delete-btn {
    background-color: var(--danger-light);
    border-radius: 0.5rem;
    border: none;
    color: var(--danger-6);
    display: flex;
    width: 2.25rem;
    height: 2.25rem;
    justify-content: center;
    align-items: center;
}

.message-reply .form-holder .reply-send .fi {
    transform: rotate(-90deg);
    font-size: 1.5rem;
    margin-left: 0.75rem;
}

.base-card-body .messages.user-dashboard-messages .user-message {
    flex-direction: row;
    padding-right: 0;
}

.base-card-body .messages.user-dashboard-messages .system-message {
    padding-right: 0;
}

.base-card-body .messages.user-dashboard-messages .user-message .message-avatar {
    border-radius: 1rem 1rem 1rem 0.25rem;
}

.base-card-body .messages.user-dashboard-messages .user-message .message-content {
    align-items: flex-start;
}

.base-card-body .messages.user-dashboard-messages .user-message .message-content .message-box {
    border-radius: 1rem 0.25rem 1rem 1rem;
}

.base-card-body .messages.user-dashboard-messages .seller-message {
    flex-direction: row-reverse;
    padding-left: 0;
}

.base-card-body .messages.user-dashboard-messages .seller-message .message-avatar {
    border-radius: 1rem 1rem 0.25rem 1rem;
}

.base-card-body .messages.user-dashboard-messages .seller-message .message-content {
    align-items: flex-end;
}

.base-card-body .messages.user-dashboard-messages .seller-message .message-content .message-box {
    border-radius: 0.25rem 1rem 1rem 1rem;
}

/* /Contact Chats */

/* Contact list */

.dashboard-content .tracking-box {
    display: flex;
    padding: 0.75rem 0.75rem 1.5rem 0.75rem;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    border-radius: 0.5rem;
}

.dashboard-content .tracking-box .title-tracking {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.dashboard-content .tracking-box .title-tracking .fi {
    color: var(--darkGray-6);
}

.tracking-box .subject-info .sub-box {
    border-radius: 0.25rem;
    background: var(--white);
    display: flex;
    padding: 0.25rem 0.5rem;
    align-items: center;
}

.tracking-box .subject-info {
    display: flex;
    justify-content: space-between;
}

.tracking-box .tracking-body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.75rem 0.75rem 0 0;
    border-right: 1px solid var(--darkGray-1);
}

.tracking-box .subject-info .sub-box .sub-box-text {
    color: var(--black);
    font-size: 0.75rem;
    font-weight: 300;
}

.tracking-box .subject-info .sub-box.sub-box-2 {
    background: var(--secondary-7);

}

.tracking-box .subject-info .sub-box.sub-box-2 .sub-box-text {
    color: var(--white, #FFF);
}

.tracking-box .subject-info .Ticket-number {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.tracking-box .subject-info .Ticket-number .fi {
    font-size: 0.75rem;
}

.tracking-box .subject-info .Ticket-number .Ticket-text-right {
    color: var(--secondary-4);
    font-size: 0.813rem;
}

.tracking-box .subject-info .Ticket-number .Ticket-text-left {
    color: var(--darkGray-8);
    font-size: 0.875rem;
    font-weight: 300;
}

.tracking-box .sub-box-tracking {
    display: flex;
    flex-direction: column;
    padding-right: 0.75rem;
    gap: 0.75rem;
}

.tracking-box .sub-box-tracking .result-box.result-item-box {
    border-radius: 0.5rem;
    background: var(--white);
}

.tracking-box .sub-box-tracking .View-message-buttons {
    display: flex;
    gap: 0.625rem;
}

.tracking-box .sub-box-tracking .View-message-buttons .base-btn {
    display: flex;
    flex: 1;
}

.modal-report .title-modal-contact {
    color: var(--black);
    font-weight: 500;
}

.cityName-body.Question-text .location-box-modal .location-info.city-info {

    padding: 0.5rem 0;

}

.modal .cityName-body .location-box-modal .info-text {
    color: var(--primary-8);
    font-size: 0.875rem;
    font-weight: 300;
}

.modal .Question-text .location-box-modal .send-box span {
    color: var(--black);;
    font-size: 0.875rem;
    font-weight: 600;
}

.modal .Question-text .location-box-modal .send-box {
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    justify-content: center;
    border-radius: 0.5rem;
    background: var(--gray-1);
}

.modal .Question-text .location-box-modal .send-box .input-box-send .input-send {
    border-radius: 0.5rem;
    border: 1px solid var(--gray-8);
    background: var(--white);
    display: flex;
    padding: 0.5rem 1rem;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
}

.modal .Question-text .location-box-modal .send-box .input-box-send {
    display: flex;
    width: 100%;
}

.modal .Question-text .center-btn button {
    width: 100%;
}

.modal .Question-text .massage-border-top {
    border-top: none;
    padding: 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

.modal .Question-text .massage-border-top .form-holder .form-group {
    margin-bottom: 0;
}

.modal .Question-text .massage-border-top {
    display: none;
}

.dashboard-content .search-results {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dashboard-content .result-box {
    padding: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.5rem;
    background-color: var(--gray-1);
    transition: all 0.3s ease-in;
}

.gray-bg {
    background-color: var(--gray-1);
}

.dashboard-content .result-box .result-img-title {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dashboard-content .result-box .result-img-title img {
    max-width: 3rem;
}

.dashboard-content .result-box .result-img-title .title-result {
    color: var(--black);
    font-size: 0.875rem;
    font-weight: 500;
}

.dashboard-content .result-box .text-result-box .text-result {
    color: var(--black);
    font-size: 0.875rem;
    font-weight: 300;
}

.dashboard-info .reportBtn-box {
    display: flex;
    justify-content: flex-end;
}

.dashboard-info .info-box.border-gray {
    border: 1px solid var(--gray-8);
}

.Question-text .location-box-modal .title-location-info {
    font-size: 1rem;
}

.modal.location-modal .location-modal .cityName-body.Question-text .Recent-choose-city {
    padding-bottom: 0;
    margin-bottom: 1rem;
}

.Question-text .choice-city-modal.location-box-modal .location-info:last-child .city-info {
    border-bottom: none;
}

/* /Contact list */

/* Order Tracking */

.dashboard-info .top-bar-box .right-report {
    background-color: transparent;
    border: none;
    padding: 0;
}

.dashboard-info .top-bar-box .right-report .title-top-bar {
    font-size: 0.875rem;
    font-weight: 300;
}

.dashboard-info .top-bar-box .right-report .fi {
    font-size: 1rem;
}

.dashboard-info .box-description.info-box .info-b-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.dashboard-info .box-description.info-box .info-b-item p {
    line-height: 2rem;
}

.dashboard-info .box-description.info-box {
    border-color: var(--gray-8);
}

.dashboard-info .reportBtn-box {
    display: flex;
    justify-content: flex-end;
}

.dashboard-info .modal .modal-report .modal-body .modal-body-li .fi {
    font-size: 1rem;
    color: var(--success-6);
}

.dashboard-info .modal .modal-report .modal-body .modal-body-li {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.dashboard-info .modal .modal-report .modal-body .modal-body-li p {
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 300;
}

.dashboard-info .modal .modal-report .modal-body ul {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.dashboard-info .box-input-buy .input-search-box .search-input {
    line-height: 3rem;
}

.dashboard-info .box-input-buy .input-search-box {
    justify-content: center;
    margin-bottom: 0;
}

.dashboard-info .box-input-buy .c-label-box {
    display: flex;
    align-items: center;
    justify-content: center;

}

.dashboard-info .box-input-buy .c-label-box .c-label {
    margin-bottom: 0;
}

.dashboard-info .box-input-buy {
    display: flex;
    margin-bottom: 2.5rem;
    gap: 2rem;
}

.dashboard-info .box-input-buy .search-btn {
    left: 1.5rem;
    top: 0.75rem;
}

.dashboard-info .box-input-buy .input-box-info {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.dashboard-content .top-bar-box.Visit-box {
    padding: 0;
    margin-bottom: 2rem;
    background-color: var(--white);
}

.dashboard-content .products-wrapper .products-wrapper-body .pro-card .post-item.post-item-gray {
    border-radius: 0.25rem;
    background: var(--gray-1);
    gap: 0.5rem;
    padding: 0.75rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: all 0.3s ease-in;
}

.dashboard-content .products-wrapper .products-wrapper-body .pro-card .post-item.post-item-gray .post-item-img {
    max-width: 4.5rem;
}

.dashboard-content .products-wrapper .products-wrapper-body .pro-card .post-item.post-item-gray .post-item-img img {
    aspect-ratio: 1 / 1;
}

.dashboard-content .products-wrapper .products-wrapper-body .pro-card:hover .post-item.post-item-gray {
    background-color: var(--white);
}

.dashboard-content .products-wrapper .pro-card .post-item.post-item-gray .nameShop-box {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.5rem;
}

.dashboard-content .products-wrapper .pro-card .post-item.post-item-gray .nameShop-box span {
    color: var(--black);
    font-size: 0.875rem;
    font-weight: 600;
}

.dashboard-content .products-wrapper .pro-card .post-item.post-item-gray .nameShop-box .city_location .fi {
    font-size: 0.75rem;
}

.dashboard-content .products-wrapper .pro-card .post-item.post-item-gray .nameShop-box .city_location span {
    color: var(--secondary-5);
    font-size: 0.875rem;
    font-weight: 400;

}

.dashboard-info .products-wrapper .pro-card .pro-card-click {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.dashboard-info .info-box.info-warning.info-warning-dark {
    margin-bottom: 0;
}

.dashboard-content .search-results {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dashboard-content .result-box {
    padding: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.5rem;
    background-color: var(--gray-1);
    transition: all 0.3s ease-in;
}

.dashboard-content .result-box:hover {
    background-color: var(--gray-3);
}

.dashboard-content .result-box .result-img-title {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dashboard-content .result-box .result-img-title img {
    max-width: 3rem;
}

.dashboard-content .result-box .result-img-title .title-result {
    color: var(--black);
    font-size: 0.875rem;
    font-weight: 500;
}

.dashboard-content .result-box .text-result-box .text-result {
    color: var(--black);
    font-size: 0.875rem;
    font-weight: 300;
}

.dashboard-content .btn-click-back .back-click {
    border: none;
    background: none;
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 500;
    gap: 0.5rem;
    color: var(--black);
}

.dashboard-content .btn-click-back .back-click .fi {
    color: var(--darkGray-8);
}

.dashboard-content .btn-click-back {
    display: flex;
    padding: 1.5rem 0;
}

.dashboard-content .body-items-info .checkbox-group .t-label {
    color: var(--black);
    font-size: 0.875rem;
    font-weight: 600;
}

.dashboard-content .body-items-info .checkbox-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.dashboard-content.dashboard-info .form-group .checkbox-group label {
    padding: 0;
}

.dashboard-content .body-items-info .checkbox-group .text-label {
    color: var(--black);
    font-size: 0.75rem;
    font-weight: 400;
}

.dashboard-content.dashboard-info .body-items-info.form-group {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.dashboard-content .info-box.info-b {

    margin-bottom: 0.625rem;
}

.dashboard-content .Response-time .res-time {
    color: var(--darkGray-8);
    font-weight: 300;
}

.dashboard-content .Response-time {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dashboard-content .Response-time .time-text {
    color: var(--black);
    font-weight: 300;
}

.dashboard-content .numbers-info {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 0.5rem;
}

.dashboard-content .numbers-info .img-numbers-info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.dashboard-content .numbers-info .img-numbers-info .numbers-info-icon::before {
    content: "";
    width: 3rem;
    height: 3rem;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../img/phone1.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.dashboard-content .numbers-info .img-numbers-info .phone-1::before {
    background-image: url("../img/phone3.svg");
}

.dashboard-content .numbers-info .img-numbers-info .phone-2::before {
    background-image: url("../img/phone2.svg");
}

.dashboard-content .numbers-info .img-numbers-info .email-icon::before {
    background-image: url("../img/email.svg");
}

.dashboard-content .numbers-info .img-numbers-info .support-icon::before {
    background-image: url("../img/support.svg");
}

.dashboard-content .numbers-info .box-numbers-info {
    display: flex;
    padding: 0.75rem;
    flex: 1;
    border-radius: 0.5rem;
    justify-content: flex-end;
    gap: 0.5rem;
}

.dashboard-content .numbers-info .box-numbers-info .numbers-style {
    color: var(--black);
    font-size: 1rem;
    font-weight: 300;
}

.dashboard-content .numbers-info .box-numbers-info .style-domain {
    color: var(--darkGray-8);
    font-weight: 400;
    line-height: 1.5rem;
}

.dashboard-content .Response-info {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.dashboard-content .Response-info .sidebar-body-res {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dashboard-content .Response-info .Bottom-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.dashboard-content .code-date-box .Order-code-box .label-c {
    color: var(--black);
    font-size: 0.875rem;
    font-weight: 500;
}

.dashboard-content .code-date-box .Order-code-box {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.dashboard-content .code-date-box {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.dashboard-content .code-date-box .Order-code-box .input-control {
    min-width: 4.5rem;
    height: 6.25rem;
}

.dashboard-content .code-date-box .form-group.label-group {
    margin-bottom: 0;
}

.modal .modal-items-body {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.modal .modal-items-body .post-item-gray {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
}

.modal .modal-items-body .post-item-gray .text-post-item {
    display: flex;
    padding: 0.75rem;
    gap: 0.75rem;
    border-radius: 0.5rem;
}

.modal .modal-items-body .post-item-gray .text-image {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.modal .modal-items-body .post-item-gray .text-image span {
    color: var(--black);
    font-weight: 600;
}

.modal .modal-items-body .post-item-gray .img-post-item {
    max-width: 4.5rem;
}

.dashboard-info .modal-content .modal-body {
    align-items: normal;
}

.modal .modal-items-body .city_location {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.modal .modal-items-body .city_location .location-icons {
    display: flex;
    align-items: center;
    margin-left: 0.25rem;
}

.modal .modal-items-body .city_location .location-icons .fi {
    font-size: 0.75rem;
}

.modal .modal-items-body .text-modal-body {
    color: var(--black);
    font-size: 1rem;
    font-weight: 500;
}

.modal .modal-items-body .city_location .location-icons .txt-danger {
    position: relative;
    margin-left: -0.313rem;
}

.modal .modal-items-body .city_location .item-texts {
    color: var(--secondary-5);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.modal-content .modal-item-footer .modal-actions {
    padding-top: 1.5rem;
}

/* /Order Tracking */

/* Shops */

.dashboard-content .display-item-shops {
    padding: 0.75rem;
    display: flex;
    margin-bottom: 1.5rem;
    background-color: var(--gray-1);
    border-radius: 0.5rem;
    transition: all 0.3s ease-in;
}

.dashboard-content .display-item-shops:hover {
    background-color: var(--gray-3);
}

.dashboard-content .display-item-shops .item-shops {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dashboard-content .item-shops .city_location {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    justify-content: space-between;
}

.dashboard-content .title-text-shops {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1;
}

.dashboard-content .title-text-shops .site-text span {
    color: var(--secondary-5);
    font-size: 0.875rem;
    font-weight: 400;
}

.dashboard-content .title-text-shops .title-shops {
    color: var(--black);
    font-weight: 600;
}

.dashboard-content .title-text-shops .city_location .fi {
    font-size: 0.75rem;
}

.dashboard-content .item-shops .img-shops-item {
    max-width: 4.5rem;
}

.dashboard-content .item-shops .item-link {
    display: flex;
    align-items: center;
}

.dashboard-content .item-shops .img-shops-item img {
    aspect-ratio: 1 / 1;
    mix-blend-mode: multiply;
}

.dashboard-content .title-text-shops .city_location .item-texts {
    color: var(--secondary-5);
    font-size: 0.875rem;
    font-weight: 400;
}

.dashboard-content .title-text-shops .location-icons .danger-icon {
    position: relative;
    margin-left: -0.313rem;
}

.dashboard-content .title-text-shops .location-icons {
    display: flex;
    align-items: center;
}

.dashboard-content .title-text-shops .location-icons .both-shop {
    display: flex;
    align-items: center;
    margin-left: 0.25rem;
}

.dashboard-content .title-text-shops .city_location .site-text {
    margin-right: auto;
}


.dashboard-section .sidebar .header-sidebar .box-sidebar {
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    border-radius: 0.5rem;
}

.sidebar .box-header-sidebar {
    padding-left: 1.5rem;
}

.dashboard-section .sidebar .box-sidebar .title-img-sidebar .img-box-sidebar {
    border-radius: 0.5rem;
    background: var(--white);
    display: flex;
    padding: 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
}

.dashboard-section .sidebar .box-sidebar .sidebar-box-with {
    width: 100%;
}

.dashboard-section .sidebar .box-sidebar .title-img-sidebar {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.dashboard-section .sidebar .box-sidebar .title-img-sidebar .text-sidebar-header {
    color: var(--black);
    text-align: center;
    font-size: 1.125rem;
    font-weight: 500;
}

.dashboard-section .sidebar .box-sidebar .site-address .location-icons .both-shop .fi {
    font-size: 0.75rem;
    position: relative;
    margin-left: -0.313rem;
    padding-left: 0;
}

.dashboard-section .sidebar .box-sidebar .site-address .location-icons .item-texts {
    color: var(--secondary-5);
    font-size: 0.875rem;
    font-weight: 300;
}

.dashboard-section .sidebar .box-sidebar .site-address .location-icons {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.dashboard-section .sidebar .box-sidebar .site-address .location-icons .both-shop {
    display: flex;
    align-items: center;
    margin-left: 0.25rem;
}

.dashboard-section .sidebar .box-sidebar .site-address .site-text .item-texts {
    font-size: 1rem;
    color: var(--secondary-5);
    font-weight: 300;
}

.dashboard-section .sidebar .box-sidebar .site-address .city_location {
    padding: 0.75rem;
    border-top: 1px solid var(--darkGray-1);
    border-bottom: 1px solid var(--darkGray-1);
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
}

.header-sidebar .site-address.item-shops {
    margin-bottom: 0;
}

.header-sidebar .box-sidebar .bottom-text .bottom-shopsText {
    color: var(--secondary-7);
    font-weight: 500;
}

.header-sidebar .box-sidebar .bottom-text .bottom-icon-next {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-sidebar .box-sidebar .bottom-text .btn-text-bottom {
    background: none;
    border: none;
    display: flex;
    padding: 0;
    color: var(--secondary-7);
}

.header-sidebar .box-sidebar .bottom-text {
    display: flex;
    justify-content: center;
}

.header-sidebar .box-sidebar .bottom-text .btn-text-bottom .fi {
    font-size: 1.25rem;
}

.sidebar .body-sidebar .information-star {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--gray-8);
    margin-bottom: 1.5rem;
}

.sidebar .body-sidebar .information-star .star-icon {
    display: flex;
}

.sidebar .body-sidebar .information-star .star-icon::before {
    content: "";
    width: 2.25rem;
    height: 2.25rem;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../img/star.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.sidebar .body-sidebar .information-star .icon-star {
    position: relative;
}

.sidebar .body-sidebar .information-star .icon-star::before {
    content: "";
    width: 0.063rem;
    height: 3rem;
    position: absolute;
    left: -0.688rem;
    background-color: var(--darkGray-1);
    top: -0.5rem;

}

.sidebar .body-sidebar .information-star .rate-title {
    display: flex;
    flex-direction: column;
    padding-right: 0.75rem;
    gap: 0.25rem;
}

.sidebar .body-sidebar .information-star .rate-title .rate-text {
    color: var(--black);
    font-weight: 500;
}

.sidebar .body-sidebar .information-star .rate-title .rate-number {
    font-weight: 700;
    line-height: 1.25rem;
    font-size: 1.25rem;
}

.sidebar .body-sidebar .information-star .rate-title .rate-numbers {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.sidebar .body-sidebar .information-star .rate-title .rate-numbers .rate-number2 {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.25rem;
}

.dashboard-content .phone-info-box {
    border-radius: 0.5rem;
    border: 1px solid var(--gray-8);
    background: var(--white);
    display: flex;
    padding: 0 0.75rem 1.5rem 0.75rem;
    gap: 0.75rem;
    flex-direction: column;

}

.dashboard-content .phone-info-box.info-box-header {
    height: 100%;
}

.dashboard-content .info-phones {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
}

.dashboard-content .info-phones .phones {
    display: flex;
    flex: 1;
    justify-content: space-between;
    position: relative;
}

.dashboard-content .info-phones .phones.body-info-phones {
    padding-left: 0.75rem;
}

.dashboard-content .info-phones .phone-number::after {
    content: "";
    width: 0.125rem;
    height: 1.25rem;
    position: absolute;
    left: -0.75rem;
    background-color: var(--gray-8);
}

.dashboard-content .phone-info-box .info-phones .number-b::after {
    display: none;
}

.dashboard-content .phone-info-box .phone-info {
    display: flex;
    padding: 0.75rem 0;
    align-items: center;
    gap: 0.75rem;
    align-self: stretch;
    border-bottom: 2px solid var(--gray-8);
}

.dashboard-content .phone-info-box .phone-info .text-info {
    color: var(--black);
    font-size: 1rem;
    font-weight: 600;
}

.dashboard-content .phone-info-box .phone-info .img-info {
    position: relative;
    padding-left: 0.75rem;
}

.dashboard-content .phone-info-box .phone-info .img-info .pb-icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    position: relative;
}

.dashboard-content .phone-info-box .phone-info .img-info .pb-icon::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.dashboard-content .phone-info-box .phone-info .img-info .pb-icon.comment-icon::after {
    background-image: url(../img/comment.svg);
}

.dashboard-content .phone-info-box .phone-info .img-info .pb-icon.check-icon::after {
    background-image: url(../img/tick.svg);
}

.dashboard-content .phone-info-box .phone-info .img-info .pb-icon.clock-icon::after {
    background-image: url(../img/Groupclock.svg);
}

.dashboard-content .phone-info-box .phone-info .img-info .pb-icon.stars-icon::after {
    background-image: url(../img/Groupstar.svg);
}

.dashboard-content .phone-info-box .phone-info .img-info .pb-icon.card-icon::after {
    background-image: url(../img/card.svg);
}

.dashboard-content .phone-info-box .phone-info .img-info .pb-icon.box-icon::after {
    background-image: url(../img/shooop.svg);
}

.dashboard-content .phone-info-box .phone-info .img-info .pb-icon.car-icon::after {
    background-image: url(../img/car.svg);
}

.dashboard-content .phone-info-box .phone-info .img-info .pb-icon.back-icon::after {
    background-image: url(../img/Frame-m.svg);
}

.dashboard-content .phone-info-box .phone-info .img-info::before {
    content: "";
    width: 0.125rem;
    height: 3rem;
    position: absolute;
    left: 0;
    background-color: var(--gray-8);
}

.dashboard-content .phone-info-box .info-phones .number {
    color: var(--secondary-7);
    font-size: 0.875rem;
    font-weight: 500;
}

.dashboard-content .phone-info-box .info-phones .number.number-m {
    font-weight: 400;
}

.dashboard-content .phone-info-box .info-phones .left {
    position: relative;
}

.dashboard-content .right-side {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.dashboard-content .phone-info-box .body-info-box-phone .Points-information {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.dashboard-content .phone-info-box .body-info-box-phone .text-pay {
    color: var(--secondary-7);
    font-size: 0.875rem;
    font-weight: 400;
}

/*.dashboard-content .phone-info-box .info-phones .left::before{*/
/*    content: "";*/
/*    width: 2px;*/
/*    height: 48px;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    background-color: var(--gray-8);*/
/*}*/

.dashboard-content .phone-info-box .address-shop {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dashboard-content .phone-info-box .address-shop .address-title {
    color: var(--secondary-7);
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0;
}

.dashboard-content .phone-info-box .address-shop .address {
    font-weight: 300;
}

.dashboard-section .footer-sidebar {
    display: flex;
    align-items: center;
    padding: 0 0.75rem 0 1.5rem;
    gap: 0.5rem;
}

.dashboard-section .footer-sidebar .photos {
    display: flex;
    flex: 1;
}

.dashboard-section .footer-sidebar .photos {
    border-radius: 0.5rem;
}

.dashboard-section .footer-sidebar .photos img {
    border-radius: inherit;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

/* /Shops */

/* Reports */

.dashboard-info .top-bar-box .text-top-bar {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.base-card-body .reportBtn-box {
    display: flex;
    gap: 0.75rem;
}

/* /Reports */

/* Offline shop add pro */

.modal-body .pro-add-form {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}

.modal-body .pro-add-form .pro-info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.modal-body .pro-add-form .pro-info .pro-img-holder {
    max-width: 12.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
}

.modal-body .pro-add-form .pro-info .pro-img-holder img {
    aspect-ratio: 1 / 1;
}

.modal-body .pro-add-form .pro-info .pro-title {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 2rem;
}

.modal-body .custom-select-box.select-sm .select2-container .select2-selection--single {
    background-color: var(--white);
    border: 1px solid var(--gray-8);
    padding: 0.75rem 1rem;
}

.online-shop .fi {
    margin-left: 0.25rem !important;
}

/* /Offline shop add pro */

/* brands */

.shops-carousel .brands-box {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.brand-search .search-btn {
    background: none;
    border: none;
    position: absolute;
    left: 1.5rem;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1.5rem;
    display: flex;
    padding: 0;
    color: var(--darkGray-8);
}

.brand-search .input-search-box input {
    line-height: 2.875rem;
}

.brand-search .input-search-box {
    margin-bottom: 2rem;
}

.lg-backdrop.in, .lg-outer.lg-visible,
.modal-backdrop.show:nth-of-type(even) {
    z-index: 9999 !important;
}

.modal.on-top-modal {
    z-index: 10002 !important;
}

.modal-backdrop.show:nth-of-type(even) {
    z-index: 10001 !important;
}

.modal {
    z-index: 10000;
}

.special-brands {
    margin-bottom: 4rem;
}

.special-brands .carousel-box {
    margin-bottom: 1.5rem;
}

.special-brands .text-carousel-box {
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
}

.special-brands .main-title,
.brands-box .main-title{
    margin-bottom: 1.5rem;
    text-align: center;
}

.brands-box .brands-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
}

/* /brands */

.subcategories .sub-cat-card a {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
    border-left: 1px solid var(--gray-5);
    border-bottom: 1px solid var(--gray-5);
    align-items: center;
}

.subcategories .sub-cat-card {
    transition: all 0.3s ease;
}

.subcategories .sub-cat-card:hover {
    background-color: var(--gray-5);
}

.subcategories .sub-cat-card a .sub-title {
    font-size: 1rem;
    color: var(--black);
    text-align: center;
}

.subcategories .sub-cat-card a .thumbnail {
    max-width: 10rem;
}

.subcategories .sub-cat-card.show-more {
    width: 100%;
    height: 100%;
}

.subcategories .sub-cat-card.show-more button {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    padding: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    border-bottom: 1px solid var(--gray-5);
}

.subcategories .sub-cat-card.show-more button .sub-title {
    font-size: 0.75rem;
}

.subcategories .sub-cat-card.show-more button .main-title {
    font-size: 1.5rem;
}

.description-section .des .h1,
.description-section .des .h2,
.description-section .des .h3,
.description-section .des .h4,
.description-section .des .h5,
.description-section .des .h6,
.description-section .des h1,
.description-section .des h2,
.description-section .des h3,
.description-section .des h4,
.description-section .des h5,
.description-section .des h6 {
    margin-bottom: 1rem;
}

.description-section .des p {
    font-weight: 300;
    text-align: justify;
    line-height: 1.5;
}

.description-section .des {
    margin-bottom: 0.5rem;
}

.description-section .faq li a {
    padding: 1rem;
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.description-section .faq li:not(:last-child) a {
    border-bottom: 1px solid var(--gray-5);
}

.description-section .faq li a i {
    transition: all 0.3s ease;
}

.description-section .faq li a[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.slider-section.mobile-view {
    display: none;
}

.banner-holder {
    margin-top: 2rem;
}

.banner-holder .banner {
    display: flex;
    border-radius: 1rem;
}

.b-r-0 {
    border-radius: 0 !important;
}

.brand-name {
    margin-left: 2rem;
}

.banner-holder .banner .brand-logo {
    width: 132px;
    height: 132px;
    display: flex;
    background: white;
    margin: 2rem;
    border-radius: 1rem;
    justify-content: center;
}

.banner-holder .banner .brand-logo img {
    width: 100px;
    object-fit: contain;
}

.pro-all-data-sec.brand-tabs .pro-tabs-holder {
    justify-content: start;
}

.pro-all-data-sec.brand-tabs {
    border: none;
    padding: 1.5rem 0;
}

.pro-all-data-sec.brand-tabs .pro-tabs-holder .nav-item:not(:first-child):not(:last-child) .nav-link span {
    border: none;
}

.archive .brand-slider {
    margin-bottom: 4rem;
}

.archive .brand_abstract {
    margin-bottom: 4rem;
}

.archive .brand_abstract .abstract {
    display: flex;
    align-items: center;
    height: 100%;
}

.archive .brand_abstract .abstract p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
    text-align: justify;
}

.archive .brand_abstract .img-holder {
    display: flex;
    justify-content: flex-end;
    border-radius: 8px;
}

.archive .brand_abstract .img-holder img {
    max-width: 100%;
    border-radius: inherit;
}

.archive .brand-videos {
    margin-bottom: 4rem;
}

.archive .brand-videos .video-holder {
    display: flex;
    border-radius: 8px;
    position: relative;
    max-height: 17.875rem;
}

.archive .brand-videos .video-holder a {
    width: 100%;
    border-radius: inherit;
    position: relative;
}

.archive .brand-videos .video-holder img {
    border-radius: inherit;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.archive .brand-videos .video-holder a::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: inherit;
    background-color: rgba(0, 0, 0, 0.5);
}

.archive .brand-videos .video-holder a::after {
    content: '';
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-image: url('../img/download.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.archive .brand-blogs {
    margin-bottom: 4rem;
}

.archive .brand-blogs .main-title {
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
    text-align: center;
    font-weight: 600;
}

/*--------------------*/
.tabs-modern {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
    padding: 0;
    border-bottom: none;
}

.tabs-modern .nav-item {
    flex: 0 0 auto;
}

.tabs-modern .nav-link {
    background: #ffffff;
    color: #1a252f;
    padding: 8px 20px;
    border-radius: 15px !important;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    border: 1px solid #ced4da;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    line-height: 1.5;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    width: auto; /* Allow width to adjust based on content */
}

.tabs-modern .nav-link:hover {
    background: #f1f3f5;
    color: #1a252f;
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.tabs-modern .nav-link.active {
    background: #17a2b8;
    color: #ffffff;
    border-color: #17a2b8;
    box-shadow: 0 4px 10px rgba(23, 162, 184, 0.3);
    transform: scale(1.05);
    animation: pulse 0.3s ease;
    border-radius: 10px !important;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.08); }
    100% { transform: scale(1.05); }
}

/* Card Modern Styling */
.card-modern {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    transition: transform 0.2s ease;
}

.card-modern:hover {
    transform: translateY(-5px);
}

/* Brand Abstract */
.brand_abstract p {
    font-size: 16px;
    line-height: 1.6;
    color: #444;
}

.brand_abstract .img-holder img {
    border-radius: 8px;
    object-fit: cover;
    width: 100%;
    height: auto;
}

/* Video Holder */
.video-holder {
    position: relative;
    overflow: hidden;
}

.video-holder img {
    border-radius: 8px;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.video-holder:hover img {
    transform: scale(1.05);
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.video-holder:hover .video-overlay {
    opacity: 1;
}

.video-overlay i {
    color: #fff;
    font-size: 40px;
}

/* FAQ Styling */
.faq li {
    margin-bottom: 10px;
}

.faq-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    font-weight: 500;
    color: #333;
    transition: background 0.3s ease;
}

.faq-toggle:hover {
    background: #e0e0e0;
}

.faq-toggle[aria-expanded="true"] {
    background: #007bff;
    color: #fff;
}

.faq-toggle i {
    transition: transform 0.3s ease;
}

.faq-toggle[aria-expanded="true"] i {
    transform: rotate(180deg);
}

@media (max-width: 768px) {
    .search-content {
        padding-top: 7.5rem;
        padding-bottom: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row-reverse;
        gap: 5rem;
    }

    .shops-full-carousel {
        padding: 0.5rem 0;
        margin-bottom: 3rem;
    }
}