.acount-drop-down {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: fit-content;
    padding: 2px 5px;
    border-radius: 40px;
    border: 1px solid #ccc;
    font-size: 14px;
    font-weight: 500;
    gap: 15px;
    background-color: #f7f7f7;
    cursor: pointer;
    position: relative;
}

.acount-drop-down span {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.acount-drop-down span p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-black);
    white-space: nowrap;
}

.acount-drop-down img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px dashed #41d250;
    object-fit: cover;
}

.acount-drop-down i {
    color: var(--color-black);
}

.acount-drop-menu {
    background-color: #fff;
    position: absolute;
    top: 100%;
    right: 0;
    width: fit-content;
    padding: 5px;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    z-index: 50;
    display: none;

}

.acount-drop-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.acount-drop-menu ul li {

    margin: 5px 0;
    width: 100%;
}

.acount-drop-menu ul li a {
    white-space: nowrap;
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 7px 15px;
    transition: 0.5s;
    width: 100%;
    border-radius: 3px;
    color: var(--color-black);
    text-decoration: none;
}

.acount-drop-menu ul li a i {
    color: var(--color-black);
}

.acount-drop-menu ul li a:hover {
    background-color: var(--primary-dark);
    color: #fff;
}

.acount-drop-menu ul li a:hover i {
    color: var(--color-white);
}

.drop-block .acount-drop-menu {
    display: block;
}



.logout-title {
    text-align: center;
    font-size: 20px;
    margin: 0;
    color: #000;
    margin-top: 0;
    font-family: var(--font-main);
    font-weight: 600;
    color: var(--primary-dark);
}

.logout-modal-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    gap: 10px;
}

.logout-modal-footer button,
.logout-modal-footer a {
    width: 100px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    transition: 0.5s;
    border-radius: 4px;
    text-decoration: none !important;
    border: 0;
}

.logout-modal-footer a {
    background-color: var(--primary-dark);
    color: #fff;

}

.logout-modal-footer button {
    background-color: #E5D8CB;
    color: #222;
}

.logout-modal-footer button:hover,
.logout-modal-footer a:hover {
    border-radius: 40px;
}

.flex-top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
}

.company-left-view {
    /* background: #e1ebf8; */
    border: 1px solid #e8e8e8;
    border-radius: 14px;
    padding: 10px;
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
}

.company-title {
    margin-bottom: 14px;
    font-weight: 600;
    background-color: var(--primary);
    padding: 15px;
}

.company-title h3 {
    font-weight: 500;
    font-size: 18px;
    color: var(--color-white);
    margin: 0;

}

.company-title i {
    font-size: 18px;
    color: #0d6efd;
}

.company-logo-box {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 0 auto 0;
    background-color: var(--color-white);
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
    border-radius: 15px;
}

.company-logo-box img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    object-fit: contain;
    border: 1px solid #e5e5e5;
}

.upload-icon {
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s ease;
}

.upload-icon i {
    font-size: 17px;
    color: var(--primary);
}

.upload-icon:hover {
    background: #f5f5f5;
}

.company-name {
    font-size: 17px;
    color: #222;
    margin-bottom: 0;
    font-weight: 600;
    font-family: var(--font-main);
    margin-top: 7px;
}

.share-profile {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 13px 16px;
    border-radius: 15px;
    background: #fff;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: 0.5s;
}

.share-profile i {
    font-size: 16px;
}

.share-profile:hover {
    background: var(--primary);
    border-radius: 40px;
    color: var(--color-white);
}


.left-sidebar {
    background: #e1ebf8;
    border: 1px solid #e8e8e8;
    border-radius: 14px;
    overflow-y: auto;
    margin-top: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.left-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.left-sidebar ul li {
    position: relative;
}

/* Main Menu */
.left-sidebar ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: #222;
    text-decoration: none;
    padding: 14px 10px;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s ease;
    border-radius: 8px;
    margin: 2px 10px;
}

.left-sidebar ul li a span {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
}

.left-sidebar ul li a:hover {
    background: #fff;
    color: #2563eb;
}

.left-sidebar ul li a i {
    width: 20px;
    text-align: center;
    font-size: 15px;

}

.left-sidebar ul li a.active {
    background-color: var(--primary);
    color: var(--color-white);
}

/* Smooth Submenu Animation */
.subinnermenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    background: #b8cae3;
    margin: 0 10px;
}

.subinnermenu li:first-child {
    margin-top: 10px;
}

/* Open submenu */
.has-submenu.active .subinnermenu {
    max-height: 500px;
    overflow: auto;
}

/* Submenu Links */
.subinnermenu li a {
    padding: 12px 20px 12px 50px;
    font-size: 14px;
    color: #555;
}

.subinnermenu li a:hover {
    background: #e5e7eb;
    color: #111827;
}

/* Arrow Animation */
.arrow {
    transition: transform 0.35s ease;
    font-size: 13px;
}

.left-sidebar ul li a i.arrow {
    margin-left: auto;
}

/* Rotate arrow */
.has-submenu.active .arrow {
    transform: rotate(180deg);
}

/* 
.business-right-side {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 12px;
}

.business-right-side h3.page-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.business-right-side h3.page-title a.upgrade-premium {
    padding: 10px 10px;
    border-radius: 7px;
    background-color: #eb8416;
    color: #fff;
    text-decoration: none;
    transition: 0.5s;
    font-size: 14px;
    font-weight: 400;
}
.business-right-side h3.page-title a.upgrade-premium:hover{
    border-radius: 40px;
    transition: 0.5s;
}
.business-right-side h3.page-title a.upgrade-premium i {
    margin-right: 5px;
}

.profile-completion {
    margin: 10px 0;
}

.profile-completion .bg-info {
    border-radius: 40px;

}

.profile-completion .progress-bar {
    font-family: var(--font-main);
    background-color: #a48d29 !important;
    color: #fff !important;
}
.biz-account-tabs ul.nav-tabs{
    border: 0;
    gap: 10px ;

}
.biz-account-tabs ul.nav-tabs li button{
    margin: 0;
    border: 0;
    border: 1px solid var(--primary) !important;
    color: var(--primary) !important;
    font-size: 14px !important;
    border-radius:40px !important;
    padding: 7px 15px !important; 
}
.biz-account-tabs ul.nav-tabs li button.active,.biz-account-tabs ul.nav-tabs li button:hover{
    background-color: var(--primary);
    color: var(--color-white) !important; 
}



.biz-form-field label {
    font-size: 14px;
    font-family: var(--font-para);
    font-weight: 600;

}

.biz-form-field input,
.biz-form-field select {
    height: 47px;
    border-radius: 10px;
    font-size: 15px;
    font-family: var(--font-para);
    border: 1px solid #b6b6b6;
    font-weight: 500;
}
.biz-form-field textarea {
    height: 120px;
    border-radius: 10px;
    font-size: 15px;
    font-family: var(--font-para);
    border: 1px solid #b6b6b6;
    font-weight: 500;
}

.biz-form-field select option {
    font-size: 14px;
}

.biz-form-field select option small {
    font-size: 10px;
}
.biz-form-field input[type="color"]{
    padding: 0;
}
.biz-form-field input::file-selector-button {
    height: 47px;
    background-color: #004d7a !important;
    color: var(--color-white) !important;
}

.biz-form-field input.form-control:disabled {
    background-color: #cccccc;
}
.space-line {
    width: 100%;
    height: 2px;
    background-color: #0d6efd;
    display: flex;
    margin: 20px 0;
}
.fieldCheck{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.fieldCheck input{
    width: 22px;
    height: 22px;
    border-radius: 6px;
}




.biz-submit-btn{
    width:200px;
    height:45px;
    border:none;
    border-radius:10px;
    background:var(--primary);
    color:#fff;
    font-weight:500;
    cursor:pointer;
    margin: 5px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}

.biz-submit-btn:hover{
    border-radius: 40px;
    background-color: var(--primary-dark);
}


.country-phone-field {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.country-phone-field select {
    border-radius: 8px 0 0 8px;
    border-right: 0;
    width: 100px;
    background-color: var(--how-bg-2);
}

.country-phone-field input {
    border-radius: 0 8px 8px 0;
    border-left: 0;
}

.biz-field-map iframe{
    width: 100%;
    height: 350px;
    border-radius: 12px;
    margin-top: 20px;
} */


.business-right-side {
    background: #ffffff;
    border-radius: 28px;
    padding: 25px;
    box-shadow:
        0 10px 40px rgba(0, 0, 0, 0.06),
        0 2px 10px rgba(0, 0, 0, 0.04);
    position: relative;
    overflow: hidden;
}

