/* body {
    color: #BABABA !important;
    background-color: #160801 !important;
}

.bg-light {
    background-color: var(--bs-primary) !important;
}

.bg-light h4 {
    color: #fff !important;
}

.pricing-area .single-pricing a.main-btn {
    color: #fff !important;
    border-color: #3d3d3d !important;
}

.pricing-area .single-pricing a.main-btn:hover {
    border-color: var(--bs-primary) !important;
}

.pricing-area .single-pricing p {
    color: #BABABA !important;
}

.shop-search input,
.shop-sidebar .shop-box {
    border: 1px solid #3d3d3d !important;
}

.price-range-box form input {
    background: transparent;
    color: #fff;
}

.form-control {
    background-color: #160801 !important;
    color: #BABABA !important;
}

.ui-widget.ui-widget-content,
.food-menu-area.food-menu-3-area .tabs-btn .nav li a,
.menu-contents {
    border: 1px solid #3d3d3d !important;
}

.shop-sidebar .shop-box .sidebar-title .title {
    color: #fff !important;
}

.food-menu-area.food-menu-3-area .food-menu-items .single-menu-item {
    background-color: transparent !important;
    color: #fff !important;
}

.food-menu-area .food-menu-items .single-menu-item .menu-content a.title,
.food-menu-area.food-menu-3-area .tabs-btn .nav li a p,
.shop-details-area .shop-content .shop-top-content .title,
.menu-contents .menu-tabs .tab-content .tab-pane p,
.menu-contents .menu-tabs .tab-content .tab-pane .shop-review-area .shop-review-title .title,
#variationModal .modal-title span,
.cart-table .title h5,
.total-item-info li,
.total-item-info li span,
.cart-table .price.cart_price strong,
.cart-area .cart-table tbody tr .sub-total,
.cart_price p,
.cart-table .title p strong,
.cart-table .title p span,
.login-area .login-content .input-box input,
.login-area .login-content .login-title .title,
.checkout-area .shop-title-box h3,
.checkout-area form .field-label,
.checkout-area .table .cart-table tbody tr td,
.cart-total .payment-options .option-block .checkbox label span,
.payment-options h4,
.placeorder-button button {
    color: #fff !important;
}

.food-menu-area.food-menu-3-area .tabs-btn .nav li a.active {
    background-color: var(--bs-primary) !important;
    border: 1px solid #3d3d3d !important;
}

.cart-area .cart-table thead tr th {
    background-color: var(--bs-primary);
    color: #fff !important;
}

.cart-area .cart-table tbody tr .qty .product-quantity button {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

.cart-area .cart-table tbody tr .qty .product-quantity input {
    background-color: transparent !important;
    color: #fff !important;
}

.product-quantity {
    border: 1px solid #160801 !important;
}

.cart-area .cart-table tbody tr {
    border-bottom: 1px solid #3d3d3d !important;
}

.login-area .login-content .input-box input {
    background-color: transparent !important;
}

.login-or-title strong {
    color: #fff !important;
}

.checkout-area .table .cart-table thead tr th {
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    color: #fff !important;
}

.checkout-area form .input-group input[type="text"],
.checkout-area form .field-input input[type="text"],
.checkout-area form .field-input select,
.checkout-area form .field-input textarea,
.checkout-area form .input-group .btn-outline-secondary {
    background-color: transparent;
    border: 1px solid #3d3d3d !important;
    color: #fff !important;
}

.dropdown-menu.country-codes {
    background-color: var(--bs-primary);
}

.dropdown-menu.country-codes .dropdown-item {
    color: #fff !important;
}

.dropdown-menu.country-codes .dropdown-item:hover {
    color: var(--bs-primary) !important;
}

.checkout-area .bottom {
    background-color: transparent;
}

.checkout-area .coupon {
    background-color: var(--bs-primary) !important;
}

.checkout-area .coupon h4 {
    color: #fff !important;
}

.checkout-area .coupon button {
    background-color: #160801 !important;
    border: 1px solid #160801 !important;
    color: #fff !important;
}

.checkout-area .coupon .form-control,
.cart-total .payment-options {
    border: 1px solid #3d3d3d !important;
}

.cart-total-table li {
    border-bottom: 1px solid #3d3d3d;
}

.cart-total-table {
    border: 1px solid #3d3d3d;
}

.reservation-2-area.reservation-3-area.book-reservation .white-bg {
    background-color: transparent;
}

.reservation-2-area .white-bg form .input-box select,
.reservation-2-area .white-bg form .input-box input {
    background-color: transparent !important;
    border: 1px solid #3d3d3d !important;
    color: #fff !important;
}

.modal-content {
    background-color: var(--bs-primary);
}

.modal-quantity {
    display: flex;
    align-items: center;
    width: 100px;
    gap: 5px;
}

.modal-content .form-control {
    background-color: transparent !important;
    border: 1px solid #160801 !important;
    color: #fff !important;
}

.modal-content button {
    background-color: #160801 !important;
    border: 1px solid #160801 !important;
    color: #fff !important;
}

.modal-quantity span {
    color: #fff !important;
    background-color: #160801 !important;
    padding: 4px 7px;
    width: 28px;
} */
:root {
    --color-dark: #160801;
    --color-dark-rgb: 22, 8, 1;
    --color-medium: #3d3d3d;
    --text-dark: #f2f2f2;
    --text-medium: #ACACAC;
    --text-white: #fff;
    --text-light: #BABABA;
    --border-color: #222222;
    --border-color-2: #3d3d3d;
    --bg-1: #160801;
    --bg-2: #160801;
    --bg-white: #111111;
}