/* soft glow background */
.business-right-side::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    background: linear-gradient(135deg, #4f46e5, #06b6d4);
    border-radius: 50%;
    top: -120px;
    right: -120px;
    opacity: 0.08;
    z-index: 0;
}

.business-right-side * {
    position: relative;
    z-index: 1;
}


.page-title {
    font-size: 23px;
    font-weight: 500;
    color: #111827;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    letter-spacing: -0.5px;
}

.upgrade-premium {
    background: linear-gradient(135deg, #f59e0b, #ffcc00);
    color: #fff;
    padding: 12px 18px;
    border-radius: 14px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s ease;
    box-shadow: 0 8px 20px rgba(255, 193, 7, 0.35);
}

.upgrade-premium:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(255, 193, 7, 0.45);
    color: #111;
}

.upgrade-premium i {
    margin-right: 8px;
}

.upgrade-to-business {
    background: linear-gradient(135deg, #4b59d8, #100462);
    color: #fff;
    padding: 12px 18px;
    border-radius: 14px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s ease;
    box-shadow: 0 8px 20px rgba(18, 50, 156, 0.35);
}

.upgrade-to-business:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(31, 52, 190, 0.45);
    color: #fff;
    border-radius: 40px;
}

.upgrade-to-business i {
    margin-right: 8px;
}


.profile-completion {
    height: 18px;
    border-radius: 30px;
    background: #edf2f7;
    overflow: hidden;
    margin-bottom: 15px;
}

.profile-completion .progress-bar {
    background: linear-gradient(90deg, #4f46e5, #06b6d4);
    font-size: 12px;
    font-weight: 700;
    border-radius: 30px;
    animation: progressGlow 2s infinite alternate;
}

@keyframes progressGlow {
    from {
        filter: brightness(1);
    }

    to {
        filter: brightness(1.12);
    }
}

/* ================================
   TABS
=================================== */

.biz-account-tabs .nav-tabs {
    border: none;
    gap: 14px;
    margin-bottom: 15px;
}

.biz-account-tabs .nav-link {
    border: none !important;
    background: #f3f4f6;
    color: #374151;
    padding: 10px 18px;
    border-radius: 14px !important;
    font-weight: 600;
    transition: 0.3s ease;
    font-size: 15px;
}

.biz-account-tabs .nav-link:hover {
    background: #e0e7ff;
    color: #4f46e5;
}

.biz-account-tabs .nav-link.active {
    background: linear-gradient(135deg, #4f46e5, #08408d);
    color: #fff !important;
    box-shadow: 0 10px 25px rgba(79, 70, 229, 0.25);
}


.biz-acconut-fields {
    background: #ffffff;
    border-radius: 24px;
}


.biz-form-field label {
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 5px;
    display: block;
    letter-spacing: 0.3px;
    font-family: var(--font-main);
}

.biz-form-field .form-control,
.biz-form-field .form-select,
.biz-form-field textarea {
    height: 56px;
    border-radius: 16px;
    border: 1px solid #dbe3ee;
    background: #f9fafc;
    padding: 14px 18px;
    font-size: 15px;
    color: #111827;
    transition: 0.3s ease;
    box-shadow: none !important;
    font-family: var(--font-main);
}

.biz-form-field textarea {
    min-height: 120px;
    resize: none;
    padding-top: 16px;
}

.biz-form-field .form-control:focus,
.biz-form-field .form-select:focus,
.biz-form-field textarea:focus {
    border-color: #4f46e5;
    background: #fff;
    box-shadow:
        0 0 0 4px rgba(79, 70, 229, 0.08),
        0 10px 25px rgba(79, 70, 229, 0.08) !important;
    transform: translateY(-1px);
}

/* ================================
   CHECKBOX
=================================== */

.fieldCheck {
    display: flex !important;
    align-items: center;
    gap: 12px;
    font-size: 15px !important;
    text-transform: none !important;
    cursor: pointer;
}

.fieldCheck input {
    width: 18px;
    height: 18px;
    accent-color: #4f46e5;
}

/* ================================
   COUNTRY PHONE FIELD
=================================== */

.country-phone-field {
    display: flex;
    gap: 5px;
}

.country-phone-field .form-select {
    max-width: 100px;
}

/* ================================
   MAP SECTION
=================================== */

.biz-field-map iframe {
    width: 100%;
    height: 280px;
    border-radius: 22px;
    margin-top: 18px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
}

/* ================================
   SUBMIT BUTTON
=================================== */

.biz-submit-btn {
    border: none;
    background: linear-gradient(135deg, #4f46e5, #08408d);
    color: #fff;
    width: 140px;
    height: 45px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    transition: 0.35s ease;
    /* box-shadow: 0 12px 25px rgba(79, 70, 229, 0.25); */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px auto;
}

.biz-submit-btn:hover {
    border-radius: 40px;
    /* box-shadow: 0 18px 35px rgba(79, 70, 229, 0.35); */
}

/* ================================
   DIVIDER
=================================== */

.space-line {
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, transparent, #dbe3ee, transparent);
    margin: 35px 0;
}

/* ================================
   FILE INPUT
=================================== */

/* input[type="file"] {
    padding: 12px !important;
    background: #fff !important;
} */

/* ================================
   DISABLED FIELD
=================================== */

.form-control:disabled {
    background: #eef2f7 !important;
    color: #6b7280 !important;
    cursor: not-allowed;
}

/* ================================
   RESPONSIVE
=================================== */

@media (max-width: 768px) {

    .business-right-side {
        padding: 15px;
    }
    .post-ad-cate{
        padding: 15px;
    }

    .page-title {
        font-size: 20px;
        flex-direction: column;
        align-items: flex-start;
    }

    .biz-acconut-fields {
        padding: 20px;
    }

    .biz-account-tabs .nav-link {
        width: 100%;
        text-align: center;
    }

    /* .country-phone-field {
        flex-direction: column;
    } */

    .country-phone-field .form-select {
        max-width: 100%;
    }

    .biz-submit-btn {
        width: 100%;
    }
    .country-phone-field .form-select{
        max-width: 61px;
        padding: 10px;
    }
}



.table-container * {
    position: relative;
    z-index: 1;
}

/* =========================================
   TOP CONTROLS
========================================= */

.table-left-entrys,
.table-right-search {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.table-left-entrys p,
.table-right-search label {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    font-family: var(--font-main);
}

.table-left-entrys .form-select {
    width: 90px;
    height: 48px;
    border-radius: 14px;
    border: 1px solid #dbe3ee;
    background: #f9fafc;
    font-weight: 600;
    transition: 0.3s ease;
}

.table-right-search {
    justify-content: flex-end;
}

.table-right-search .form-control {
    width: 260px;
    height: 48px;
    border-radius: 14px;
    border: 1px solid #dbe3ee;
    background: #f9fafc;
    padding: 12px 18px;
    transition: 0.3s ease;
}

.table-left-entrys .form-select:focus,
.table-right-search .form-control:focus {
    border-color: #4f46e5;
    background: #fff;
    box-shadow:
        0 0 0 4px rgba(79, 70, 229, 0.08);
}

/* =========================================
   EXPORT BUTTON
========================================= */

.table-right-search button {
    border: none;
    height: 48px;
    padding: 0 24px;
    border-radius: 14px;
    background: linear-gradient(135deg, #4f46e5, #08408d);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    transition: 0.35s ease;
    white-space: nowrap;
}

.table-right-search button:hover {
    border-radius: 40px;
}

/* =========================================
   TABLE WRAPPER
========================================= */

.table-scroll {
    width: 100%;
    overflow-x: auto;
    margin-top: 12px;
    border-radius: 22px;
}

/* custom scrollbar */
.table-scroll::-webkit-scrollbar {
    height: 8px;
}

.table-scroll::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 20px;
}

/* =========================================
   TABLE
========================================= */

.table {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0 14px;
}

/* =========================================
   TABLE HEADER
========================================= */

.table thead tr {
    background: transparent;
}

.table thead th {
    border: none;
    padding: 18px 20px;
    background: #c7d1e6;
    color: #222;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    white-space: nowrap;
}

.table thead th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.table thead th:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* =========================================
   TABLE BODY
========================================= */

.table tbody tr {
    background: #ffffff;
    transition: 0.3s ease;

}

.table tbody td {
    padding: 13px;
    vertical-align: middle;
    border: none;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    border-bottom: 1px solid #ccc !important;
}

/* .table tbody td:first-child {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.table tbody td:last-child {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
} */

/* =========================================
   STATUS BADGES
========================================= */

.status-pending {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
    padding: 10px 16px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.status-pending::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #f59e0b;
    border-radius: 50%;
}

.status-published {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(81, 245, 11, 0.12);
    color: #41cd32;
    padding: 10px 16px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.status-published::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #41cd32;
    border-radius: 50%;
}

.status-inactive {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(246, 175, 175, 0.31);
    color: #e83232;
    padding: 10px 16px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.status-inactive::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #e83232;
    border-radius: 50%;
}

/* =========================================
   ACTION BUTTONS
========================================= */

.action-btns {
    display: flex;
    align-items: center;
    gap: 5px;
}

.tgle-cs-btns {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: #ecdeb4;
    color: #886d0b;
    font-size: 15px;
    transition: 0.3s ease;
    border: 1px solid #ecdeb4;
}

.action-btns a {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: #f3f4f6;
    color: #374151;
    font-size: 15px;
    transition: 0.3s ease;
}

.action-btns a:hover,
.tgle-cs-btns:hover {
    transform: translateY(-3px);
}

/* edit */
.action-btns a.edit {
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

/* view */
.action-btns a.view {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

/* list */
.action-btns a.list {
    background: rgba(139, 92, 246, 0.12);
    color: #7c3aed;
}

/* delete */
.action-btns a.dlt {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

.action-btns a.cstm {
    width: fit-content;
    background: rgba(174, 222, 54, 0.548);
    color: rgba(104, 140, 13, 0.881);
    padding: 2px 7px;
    white-space: nowrap;
}

.dromenu-cs li a {
    width: fit-content;
    height: fit-content;
    background-color: transparent;
    width: 100%;
    text-align: left !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* =========================================
   PAGINATION
========================================= */

.table-pagination {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
    gap: 10px;
}

.table-pagination a,
.table-pagination button {
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 14px;
    background: #f3f4f6;
    color: #374151;
    font-weight: 700;
    transition: 0.3s ease;
}

.table-pagination a:hover,
.table-pagination button:hover,
.table-pagination .active {
    background: linear-gradient(135deg, #4f46e5, #08408d);
    color: #fff;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

   

    .table-left-entrys,
    .table-right-search {
        justify-content: flex-start;
    }

    .table-right-search {
        margin-top: 18px;
    }

    .table-right-search .form-control {
        width: 100%;
    }
}

@media (max-width: 576px) {

    .table-left-entrys,
    .table-right-search {
        flex-direction: column;
        align-items: stretch;
    }

    /* .table-right-search button,
    .table-left-entrys .form-select,
    .table-right-search .form-control {
        width: 100%;
    } */

    /* .action-btns {
        flex-wrap: wrap;
    } */
}

.no-data-content {
    padding: 25px;
    background-color: #f7f7f7;
    display: flex;
    justify-content: center;
    align-items: center;
}

.no-data-content p {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    margin: 0;
}


.ad-post ul {
    list-style: none;
    padding: 0;
    margin: 0;

}

.ad-post ul li.ad-drop {
    position: relative;
    margin: 10px 0;
    width: 50%;
}

.ad-post ul li.ad-drop a {
    font-size: 16px;
    padding: 12px 18px;
    background-color: #e9f4f8;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    transition: 0.5s;
    text-decoration: none;
    color: #000;
}

.ad-post ul li.ad-drop a:hover {
    background-color: var(--primary);
    color: #fff;
}

.ad-drop-box {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;

    padding: 0 15px;

    display: none;

}

.ad-drop-box ul li {
    margin: 10px 0;
}

.ad-drop-box ul li a {
    background-color: #fff;
}

.ad-post ul li.ad-drop:hover .ad-drop-box {
    display: block;
}

.ad-drop-container {
    background-color: #dee6f3;
    border-radius: 10px;
    padding: 15px;
}

.ad-drop-container ul li a {
    background-color: #fff !important;
}

.ad-drop-container ul li a:hover {
    background-color: var(--primary) !important;
}

.adscategory-radio {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.adscategory-radio label {
    font-family: var(--font-main);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin: 0;
}

.adscategory-radio label input {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    border: 1px solid #838383 !important;
}

.biz-form-field-check {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.biz-form-field-check input {
    width: 18px;
    height: 18px;
    margin: 0;
}

.biz-form-field-check label {
    margin: 0;
    font-size: 15px;
}

/* =========================================
   SELECTED CATEGORY BREADCRUMB
========================================= */

.post-ad-cate {
    background: #ffffff;
    padding: 24px 28px;
    border-radius: 24px;
    border: 1px solid #eef2f7;
    margin-bottom: 25px;
}

.post-ad-cate p {
    margin: 0 0 14px;
    font-size: 13px;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.post-ad-cate ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.post-ad-cate ul li {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    display: flex;
    align-items: center;
}

/* breadcrumb arrow */

.post-ad-cate ul li i {
    font-size: 12px;
    color: #9ca3af;
}


.post-ad-cate ul li a {
    height: 42px;
    padding: 0 22px;
    border-radius: 14px;
    background: linear-gradient(135deg, #4f46e5, #08408d);
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    transition: 0.35s ease;
}

.post-ad-cate ul li a:hover {
    border-radius: 40px;
}

.menu-toggle.active span {
    color: #fff !important;
}


.toggle-btn[type="checkbox"] {
    position: relative;
    width: 40px;
    height: 20px;
    -webkit-appearance: none;
    appearance: none;
    background: #ccc;
    outline: none;
    border-radius: 2rem;
    cursor: pointer;
    border: none;
    /* box-shadow: inset 0 0 5px rgb(0 0 0 / 50%); */
}

.toggle-btn:focus {
    border: none !important;
    outline: none !important;
}

.toggle-btn[type="checkbox"]::before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #22222272;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s;
}

.toggle-btn[type="checkbox"]:checked::before {
    transform: translateX(100%);
    background: #fff;
}

.toggle-btn[type="checkbox"]:checked {
    background: var(--primary);
}

.filter-btns-top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}


.reset-btn {
    width: 110px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background-color: #b23939;
    color: #fff;
    border-radius: 12px;
    transition: 0.5s;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;

}

.reset-btn:hover {
    border-radius: 40px;
    color: #fff;
}

.search-btn {
    width: 110px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background: linear-gradient(135deg, #4f46e5, #08408d);
    color: #fff;
    border-radius: 12px;
    transition: 0.5s;
    font-size: 15px;
    font-weight: 500;

}

.search-btn:hover {
    border-radius: 40px;
    color: #fff;
}


.lock-title {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.img-td-cs img {
    width: 80px;
    border-radius: 10px;
}


.product-info-card {
    width: 100%;
    position: relative;
}


/* =========================================
   HEADER
========================================= */

.product-info-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 28px;
}

.product-info-badge {
    padding: 5px 22px;
    border-radius: 16px;
    background: linear-gradient(135deg, #4f46e5, #06b6d4);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}

.product-info-size {
    padding: 10px 18px;
    border-radius: 14px;
    background: #f3f4f6;
    color: #374151;
    font-size: 13px;
    font-weight: 700;
}

/* =========================================
   BODY
========================================= */

.product-info-body {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

/* =========================================
   ITEM
========================================= */

.product-info-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 18px 20px;
    border-radius: 18px;
    background: #f9fafc;
    transition: 0.3s ease;
    width: 48%;
}


.product-info-label {
    font-size: 13px;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.product-info-value,
.product-info-price {
    margin: 0;
    color: #111827;
    font-weight: 600;
}

.product-info-value {
    font-size: 15px;
}

.product-info-price {
    font-size: 22px;
}

/* =========================================
   PRICE BOX
========================================= */

/* .product-info-price-box {
    background: linear-gradient(135deg, #4f46e5, #06b6d4);
}

.product-info-price-box .product-info-label,
.product-info-price-box .product-info-price {
    color: #fff;
} */

/* =========================================
   STOCK
========================================= */

.product-info-stock {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #059669;
    font-size: 14px;
    font-weight: 700;
}

.product-info-stock-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 0 5px rgba(16, 185, 129, 0.18);
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 576px) {

  

    .product-info-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .product-info-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .product-info-price {
        font-size: 20px;
    }
}

.view-product-img img {
    width: 300px;
    border-radius: 10px;
    margin-top: 20px;
}

.form-bottom-cs {
    justify-content: center;
}

.form-bottom-cs button {
    margin: 0;
}

.border-cs-tb tr td {
    border: 1px solid #ccc !important;


}

table.border-cs-tb {
    border-collapse: collapse;
    border-spacing: 0;
}

/* =========================================
   SALE VIEW UI
========================================= */



/* =========================================
   HEADER
========================================= */

.saleview-header {
    text-align: center;
    margin-bottom: 15px;
}

.saleview-header h2 {
    font-size: 20px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

/* =========================================
   TOP GRID
========================================= */

.saleview-top-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 35px;
}

/* =========================================
   CARD
========================================= */

.saleview-card {
    background: #ffffff;
    border-radius: 22px;
    overflow: hidden;
    box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.05);
    border: 1px solid #edf2f7;
}

.saleview-card-title {
    background: linear-gradient(135deg, #4f46e5, #08408d);
    padding: 18px 24px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-family: var(--font-main);
}

.saleview-card-body {
    padding: 14px;
}

/* =========================================
   INFO ITEM
========================================= */

.saleview-info-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 18px;
    color: #374151;
    font-size: 15px;
    font-weight: 600;
}

.saleview-info-item:last-child {
    margin-bottom: 0;
}

.saleview-info-item i {
    width: 18px;
    color: #4f46e5;
    margin-top: 4px;
}

/* =========================================
   INLINE ITEM
========================================= */

.saleview-inline-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    font-size: 15px;
    color: #374151;
}

.saleview-inline-item:last-child {
    margin-bottom: 0;
}

.saleview-inline-item span {
    font-weight: 600;
}

.saleview-inline-item strong {
    font-weight: 800;
    color: #111827;
}

/* =========================================
   BADGES
========================================= */

.saleview-badge {
    height: 34px;
    padding: 0 16px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
}

.saleview-badge.success {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.saleview-badge.paid {
    background: rgba(79, 70, 229, 0.12);
    color: #4f46e5;
}

/* =========================================
   ORDER BOX
========================================= */



/* =========================================
   TABLE
========================================= */

.saleview-table-wrap {
    overflow-x: auto;
}

.saleview-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 1100px;
}

.saleview-table thead {
    background: #111827;
}

.saleview-table thead th {
    padding: 20px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-align: left;
    border: none;
}

.saleview-table tbody tr {
    transition: 0.3s ease;
    border-bottom: 1px solid #edf2f7;
}

.saleview-table tbody tr:hover {
    background: #f9fbff;
}

.saleview-table tbody td {
    padding: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
}

/* =========================================
   TOTAL AREA
========================================= */

.saleview-total-area {
    width: 420px;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 30px;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid #edf2f7;
}

.saleview-total-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 24px;
    background: #fff;
    border-bottom: 1px solid #edf2f7;
}

.saleview-total-row:last-child {
    border-bottom: none;
}

.saleview-total-row span {
    font-size: 15px;
    font-weight: 600;
    color: #374151;
}

.saleview-total-row strong {
    font-size: 17px;
    font-weight: 600;
    color: #111827;
}

/* =========================================
   GRAND TOTAL
========================================= */

.grand-total {
    background: linear-gradient(135deg, #4f46e5, #08408d);
}

.grand-total span,
.grand-total strong {
    color: #fff;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .saleview-top-grid {
        grid-template-columns: 1fr;
    }

    .saleview-total-area {
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 576px) {

  .saleview-card{
    box-shadow: none;
  }

    .saleview-header h2 {
        font-size: 22px;
    }

    .saleview-card-body {
        padding: 18px;
    }

    .saleview-total-row {
        padding: 18px;
    }
}



.qty-box {
    display: flex;
    align-items: center;
    width: fit-content;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}

.qty-btn {
    width: 40px;
    height: 40px;
    border: none;
    background: #f5f5f5;
    font-size: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.qty-btn:hover {
    background: #e5e5e5;
}

.qty-input {
    width: 60px;
    height: 40px;
    border: none;
    text-align: center;
    outline: none;
    font-size: 16px;
}

span.status-green {
    background-color: #cdf0c3;
    color: rgb(5, 150, 32);
    padding: 5px 10px;
    font-size: 13px;
    display: flex;
    border-radius: 40px;
    white-space: nowrap;
}

a.pos-screen-btn {
    display: flex;
    margin-left: auto;
    width: fit-content;
    margin-bottom: 20px;
    background: #b23939;
    padding: 7px 15px;
    box-shadow: none;
    padding-top: 10px;
    align-items: center;
}

a.pos-screen-btn:hover {
    color: #fff !important;
}

a.pos-screen-btn i {
    margin-bottom: 5px;
}

.bizz-studio-accordions .accordion-item {
    margin-bottom: 12px;
    border: 1px solid #b5b5b5 !important;
    border-radius: 12px !important;
    overflow: hidden;
}

.bizz-studio-accordions .accordion-button {
    box-shadow: none !important;
    font-size: 17px;
    font-weight: 500;
}

/* .bizz-manage-menus{
    background-color: #f7f7f7;
    padding: 20px;
    border-radius: 10px;
} */
.bizz-manage-menus h5 {
    font-weight: 600;
    font-size: 14px;
}

.bizz-manage-menus-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.bizz-manage-menus-left input {
    height: 45px;
    border: 1px solid #a0a0a0;
    border-radius: 12px;
    font-family: var(--font-main);
    font-size: 14px;
}

.bizz-manage-menus-left a {
    min-width: 45px;
    height: 45px;
    transition: 0.5s;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: 0.5s;
    background: rgba(59, 130, 246, 0.12);
    color: #2563eb;
}

.bizz-manage-menus-left a:hover {
    background-color: var(--primary);
    color: var(--color-white);

}

.bizz-manage-menus-right {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding-top: 10px;
}

.bizz-manage-menus-right input {
    width: 20px;
    height: 20px;
}

.bizz-manage-menus-right label {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-main);
}

.bizz-common-field label {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-main);
}

.bizz-common-field input,
.bizz-common-field select {
    height: 45px;
    border: 1px solid #a0a0a0;
    border-radius: 12px;
    font-family: var(--font-main);
    font-size: 14px;
}

.bizz-common-field textarea {
    height: 130px;
    border: 1px solid #a0a0a0;
    border-radius: 12px;
    font-family: var(--font-main);
    font-size: 14px;
}

.ck.ck-editor__main>.ck-editor__editable {
    height: 200px;
}

.bizz-common-field input::file-selector-button {
    height: 45px;
    background-color: #566579;
    color: var(--color-white);
}

.bizz-common-field small {
    font-size: 12px;
    font-family: var(--font-main);
    color: red;
}

.select2-container--default .select2-selection--multiple {
    height: 45px;
    border: 1px solid #a0a0a0;
    border-radius: 12px;
    font-family: var(--font-main);
    font-size: 14px;
    overflow: auto;
}

a.dlt-btn-trash {
    width: 40px;
    height: 40px;
    background-color: #b23939;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bizz-flash-widget {
    background-color: #f7f7f7;
    padding: 13px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.cs-center-btns {
    justify-content: center;
}

.cs-center-btns button {
    margin: 0;
}

.bizz-qr-left {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.bizz-qr-left img {
    width: 150px;
}

.bizz-qr-left-sample {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.bizz-qr-left-sample a {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: #f3f4f6;
    color: #374151;
    font-size: 15px;
    transition: 0.3s ease;
}

.bizz-qr-left-sample a:hover {
    transform: translateY(-3px);
}


/* list */
.bizz-qr-left-sample a.list {
    background: rgba(139, 92, 246, 0.12);
    color: #7c3aed;
}

/* delete */
.bizz-qr-left-sample a.download {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

.bizz-qr-left-sample span {
    background-color: #d4e0ef;
    color: #0d6efd;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 40px;
}


.bizz-qr-right {
    background: #fff;
    padding: 20px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.bizz-qr-right h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
}

.bizz-qr-right h3 div {
    display: flex;
    gap: 10px;
}

.bizz-qr-right h3 div a {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    background: #f3f4f6;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.bizz-qr-right h3 div a:hover {
    background: #e5e7eb;
    color: #111827;
}

.bizz-qr-right h3 div a:first-child:hover {
    color: #2563eb;
}

.bizz-qr-right h3 div a:last-child:hover {
    color: #dc2626;
}

.bizz-qr-right small {
    display: block;
    margin-bottom: 12px;
    font-size: 13px;
    color: #6b7280;
}

.bizz-qr-right>a {
    display: block;
    margin-bottom: 15px;
    color: #2563eb;
    text-decoration: none;
    font-size: 14px;
    word-break: break-all;
}

.bizz-qr-right>a:hover {
    text-decoration: underline;
}

.bizz-qr-right span {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #15803d;
    background: #dcfce7;
    border-radius: 50px;
}

.view-qr-img {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.view-qr-img img {
    width: 200px;
}

.view-qr-img span {
    font-weight: 600;
}

a.addmore-btns {
    background-color: #046d08;
    color: #fff;
    padding: 7px 15px;
    border-radius: 7px;
    font-size: 14px;
    text-decoration: none;
    transition: 0.5s;
}

a.addmore-btns:hover {
    border-radius: 40px;
}

.biz-manage-colors h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #082e64;
}

.bizz-visibilty-manage {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 15px;
    background-color: #f7f7f7;
    height: 100%;
}

.bizz-visibilty-manage ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bizz-visibilty-manage ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.bizz-visibilty-manage ul li span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 15px;
}

.bizz-visibilty-manage ul li input {
    width: 20px;
    height: 20px;
}

.inner-bizz-visibilty {
    width: 100%;
    background-color: #d1e0f6;
    padding: 20px;
    margin-top: 10px;
    border-radius: 10px;

}

.bizz-visibilty-manage h4 {
    text-align: center;
    font-weight: 600;
    color: #082e64;
    font-size: 18px;

}

.days-time-radio {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.days-time-radio label {
    font-family: var(--font-main);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    font-weight: 600;
    font-size: 16px;
}

.days-time-radio label input {
    width: 20px;
    height: 20px;
}


.bizz-studio-schedule-card {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 20px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}

.bizz-studio-day-column {
    min-width: 140px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.bizz-studio-day-badge {
    display: inline-block;
    padding: 8px 14px;
    background: #aec9f1;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #111827;
    margin-bottom: 12px;
}

.bizz-studio-switch-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #4b5563;
}


.bizz-studio-time-item {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 12px;
}

.bizz-studio-time-field {
    width: 140px;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    color: #374151;
}

.bizz-studio-time-field:focus {
    outline: none;
    border-color: #2563eb;
}

.bizz-studio-separator {
    color: #9ca3af;
    font-size: 14px;
}

.bizz-studio-icon-btn {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 8px;
    background: #fee2e2;
    cursor: pointer;
}

.bizz-studio-icon-btn i {
    color: #b23939;
}

.bizz-studio-icon-btn:hover {
    background: #fecaca;
}

.bizz-studio-add-time-btn {
    height: 40px;
    padding: 0 16px;
    border: 1px dashed #cbd5e1;
    background: #f8fafc;
    border-radius: 8px;
    font-size: 14px;
    color: #475569;
    cursor: pointer;
}

.bizz-studio-add-time-btn:hover {
    background: #f1f5f9;
}

.bizz-studio-right-actions {
    min-width: 130px;
    display: flex;
    justify-content: flex-end;
    padding-top: 4px;
}

.between-flex-time {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 12px;
}

.bizz-studio-switch-row input {
    width: 20px;
    height: 20px;
}

.flex-time-field {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.biz-field-info-cs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.biz-field-info-cs span {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 15px;
}



/* Chat-bx */
:root {
    --body-bg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    --msger-bg: #fff;
    --border: 2px solid #ddd;
    --left-msg-bg: #ececec;
    --right-msg-bg: #2eb8b8;
}





.msger {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    width: 100%;
    height: calc(100% - 50px);
    border-radius: 5px;
}

.msger-header {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    color: #666;
    border-bottom: 1px solid #ccc;
}

.msger-chat {
    /* flex: 1; */
    overflow-y: scroll;
    padding: 10px;
    height: 400px;
}

.msger-chat::-webkit-scrollbar {
    width: 3px;
}

.msger-chat::-webkit-scrollbar-track {
    background: #fff;
}

.msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd;
}

.msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

.msg:last-of-type {
    margin: 0;
}

.msg-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background: #ddd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}

.msg-bubble {
    max-width: 450px;
    padding: 15px;
    border-radius: 15px;
    background: var(--left-msg-bg);
}

.msg-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.msg-info-name {
    margin-right: 10px;
    font-weight: 500;
    font-size: 13px;
    font-family: var(--font-main);
}

.msg-text {
    font-family: var(--font-main);
}

.msg-info-time {
    font-size: 0.85em;
}

.left-msg .msg-bubble {
    border-bottom-left-radius: 0;
}

.right-msg {
    flex-direction: row-reverse;
}

.right-msg .msg-bubble {
    background: var(--right-msg-bg);
    color: #fff;
    border-bottom-right-radius: 0;
}

.right-msg .msg-img {
    margin: 0 0 0 10px;
}

.msger-inputarea {
    display: flex;
    padding: 10px;
    border-top: var(--border);
    background: #fff;
}

.msger-inputarea * {
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-size: 1em;
}

.msger-input {
    flex: 1;
    background: #f2f2f2;
    outline: none;
    border: none;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.msger-send-btn {
    margin-left: 10px;
    background: var(--primary);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: background 0.23s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

.msger-send-btn i {
    padding: 0;
}

.msger-send-btn:hover {
    background: var(--primary-dark);
}

.msger-chat {
    background-color: #fcfcfe;

}

.chat-img-bx {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 4px;
}

.chat-img-bx img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.msger-header-title h3 {
    font-size: 17px;
    font-weight: 500;
    margin-left: 10px;
    margin-bottom: 0;
}

.file-attch {
    background-color: #f2f2f2;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.deal-detail-add {
    background-color: #f7f7f7;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 12px;
}

.deal-detail-add h5 {
    font-weight: 600;
    font-size: 17px;
}

.deal-detail-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.deal-detail-row .row {
    width: 100%;
    margin: 0;
}

.deal-detail-row .row .col-lg-3,
.deal-detail-row .row .col-lg-4 {
    padding: 0 5px;
}

.deal-detail-row button {
    min-width: 45px;
    height: 45px;
    background-color: #046d08;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 0;
}

.fileLabel {
    width: 100%;
    height: 150px;
    background-color: #f7f7f7;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 18px;
    font-weight: 400;
    border: 1px solid #ccc;
    border-radius: 15px;
}

.tgle-cs-btns-cs {
    width: fit-content;
    padding: 5px 10px;
}

.ticket-form {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 7px;
}

.ticket-form div {
    width: 100%;
}

.ticket-form label {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-main);
}

.ticket-form input,
.ticket-form select {
    height: 45px;
    border: 1px solid #a0a0a0;
    border-radius: 12px;
    font-family: var(--font-main);
    font-size: 14px;
}

.ticket-form button {
    border: none;
    background: linear-gradient(135deg, #4f46e5, #08408d);
    color: #fff;
    width: 140px;
    height: 45px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    transition: 0.35s ease;
    /* box-shadow: 0 12px 25px rgba(79, 70, 229, 0.25); */
    display: flex;
    justify-content: center;
    align-items: center;
}

.ticket-form button:hover {
    border-radius: 40px;
    /* box-shadow: 0 18px 35px rgba(79, 70, 229, 0.35); */
}


.ticket-preview-btns-top {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
}

.ticket-preview-btns-top ul {
    display: flex;
    align-items: center;
    gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.ticket-preview-btns-top ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    min-width: 42px;
    height: 42px;
}

.ticket-preview-btns-top ul li a i {
    font-size: 18px;
}

.ticket-preview-btns-top ul li a {
    background: #0d6efd;
    color: #fff;
    border-color: #0d6efd;
    transform: translateY(-2px);
}

/* Different colors for social icons */
.ticket-preview-btns-top ul li:nth-child(3) a {
    background: #25D366;
    border-color: #25D366;
}

.ticket-preview-btns-top ul li:nth-child(4) a {
    background: #0d6efd;
    border-color: #0d6efd;
}

.ticket-preview-btns-top ul li:nth-child(5) a {
    background: #EA4335;
    border-color: #EA4335;
}

.ticket-preview-btns-top ul li a:hover {
    border-radius: 40px;
}


.bizz-ticket-preview {

    display: flex;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    position: relative;

}

/* ticket cut */

.bizz-ticket-preview:before,
.bizz-ticket-preview:after {

    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: #f4f6fb;
    border-radius: 50%;
    right: 30%;
    z-index: 5;

}

.bizz-ticket-preview:before {

    top: -20px;

}

.bizz-ticket-preview:after {

    bottom: -20px;

}

/* left */

.bizz-ticket-left {

    width: 70%;
    padding: 15px;

}

/* right */

.bizz-ticket-right {

    width: 30%;
    background: linear-gradient(180deg, #08408d, #2563eb);
    color: #fff;
    padding: 18px;
    text-align: center;

}

.bizz-ticket-righ h4 {
    font-size: 18px;
}

/* header */

.bizz-ticket-header {

    display: flex;
    justify-content: space-between;
    gap: 25px;
    align-items: flex-start;
    margin-bottom: 25px;
    background-color: #e2edfd;
    padding: 20px;
    border-radius: 20px;

}

.bizz-ticket-logo {

    width: 85px;
    height: 85px;
    background: #f6f7fb;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.bizz-ticket-logo img {

    max-width: 60px;

}

.bizz-ticket-event {

    flex: 1;

}

.bizz-ticket-event h2 {

    font-size: 24px;
    font-weight: 600;
    margin-bottom: 2px;

}

.bizz-ticket-event p {

    color: #777;

}

/* tags */

.bizz-ticket-tags {

    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 15px;

}

.bizz-ticket-tags span {

    padding: 8px 15px;
    background: #f3f5ff;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;

}

/* buttons */

.bizz-ticket-actions {

    display: flex;
    gap: 10px;

}

.bizz-ticket-actions button {

    border: none;
    background: #5b4dff;
    color: #fff;
    padding: 12px 20px;
    border-radius: 30px;
    font-weight: 600;

}

/* grid */

.bizz-ticket-grid {

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 18px;

}

/* cards */

.bizz-ticket-card {

    background: #f8f9fd;
    border-radius: 18px;
    padding: 18px;
    border: 1px solid #eceff7;

}

.bizz-ticket-card small {

    display: block;
    color: #999;
    margin-bottom: 8px;
    text-transform: uppercase;

}

.bizz-ticket-card h4 {

    margin: 0;
    font-size: 14px;
    font-weight: 500;

}

.bizz-ticket-title {

    margin-top: 25px;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;

}

/* qr */

.bizz-ticket-seat {

    margin-top: 25px;

}

.bizz-ticket-seat-box {

    border: 2px dashed #d6d8e3;
    padding: 30px;
    border-radius: 20px;
    text-align: center;

}

.bizz-ticket-seat-box img {

    width: 180px;

}

/* sidebar */

.bizz-ticket-status {

    display: inline-block;
    padding: 8px 20px;
    background: #34d399;
    color: #fff;
    border-radius: 30px;
    font-weight: 700;
    margin-bottom: 25px;

}

.bizz-ticket-right img {

    width: 180px;
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    margin: 25px auto;

}

.bizz-ticket-side-card {

    background: rgba(255, 255, 255, .08);
    padding: 18px;
    border-radius: 16px;
    margin-top: 18px;
    text-align: left;
    backdrop-filter: blur(12px);

}

.bizz-ticket-side-card small {

    opacity: .7;
    display: block;
    margin-bottom: 8px;

}

.bizz-ticket-side-card h5 {

    margin: 0;
    font-size: 16px;
    font-weight: 500;

}

.paid {

    color: #16a34a;

}

.open {

    color: #2563eb;

}

@media(max-width:992px) {

    .bizz-ticket-preview {

        flex-direction: column;

    }

    .bizz-ticket-left,
    .bizz-ticket-right {

        width: 100%;

    }

    .bizz-ticket-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:576px) {

    .bizz-ticket-header {

        flex-direction: column;

    }

    .bizz-ticket-grid {

        grid-template-columns: 1fr;

    }

}

.evente-widget-bizz {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-left: 5px solid #0d6efd;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    height: 100%;
}

.evente-widget-bizz:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.evente-widget-bizz h6 {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #6c757d;
}

.evente-widget-bizz h3 {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    color: #212529;
    line-height: 1.3;
}

.bizz-enq-details {
    background: #fff;
}

.bizz-enq-details ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bizz-enq-details ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f1f1f1;
    font-size: 15px;
}

.bizz-enq-details ul li:last-child {
    border-bottom: none;
}

.bizz-enq-details ul li strong {
    color: #555;
    font-weight: 600;
    min-width: 120px;
}

.bizz-enq-details ul li span {
    color: #222;
    text-align: right;
    font-weight: 500;
    word-break: break-word;
}

.message-box {
    margin-top: 25px;
    padding: 18px;
    background: #f8f9fa;
    border-left: 4px solid #0d6efd;
    border-radius: 8px;
}

.message-box h6 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 600;
    color: #222;
}

.message-box p {
    margin: 0;
    color: #666;
    line-height: 1.7;
    font-size: 15px;
}

.v-otp {
    align-items: center;
}

.v-otp a {
    padding: 7px 15px;
    background-color: #046d08;
    color: #fff;
    white-space: nowrap;
    border-radius: 5px;
    font-size: 13px;
    text-decoration: none;
    transition: 0.5s;
}

.v-otp a:hover {
    border-radius: 40px;
}

.settings-radio-field h5 {
    font-weight: 500;
    font-size: 17px;
}

.settings-radio {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    flex-direction: column;
}

.settings-radio label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-weight: 400;
    font-size: 16px;
    font-family: var(--font-main);
}

.settings-radio label input {
    width: 20px;
    height: 20px;
}

.total-enq-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f4f6f9;
    border: 1px solid #dcdfe4;
    border-radius: 20px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    font-family: var(--font-main);
    margin-bottom: 5px;
}

.total-enq-badge span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    background: #007bff;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
}

.tot-flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}


.dealPrint-ticket-card {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    display: flex;
    overflow: hidden;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    min-width: 800px;
}

.dealPrint-ticket-left {
    width: 280px;
    background: linear-gradient(180deg, #08408d, #2563eb);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 35px;
}

.dealPrint-qr-box {
    width: 190px;
    height: 190px;
    background: #fff;
    border-radius: 18px;
    padding: 15px;
}

.dealPrint-qr-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dealPrint-print-btn {
    margin-top: 30px;
    border: none;
    background: #fff;
    color: #000;
    padding: 7px 15px;
    border-radius: 40px;
    font-size: 15px;
    cursor: pointer;
    transition: .3s;
}

.dealPrint-print-btn:hover {
    background: #0284c7;
}

.dealPrint-ticket-right {
    flex: 1;
    padding: 15px;
}

.dealPrint-header h2 {
    color: #1e293b;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}

.dealPrint-location {
    color: #64748b;
    font-size: 16px;
}

.dealPrint-divider {
    margin: 10px 0;
    border-top: 1px dashed #cbd5e1;
}

.dealPrint-info-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.dealPrint-info-item {
    background: #f8fafc;
    border-radius: 14px;
    padding: 10px;
}

.dealPrint-label {
    display: block;
    font-size: 13px;
    color: #64748b;
    margin-bottom: 2px;
    letter-spacing: 1px;
}

.dealPrint-info-item strong {
    font-size: 17px;
    color: #0f172a;
}

.dealPrint-status {
    display: inline-block;
    background: #dcfce7;
    color: #15803d;
    padding: 7px 13px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 14px;
}

.dealPrint-date-box {
    margin-top: 15px;
    background: #eef6ff;
    border-radius: 16px;
    padding: 20px;
}

.dealPrint-dates {
    display: flex;
    gap: 15px;
    margin-top: 5px;
    flex-wrap: wrap;
}

.dealPrint-dates span {
    background: #fff;
    padding: 7px 10px;
    font-size: 13px;
    border-radius: 30px;
    color: #222;
    font-weight: 400;
}

@media(max-width:768px) {

    .dealPrint-ticket-card {
        flex-direction: column;
    }

    .dealPrint-ticket-left {
        width: 100%;
    }

    .dealPrint-info-grid {
        grid-template-columns: 1fr;
    }
}


.va-wrapper {
    padding: 8px 0 20px;
}

.va-card {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 22px;
    height: 100%;
}

.va-title {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    margin-bottom: 20px;
}

.va-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 12px 0;
    border-bottom: 1px solid #f2f2f2;
}

.va-item:last-child {
    border-bottom: none;
}

.va-item span {
    min-width: 140px;
    color: #777;
    font-weight: 600;
}

.va-item p {
    margin: 0;
    color: #222;
    font-weight: 500;
    text-align: right;
}

.va-resume {
    display: flex;
    align-items: center;
    gap: 18px;
    border: 1px dashed #d9d9d9;
    border-radius: 8px;
    padding: 18px;
}

.va-resume-icon i {
    font-size: 42px;
    color: #dc3545;
}

.va-resume-content {
    flex: 1;
}

.va-resume-content h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.va-resume-content small {
    color: #888;
}

.va-download {
    padding: 8px 18px;
    background: #0d6efd;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    transition: .3s;
    white-space: nowrap;
}

.va-download:hover {
    background: #0b5ed7;
    color: #fff;
}

.va-cover {
    margin: 0;
    color: #555;
    line-height: 1.8;
    text-align: justify;
}

@media(max-width:767px) {

    .va-item {
        flex-direction: column;
        gap: 6px;
    }

    .va-item p {
        text-align: left;
    }

    .va-resume {
        flex-wrap: wrap;
    }

    .va-download {
        width: 100%;
        text-align: center;
    }

}


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

.track-title h3 {
    font-size: 30px;
    font-weight: 500;
    color: #222;
    margin: 0;
}

.back-to-order {
    margin-bottom: 25px;
    position: relative;
}

.back-to-order a {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #f5f5f5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #333;
    text-decoration: none;
    transition: .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    position: absolute;
    top: -50px;
    font-size: 15px;
}

.back-to-order a:hover {
    background: #0d6efd;
    color: #fff;
}

.track-container {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 50px 30px 30px;
    overflow-x: auto;
}

.track-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.track-container ul::before {
    content: "";
    position: absolute;
    top: 40px;
    left: 8%;
    right: 8%;
    height: 4px;
    background: #e5e5e5;
    z-index: 0;
}

.track-container ul li {
    flex: 1;
    position: relative;
    text-align: center;
    z-index: 2;
}

.track-container ul li::after {
    content: "";
    position: absolute;
    top: 37px;
    left: 50%;
    width: 18px;
    height: 18px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #d5d5d5;
    border: 4px solid #fff;
    z-index: 3;
}

.track-container ul li.track-active::after {
    background: #198754;
}

.track-container ul li.track-active~li::after {
    background: #d5d5d5;
}

.track-img {
    position: relative;
}

.track-img img {
    width: 75px;
    height: 75px;
    object-fit: contain;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
    border: 2px solid #ececec;
    margin-bottom: 12px;
}

.track-active .track-img img {
    border-color: #198754;
    box-shadow: 0 0 0 6px rgba(25, 135, 84, .12);
}

.track-img p {
    font-size: 15px;
    font-weight: 600;
    color: #222;
    margin-bottom: 4px;
}

.track-img small {
    color: #777;
    font-size: 13px;
}

.track-bottom {
    margin-top: 45px;
    border-top: 1px solid #ececec;
    padding-top: 25px;
}

.track-bottom p {
    margin-bottom: 8px;
    color: #555;
    font-size: 15px;
}

.track-bottom p strong {
    color: #222;
}

@media(max-width:991px) {

    .track-container {
        overflow-x: auto;
    }

    .track-container ul {
        width: 900px;
    }

}

@media(max-width:576px) {

    .track-container {
        padding: 30px 20px;
    }

    .track-img img {
        width: 60px;
        height: 60px;
    }

    .track-container ul::before {
        top: 32px;
    }

    .track-container ul li::after {
        top: 29px;
    }

    .track-img p {
        font-size: 14px;
    }

}


.view-order-container {
    background-color: #fff;
    padding: 25px 25px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 15px;
}

.view-order-container h3 {
    font-size: 25px;
    font-weight: 600;
    color: #000;
    text-align: left;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.view-order-info ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.view-order-info ul li {
    width: 100%;
    margin: 10px 0;
    font-size: 15px;
    font-weight: 600;
    color: #393939;
}

.view-order-info ul li span {
    font-size: 15px;
    font-weight: 400;
    color: #555555;
    margin-left: 10px;
}

.view-order-bottom {
    padding-top: 5px;
    /* background-color: #f7f7f7; */
    border-radius: 10px;
}

.view-order-details-top {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.view-order-details-top p {
    font-weight: 600;
    color: #000;
    font-size: 17px;
}

.view-order-details-top p span {
    font-size: 15px;
    font-weight: 400;
    color: #555555;
    margin-left: 10px;
}

.view-order-details,
.view-order-shiping {
    padding: 12px;
    border-radius: 13px;
    background-color: #f2f2f2;
    height: 100%;
}

.view-order-shiping {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 10px;
}

.view-order-shiping label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: var(--font-main);
}

.view-order-shiping p {
    font-size: 14px;
}



.advx-preview {
    margin: auto;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
}

.advx-banner {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.advx-banner img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
}


.advx-category {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 30px;
    background: #0d6efd;
    margin-bottom: 15px;
    font-size: 13px;
}

.advx-banner-overlay h1 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
}

.advx-banner-overlay p {
    opacity: .9;
    margin-bottom: 7px;
}

.advx-banner-overlay h3 {
    font-weight: 600;
    font-size: 18px;
}

.advx-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 35px;
}

.advx-card {
    border-radius: 12px;
    margin-bottom: 25px;
}

.advx-card h2 {
    margin-bottom: 5px;
    color: #222;
    font-size: 20px;
    font-weight: 600;
}

.advx-card p {
    line-height: 1.8;
    color: #222;
    margin-bottom: 15px;
}

.advx-side-card {
    background: #fafafa;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
}

.advx-side-card h3 {
    margin-bottom: 5px;
    color: #222;
    font-size: 20px;
    font-weight: 600;
}

.advx-row {
    display: flex;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px solid #e6e6e6;
}

.advx-row:last-child {
    border: none;
}

.advx-row span {
    color: #777;
}

.advx-row strong {
    color: #111;
    font-family: var(--font-main);
    font-weight: 500;
}

.advx-side-card p {
    color: #666;
    line-height: 1.7;
}

.advx-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.advx-tags span {
    padding: 8px 14px;
    background: #111827;
    color: #fff;
    border-radius: 30px;
    font-size: 13px;
}

@media(max-width:900px) {

    .advx-content {
        grid-template-columns: 1fr;
    }

    .advx-banner img {
        height: 280px;
    }

    .advx-banner-overlay h1 {
        font-size: 23px;
    }
    .advx-row strong{
        font-size: 15px;
    }

}




.odx-card {

    background: #fff;
    border-radius: 18px;
    border: 1px solid #ccc;
    margin-bottom: 7px;
    overflow: hidden;

}

.odx-top-grid {

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 2px;

}

.odx-info-card {

    display: flex;
    align-items: center;
    padding: 15px;
    font-family: var(--font-main);

}

.odx-icon-box {

    width: 65px;
    height: 65px;
    background: #e8f1ff;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    color: var(--primary);
    margin-right: 20px;

}

.odx-info-card h3 {

    margin-top: 5px;
    color: var(--primary);
    font-family: var(--font-main);
    font-weight: 600;
    font-size: 18px;

}

.odx-status-card {

    padding: 25px;

}

.odx-status-left {

    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;

}

.odx-status-icon {

    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #c2f1c4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #0abc10;

}
.odx-status-left h2{
    margin: 0;
    font-weight: 600;
    font-size: 20px;
}

.odx-status-badge {

    padding: 10px 22px;
    background: #0abc10;
    color: #fff;
    border-radius: 50px;
    font-weight: 600;
    font-size: 15px;

}

.odx-title-bar {

    background: var(--primary);
    color: #fff;
    padding: 10px 15px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--font-main);

}

.odx-title-bar i {

    margin-right: 8px;

}

.odx-detail-list {

    padding: 5px 30px;

}

.odx-row {

    display: flex;
    padding: 9px 0;
    border-bottom: 1px solid var(--odx-border);

}

.odx-row:last-child {

    border: none;

}

.odx-row span {

    width: 220px;
    font-weight: 600;
    color: var(--odx-gray);

}

.odx-row p {

    margin: 0;
    flex: 1;
    font-size: 17px;

}

.odx-staff {

    display: flex;
    gap: 40px;
    align-items: center;
    padding: 30px;

}

.odx-avatar {

    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid var(--odx-primary);

}

.odx-staff-info {

    flex: 1;

}

.odx-table {

    width: 100%;
    border-collapse: collapse;

}

.odx-table thead {

    background: var(--odx-primary);
    color: #fff;

}

.odx-table th {

    padding: 18px;

}

.odx-table td {

    padding: 18px;
    border-bottom: 1px solid #ececec;

}

.odx-total {

    background: #edf4ff;
    font-weight: bold;
    color: var(--odx-primary);

}

.odx-footer {

    display: flex;
    align-items: center;
    padding: 20px;

}
.odx-footer h2{
    font-weight: 600;
    font-size: 20px;
}
.odx-footer  p{
    margin: 0;
    font-size: 16px;
}

.odx-footer-icon {

    min-width: 65px;
    height: 65px;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    margin-right: 20px;

}

@media(max-width:768px) {

    .odx-top-grid {

        grid-template-columns: 1fr;

    }

    .odx-staff {

        flex-direction: column;
        text-align: center;

    }

    .odx-row {

        flex-direction: column;
        gap: 0px;

    }

    .odx-row span {

        width: 100%;

    }
    .odx-status-left{
        width: 100%;
    }
    .odx-status-left {
        gap: 10px;
    }
    .order-tb table{
        display: inline-block;
        overflow: auto;
    }
    .odx-top-grid {
        gap: 0;
    }

}

.order-tb{
    padding: 0 15px;
}
.order-tb ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.order-tb ul li{
    padding: 10px 15px;
    background-color: #f7f7f7;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    border-radius: 10px;
}
.fd-img-qr{
    display: flex;
    justify-content: center;
    align-items: center;
}
.fd-img-qr img{
    width: 350px;
}
.checkfn label{
    font-family: var(--font-main);
    font-weight: 400 !important;
}
.checkfn input{
    width: 20px;
    height: 20px;
    box-shadow: none;
}





.bizz-resume-header{
    border-bottom:3px solid #2b6cb0;
    padding-bottom:20px;
    margin-bottom:25px;
}

.bizz-resume-title{
    font-size:25px;
    color:#2b6cb0;
    margin-bottom:8px;
}

.bizz-resume-contact{
    color:#666;
    font-size:15px;
}

.bizz-resume-section{
    margin-bottom:50px;
}

.bizz-resume-section-title{
    color:#000;
    margin-bottom:15px;
    border-left:5px solid #2b6cb0;
    padding-left:12px;
    font-size:22px;
}

.bizz-resume-text{
    line-height:1.8;
    color:#444;
}

.bizz-resume-table{
    width:100%;
    border-collapse:collapse;
}

.bizz-resume-table th{
    background:#2b6cb0;
    color:#fff;
    padding:12px;
    text-align:left;
    font-size:15px;
    font-weight: 600;
}

.bizz-resume-table td{
    padding:12px;
    border:1px solid #ddd;
    color:#444;
    font-size:14px;
}



@media(max-width:768px){

   
    .bizz-resume-title{
        font-size:22px;
    }

   

}

@media(max-width:567px){

    .bizz-resume-table{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }
    .bizz-resume-section-title{
        font-size: 20px;
    }

   

}

.bizz-resume-rating{
    display:inline-flex;
    flex-direction:row-reverse;
    gap:4px;
}

.bizz-resume-rating input{
    display:none;
}

.bizz-resume-rating label{
    font-size:32px;
    color:#d4d4d4;
    cursor:pointer;
    transition:.2s;
}

/* Hover */
.bizz-resume-rating label:hover,
.bizz-resume-rating label:hover ~ label{
    color:#ffc107;
}

/* Selected */
.bizz-resume-rating input:checked ~ label{
    color:#ffc107;
}



.notification-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;
    border-bottom:1px solid #eee;
    padding-bottom:15px;
}

.notification-header h4{
    margin:0;
    font-size:22px;
    font-weight:600;
    color:#222;
}

.mark-read-btn{
     background: linear-gradient(135deg, #4b59d8, #100462);
    color:#fff;
    border:none;
    padding:10px 18px;
    border-radius:12px;
    font-size:14px;
    cursor:pointer;
    transition:.5s;
}

.mark-read-btn:hover{
   border-radius: 40px;
}

.notification-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.notification-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:18px;
    border:1px solid #ececec;
    border-radius:10px;
    transition:.3s;
    background:#fff;
}

.notification-item:hover{
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    transform:translateY(-2px);
}

.notification-item.unread{
    background:#f5f9ff;
    border-left:5px solid #0d6efd;
}

.notification-icon{
    width:55px;
    height:55px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
    color:#fff;
    flex-shrink:0;
}

.notification-icon.enquiry{
    background:#0d6efd;
}

.notification-icon.order{
    background:#198754;
}

.notification-icon.offer{
    background:#fd7e14;
}

.notification-icon.job{
    background:#6f42c1;
}

.notification-icon.event{
    background:#20c997;
}

.notification-icon.system{
    background:#6c757d;
}

.notification-content{
    width:100%;
}

.notification-content h5{
    margin:0 0 6px;
    font-size:17px;
    font-weight:600;
    color:#222;
}

.notification-content p{
    margin:0;
    color:#666;
    line-height:1.6;
    font-size:14px;
}

.notification-content span{
    display:block;
    margin-top:10px;
    font-size:13px;
    color:#999;
}

@media(max-width:767px){

.notification-header{
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
}

.notification-item{
    gap:12px;
    padding:15px;
}

.notification-icon{
    width:45px;
    height:45px;
    font-size:18px;
}

.notification-content h5{
    font-size:16px;
}

}

@media screen and (max-width:1200px){
    .between-flex-time{
        flex-direction: column;
    }
    .bizz-studio-right-actions{
        justify-content: flex-start;
        padding-top: 10px;
    }
    .saleview-top-grid{
        grid-template-columns: repeat(2, 1fr);
        flex-wrap: wrap;
    }
    .acount-drop-menu{
        right: unset;
        left: 10%;
    }
}
@media screen and (max-width:991px){
    .left-sidebar{
        margin-top: 0;
        border-radius: 0;
    }
    .left-sidebar ul li a{
        margin: 2px 0;
    }
    .user-sidebar-open{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .biz-acconut-fields{
        background-color: transparent;
        padding: 0;
    }
    #filterCollapse .col-lg-4.pt-4,div.filter-btns-top{
        padding-top: 0 !important;
    }
    .dealPrint-ticket-card{
        min-width: unset;
    }
    .dealPrint-print-btn{
        margin-top: 5px;
    }
    .bizz-ticket-header{
        flex-direction: column;
        gap: 15px;
    }
    .bizz-ticket-event h2{
        font-size: 20px;
    }
    .deal-detail-row .row .col-lg-3, .deal-detail-row .row .col-lg-4{
        margin-bottom: 10px;
    }
    .bizz-manage-menus .col-lg-8,.bizz-qr-flash-container .col-lg-8{
        margin-bottom: 10px;
    }
    .bizz-manage-menus-right{
        padding-top: 0;
    }
    a.addmore-btns{
        margin-bottom: 10px;
                display: flex;
        width: fit-content;
    }
}
@media screen and (max-width:768px){
    .table-left-entrys, .table-right-search{
        flex-wrap: nowrap !important;
        flex-direction: row !important;
    }
    .table tbody td{
        white-space: nowrap;
    }
    .view-order-details-top{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .view-order-bottom{
        margin-bottom: 10px;
    }
    .ad-post ul li.ad-drop{
        width: 100%;
        z-index: unset;
    }
    .ad-drop-box{
        left: 0;
        top: 50px;
        z-index: 500;
    }
    .product-info-item{
        width: 100%;
    }
     .saleview-top-grid{
        grid-template-columns: repeat(1, 1fr);
        flex-wrap: wrap;
    }
    .tot-flex{
        flex-wrap: wrap;
    }
}
@media screen and (max-width:567px){
    .space-line{
        margin: 20px 0;
    }
    .advx-side-card{
        padding: 15px;
    }
    .track-title h3{
        font-size: 25px;
    }
    .odx-info-card h3{
        font-size: 16px;
    }
    .odx-status-left h2{
        font-size: 18px;
    }
    .odx-status-icon{
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .odx-status-badge{
        font-size: 14px;
        padding: 7px 15px;
    }
    .odx-title-bar{
        font-size: 17px;
    }
    .msg-text{
        font-size: 14px;
    }
    h3.text-bizz-confirm {
        font-size: 20px;
    }
    .flex-top{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .bizz-visibilty-manage{
        background-color: transparent;
        padding: 0;
        border: 0;
    }
    .bizz-visibilty-manage ul li{
        border: 1px solid #ccc;
        padding: 10px;
    }
    .inner-bizz-visibilty{
        padding: 5px;
    }
    .inner-bizz-visibilty ul li{
        margin-bottom: 5px;
    }
    .flex-time-field{
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .table-right-search{
        flex-wrap: wrap !important;
        flex-direction: column !important;
    }
    .table-scroll{
        margin-bottom: 5px;
    }
    .saleview-header h2{
        font-size: 17px;
    }
}