body {
    color: #BABABA !important;
    background-color: #160801 !important;
}

* {
    box-shadow: none;
}

.header-area.is-sticky {
    background: rgba(var(--color-dark-rgb), 0.9);
    border-bottom: 1px solid var(--border-color);
}

.header-area .main-navbar .menu-dropdown {
    border: 1px solid var(--border-color);
}

@media (max-width: 1199px) {
    .header-area {
        background: rgba(var(--color-dark-rgb), 0.9);
        border-bottom: 1px solid var(--border-color);
    }
}

.blog-area .card-content {
    background-color: var(--bg-1);
}

.scroll-btn {
    background-color: var(--bg-dark);
}

.scroll-btn.left::after {
    background: linear-gradient(to right, var(--bg-dark) 20%, rgba(33, 33, 33, 0) 80%);
}

.scroll-btn.right::after {
    background: linear-gradient(to left, var(--bg-dark) 20%, rgba(33, 33, 33, 0) 80%);
}

p.gateway-desc,
.checkout-area .coupon {
    background-color: var(--bg-2);
}

select option,
.page-link,
.dropdown-menu,
.modal-content,
.faq-section .card-body,
.checkout-area .bottom,
.job-lists .single-job,
.blog-sidebar-widgets,
.product-quantity button,
.page-item.disabled .page-link,
.faq-section .accordion .card .card-header,
.cart-area .cart-table tbody tr .qty .product-quantity button,
.food-menu-area.food-menu-3-area .food-menu-items .single-menu-item,
.food-menu-area.food-menu-3-area .tabs-btn .nav li a.active,
#preloader {
    background-color: var(--bg-1);
}

input,
.form-control,
.dropdown-item:focus,
.dropdown-item:hover,
.checkout-area form .field-input textarea,
.single-form input,
.single-form textarea,
.reservation-2-area.reservation-3-area.book-reservation .white-bg,
.reservation-2-area .white-bg form .input-box input,
.user-dashbord .user-profile-details .edit-info-area textarea.form_control,
.menu-contents .menu-tabs .tab-content .tab-pane .shop-review-area .shop-review-form .input-box textarea {
    background-color: transparent !important;
}

input,
textarea,
.user-dashbord .user-sidebar,
.user-dashbord .title,
.page-link,
.single-form input,
.single-form textarea,
.form-control,
.modal-header,
.modal-footer,
.menu-contents,
.product-quantity,
.shop-search input,
.shop-sidebar .shop-box,
.cart-total-table li,
.cart-total-table,
.cart-total .payment-options,
.cart-area .cart-table tbody tr,
.shop-details-area .shop-content .shop-text,
.pricing-area .single-pricing a.main-btn,
.login-area .login-content .input-box input,
.user-dashbord .user-sidebar .links li,
.category-lists.job li,
.job-lists .single-job,
.checkout-area .table .cart-table tbody tr,
.checkout-area form .field-input textarea,
.food-menu-area.food-menu-3-area .tabs-btn .nav li a.active,
.food-menu-area.food-menu-3-area .tabs-btn .nav li a,
.cart-area .cart-table tbody tr .qty .product-quantity input,
.cart-area .cart-table tbody tr .qty .product-quantity button,
.user-dashbord .user-profile-details .edit-info-area .form_control,
.user-dashbord .user-profile-details .edit-info-area textarea.form_control,
.user-dashbord .account-info,
.user-dashbord .order-details,
.blog-details-area .blog-sidebar .blog-box .blog-title,
.reservation-2-area .white-bg form .input-box input,
.blog-details-area .blog-sidebar .blog-box,
.blog-details-area .blog-sidebar .blog-box .blog-title .food-menu-area.food-menu-3-area .food-menu-items .single-menu-item,
.checkout-area form .field-input input[type="text"],
.checkout-area form .field-input select,
.menu-contents .menu-tabs .tab-content .tab-pane .shop-review-area .shop-review-form .input-box textarea {
    border-color: var(--border-color-2) !important;
}

input,
textarea,
select option,
.form-control,
.page-link,
.close,
.dropdown-item,
.total-item-info li span,
.single-job strong,
.placeorder-button .main-btn,
.page-item.disabled .page-link,
.cart-total-table li:last-child,
.checkout-area .shop-title-box h3,
.checkout-area .table .cart-table thead tr th,
.faq-section .accordion .card .card-header .btn,
.login-area .login-content .login-title .title,
.food-menu-area.food-menu-3-area .tabs-btn .nav li a.active,
.user-dashbord .user-profile-details .edit-info-area .form_control,
.menu-contents .menu-tabs .tab-content .tab-pane p,
.blog-area .blog-content .blog-comments ul li,
.blog-area .blog-content .blog-comments ul li i,
.menu-contents .menu-tabs .tab-content .tab-pane span,
.food-menu-area.food-menu-3-area .tabs-btn .nav li a p,
.shop-details-area .shop-content .shop-social span,
.checkout-area form .field-input textarea,
.popular-posts-lists h4,
.category-lists h4,
.info strong.label,
.cart-table .title p strong,
.product-quantity input,
.contact-area .contact-info-list .item i,
.blog-details-area .blog-details-items .blog-social .shop-social span,
.checkout-area form .field-input input[type="text"],
.checkout-area form .field-input select,
.team-area .single-team .team-content .title,
.blog-details-area .blog-sidebar .blog-box .blog-cat-list ul li a,
.food-menu-area .food-menu-items .single-menu-item .menu-content a.title,
.payment-options h4,
.coupon h4,
#variationModal .modal-title span,
#variationModal .modal-content .variation-label h5,
.addon-label h5,
#callWaiterModal .modal-title,
.blog-details-area .blog-sidebar .blog-box .blog-title .title,
.blog-details-area .blog-details-items .blog-details-content .title,
.user-dashbord .account-info .title h4 {
    color: var(--text-white) !important;
}

input,
.table,
.total-item-info li,
.price-range-box form input,
.cart-table .price.cart_price strong,
.user-dashbord .user-sidebar .links li a,
.pricing-area .single-pricing a.main-btn,
.cart-table .price.cart_price p,
.cart-area .cart-table tbody tr td,
.category-lists ul li a,
.searchbar button[type="submit"],
.searchbar input[type="submit"],
.cart-area .cart-table tbody tr .qty .product-quantity button,
.cart-area .cart-table tbody tr .qty .product-quantity input,
.menu-contents .menu-tabs .tab-content .tab-pane .shop-review-area .shop-review-form .input-box span {
    color: var(--text-light) !important;
}

p.gateway-desc,
.checkout-area form .field-label,
.dropdown-item:focus,
.dropdown-item:hover,
.pricing-area .single-pricing p,
.cart-total .payment-options .option-block .checkbox label span,
.food-menu-area.food-menu-2-area .food-menu-items .single-menu-item .menu-content p,
.user-dashbord .main-table .dataTables_wrapper td a.btn {
    color: var(--text-medium) !important;
}

.page-item.active .page-link,
.page-link:hover {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.text-dark {
    color: var(--text-white) !important;
}

.searchbar-form-section {
    border: 1px solid var(--border-color-2);
}

.login-or-title strong {
    color: #fff !important;
}

#variationModal .modal-title span#productPrice {
    color: var(--color-primary) !important;
}

.food-menu-area.food-menu-3-area .tabs-btn .nav li a.active {
    background-color: var(--bs-primary) !important;
    border: 1px solid #3d3d3d !important;
}

.food-menu-area .button-group button:active {
    background-color: var(--bs-primary) !important;
    border: 1px solid #3d3d3d !important;
    color: #fff;
}

.bg-light {
    background-color: var(--bs-primary) !important;
}

.menu-contents .menu-tabs .tab-content .tab-pane .shop-review-area .shop-review-title .title,
.shop-details-area .shop-content .shop-top-content .title {
    color: var(--text-white) !important;
}

.cart-area .cart-table .cart-header tr,
.checkout-area .table .cart-table .cart-header tr {
    background: unset !important;
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    border: 1px solid #3d3d3d !important;
}

.ui-timepicker-viewport {
    background-color: var(--bs-primary) !important;
}

.ui-timepicker-standard {
    border: 1px solid #3d3d3d !important;
    background-color: transparent !important;

}

.ui-datepicker .ui-datepicker-title {
    color: #fff !important;
}
.shop-details-area .shop-content .shop-text p{
    color: #fff !important;
}
.shop-content .category-text,
.shop-content .subcategory-text,
.blog-area .blog-content a .title  {
    color: #fff !important;
}
.shop-content .category-name,
.shop-content .subcategory-name  {
    color: var(--bs-primary) !important;
}
.shop-details-area .shop-content .shop-top-content ul li span{
    color: #fff !important;
    font-size: 14px;
}
.blog-area .blog-content a .title :hover{
    color: var(--bs-primary) !important;
}