/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Mar 4, 2024, 7:56:17 PM
    Author     : ali
*/

@font-face {
    font-family: 'Vazir';
    src: url('../fonts/Vazir.ttf') format('truetype');
}

.gold1 path {
    fill: gold;
}

body {
    font-family: 'Vazir';
    padding-top: 60px;
    background: url('../img/backorg.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.b-black {
    color: black;
}

.p-black {
    color: black;
}

.a-site-rules {
    text-decoration: none;
}

.p-important-category {
    color: white;
}

a {
    text-decoration: none;
}

.return-button {
    text-align: left;
}

.login-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.divs {
    display: none;
}

    .divs.active {
        display: block;
    }

.fatrash {
    cursor: pointer;
    color: red;
}

.disabled-buy-main {
    position: relative
}

.star1 {
    font-size: 2rem;
    cursor: pointer;
    color: gray;
}

    .star1.gold1 {
        color: gold;
    }

.disabled-buy {
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    left: 0;
    right: 10px;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.disabled-ejare {
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.disabled-buy-p {
    display: flex;
    justify-content: center;
    margin-top: 150px;
    font-size: 18px;
    font-weight: 600;
    color: #F7F2CE;
}

.accordion-button:focus {
    box-shadow: 0 0 0 .25rem rgb(255 255 255 / 0%);
}

.accordion-button:focus {
    background-color: white;
}

.b-red {
    color: red;
}

.b-green {
    color: green;
}

.b-yellow {
    color: #e5b700;
}

.IR {
    background-color: #fff;
    border-right: 0;
    margin-top: 35px !important;
}

.ir-form {
    text-align: left;
    border-left: 0;
    border-radius: 4px;
    margin-top: 35px !important;
    margin-right: -55px !important;
}

.blinking-circle {
    margin-left: 5px;
    margin-top: 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    animation: blink 1.5s infinite ease-in-out;
    float: left !important;
}

.splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.splide__slide {
    opacity: 0.6;
}

    .splide__slide.is-active {
        opacity: 1;
    }

/* Lightbox Overlay */
.lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.lightbox-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 80%;
    max-height: 80%;
}

    .lightbox-container img {
        max-width: 100%;
        max-height: 100%;
    }

.lightbox-prev, .lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    border: none;
    padding: 10px 15px;
    font-size: 24px;
    cursor: pointer;
    z-index: 1000;
}

.lightbox-prev {
    left: -50px;
}

.lightbox-next {
    right: -50px;
}

.lightbox-thumbnails {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

    .lightbox-thumbnails img.thumbnail {
        width: 90px;
        height: 60px;
        object-fit: cover;
        cursor: pointer;
        border: 2px solid transparent;
        border-radius: 5px;
        transition: 0.3s;
    }

        .lightbox-thumbnails img.thumbnail:hover {
            border-color: #ccc;
        }

        .lightbox-thumbnails img.thumbnail.active {
            border-color: #f7c600;
            box-shadow: 0 0 5px #f7c600;
        }

@keyframes blink {
    0%, 20%, 100% {
        opacity: 1;
    }

    10% {
        opacity: 0.3;
    }

    50% {
        opacity: 0;
    }

    80% {
        opacity: 0.3;
    }
}

@media screen and (min-width: 1030px) {

    .nav-category:hover {
        color: #ffc107 !important;
    }

    .nav-category:focus {
        color: #ffc107 !important;
    }

    .mini-menu-drop-area {
        box-shadow: 0px 0px 3px 1px #616161;
        display: none;
        line-height: 1rem;
        margin-top: 5px;
        left: 15px;
        background-color: white;
        border-radius: 15px;
        position: absolute;
        width: 200px;
        padding: 10px;
    }

    .mini-menu-drop-a {
        color: #333333;
        font-size: 14px;
    }

        .mini-menu-drop-a:hover {
            color: black;
            font-weight: 600;
        }

    .mini-menu-drop-a-exit {
        font-size: 14px;
    }

        .mini-menu-drop-a-exit:hover {
            color: red;
            font-weight: 600;
        }

    .mini-menu-drop-b {
        font-weight: 400;
        font-size: 14px;
    }

    .mini-menu-drop-b2 {
        font-size: 14px;
    }

    .mini-menu-drop-a2 {
        cursor: pointer;
        color: #3399ff;
        font-size: 14px;
    }

    /*-----------------------------mega-menu--------------------------------*/


    .nav-item {
        position: relative;
    }

    .mega-menu {
        height: 710px;
        display: none;
        position: absolute;
        top: 100%;
        right: 15px;
        background-color: white;
        border: 2px solid #ffc107;
        border-radius: 20px;
        padding: 20px;
        z-index: 1000;
        width: 250px;
    }

    .menu,
    .submenu,
    .submenu-2 {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .menu-item {
        list-style: none;
        padding: 5px;
        position: relative;
    }

    .nav-item:hover .mega-menu {
        display: block;
    }

    .submenu {
        height: 710px;
        margin-top: 115px;
        padding: 20px;
        color: #000;
        display: none;
        position: fixed;
        top: 0;
        right: 300px;
        background-color: white;
        border: 2px solid #ffc107;
        border-radius: 20px 0px 0px 20px;
        width: 250px;
        z-index: 1000;
    }

    .submenu1 {
        height: 710px;
        margin-top: 115px;
        padding: 20px;
        color: #000;
        display: none;
        position: fixed;
        top: 0;
        right: 525px;
        background-color: white;
        border: 2px solid #ffc107;
        border-radius: 20px 0px 0px 20px;
        width: 250px;
        z-index: 1000;
    }

    .menu-item:hover > .submenu {
        display: block;
    }

    .menu-item:hover > .submenu1 {
        display: block;
    }

    .nav-item .nav-link {
        position: relative;
    }

    .mega-a {
        color: black;
    }

        .mega-a:hover {
            color: red;
        }

    .mega-chev {
        margin-top: 5px;
        font-size: 12px;
        float: left;
        margin-left: 10px;
    }

    .subitem1 {
        padding: 5px;
    }

    /*-----------------------------mega-menu--------------------------------*/

    .login-area {
        width: 100%;
        max-width: 450px;
        margin: auto;
        margin-bottom: 30px;
        margin-top: 100px;
    }

    .modal-header-login {
        padding-bottom: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .modal-content {
        border-radius: 0.7rem;
        direction: rtl;
        padding: 35px;
        text-align: right;
    }

    .modal-title {
        font-weight: 600;
    }

    .number-input {
        height: 50px;
    }

    .btn-modal {
        margin-top: 60px;
        width: 100%;
    }

    .label-number {
        padding-bottom: 15px;
    }

    .mobile-nav {
        display: none;
    }

    .sidebar {
        display: none;
    }

    .navbar-expand-lg.fixed-top,
    .navbar-expand-lg {
        background: url('../img/backorg.jpg');
        background-position: center;
        background-attachment: fixed;
        padding-right: 50px;
        padding-left: 50px;
    }

    #nav1 {
        direction: rtl !important;
        padding-top: 15px;
    }

    #nav2 {
        direction: rtl !important;
        padding-top: 15px;
        margin-top: 60px;
        box-shadow: 0px 1px 2px 0px #333333;
    }

    #pc-logo {
        padding-right: 35px;
    }

    .search {
        width: 485px;
        border-radius: 11px;
    }

    .search-container {
        position: relative;
        display: inline-block;
    }

    .search-icon {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        color: #555;
    }

    .nav-link {
        margin-right: 20px;
        color: white;
    }

    #kala {
        background-color: #ffc107;
        padding-right: 15px;
        padding-left: 15px;
        margin-left: 18px !important;
    }

    .navbar-header-inpanel {
        margin-left: 4px;
    }

    #acc-btn {
        background-color: #00d400;
        padding-right: 9px;
        padding-left: 9px;
    }

    #support-btn {
        background-color: #e74414;
        color: white;
        border: 1px #00cc00;
        padding-right: 15px;
        padding-left: 15px;
        margin-left: 52px;
    }

    #location {
        cursor: pointer;
        padding-left: 35px;
        color: white;
    }

    #carousel {
        padding-left: 100px;
        padding-right: 100px;
        padding-top: 100px;
    }

    .custom-carousel-control {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        background-color: rgba(0, 0, 0, 0.5);
        border: none;
        border-radius: 50%;
        color: white;
        font-size: 0px;
    }

    .custom-prev {
        left: 40px;
    }

    .custom-next {
        right: 40px;
    }

    .slider1 {
        border-radius: 20px;
    }

    .carousel-control-prev {
        display: none;
    }

    .carousel-control-next {
        display: none;
    }

    #owl {
        padding-left: 100px;
        padding-right: 100px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #slider2 {
        border-radius: 20px;
    }

    #owl-block {
        padding: 10px;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 20px !important;
        height: 20px !important;
    }

    .hr {
        color: white;
        padding-left: 100px;
        padding-right: 100px;
    }

    #brand-new {
        direction: rtl !important;
        padding-left: 100px;
        padding-right: 100px;
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .brand-new {
        font-size: 15px;
        padding: 5px 15px 5px 15px;
        border-radius: 12px;
        border: 1px solid #000;
        background-color: #ffc107;
    }

    .all-brand-new {
        margin-top: -6px;
        position: absolute;
        left: 7%;
        text-decoration: none;
        color: white;
        font-size: 15px;
        padding: 5px 15px 5px 15px;
        border-radius: 30px;
        border: 1px solid #ffa112;
    }

        .all-brand-new:hover {
            color: #99ccff;
        }

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

    #brand-new-owl {
        padding-left: 150px;
        padding-right: 150px;
        padding-top: 20px;
        padding-bottom: 50px;
    }

    #brand-new-owl-block {
        background-color: rgba(255, 252, 232, 1);
        height: 526px;
        margin-left: 10px;
        direction: rtl !important;
        border-radius: 15px;
    }

    #brand-new-owl-block-product {
        background-color: rgba(255, 252, 232, 1);
        margin-left: 10px;
        direction: rtl !important;
        border-radius: 15px;
    }

    .brand-new-item-product {
        border-radius: 0px 0px 10px 10px;
        background-color: rgba(255, 252, 232, 1);
        padding: 20px;
    }

    .brand-new-item {
        height: 300px;
        border-radius: 0px 0px 10px 10px;
        background-color: rgba(255, 252, 232, 1);
        padding: 20px;
    }

    .brand-new-img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 15px 15px 0px 0px;
    }

    .brandnew-alert {
        font-size: 13px;
        border-radius: 10px;
        padding: 6px;
        border: 1px solid red;
    }

    .btn-rent {
        border-radius: 20px;
        border: 1px solid #d1b800;
        color: #d1b800;
        padding-left: 20px;
        padding-right: 20px;
    }

    .btn-shop {
        border-radius: 20px;
        border: 1px solid black;
        padding-left: 20px;
        padding-right: 20px;
    }

    .b-shop {
        font-size: 14px;
    }

    .b-rent {
        font-size: 14px;
    }

    .p-des {
        padding-top: 10px;
        font-size: 15px;
        color: #535353;
    }

    .rating-stars {
        text-align: left;
        font-size: 24px;
    }

    .rating-number {
        color: #4e4e4e;
        font-size: 18px;
        padding-left: 10px;
    }

    .gold {
        color: gold;
    }

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

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

    .important-category {
        text-align: center;
        direction: rtl !important;
        padding-left: 80px;
        padding-right: 80px;
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .category-img {
        border-radius: 50%;
        height: 200px;
        width: 200px;
        object-fit: cover;
        margin-bottom: 15px;
    }

    .our-company {
        text-align: center;
        direction: rtl !important;
        padding-left: 80px;
        padding-right: 80px;
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .b-our-company {
        color: white;
        font-size: 40px;
    }

    .p-our-company {
        color: white;
        padding-top: 10px;
        font-size: 20px;
        margin-bottom: 50px;
    }

    .under-svg {
        color: white;
        margin-top: 15px;
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 18px;
    }

    .under-svg-des {
        color: white;
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer {
        direction: rtl !important;
        padding-left: 100px;
        padding-right: 100px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .p-footer {
        color: white;
        margin-top: 15px;
        padding: 15px;
        padding-left: 70px;
        text-align: justify;
    }

    .b-footer {
        color: white;
        font-size: 18px;
        font-weight: 600;
    }

    .a-footer {
        font-size: 16px;
        text-decoration: none;
        color: white;
    }

        .a-footer:hover {
            color: #99ccff;
        }

    .footer-logo-img {
        text-align: center;
    }

    .footer-img {
        padding-top: 20px;
        text-align: center;
    }

    .copyright {
        color: white;
        padding: 5px;
        margin-bottom: 15px;
        text-align: center;
    }

    .active-main-nav {
        font-weight: 600;
        color: black;
        background-color: #ffc107;
        padding: 5px;
        border: 1px solid black;
        border-radius: 10px;
    }

    .about-us-area {
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 90px;
        margin-bottom: 20px;
        text-align: right;
        color: black;
        padding: 20px;
        border: 1px solid white;
        background-color: white;
        border-radius: 15px;
        height: 420px;
    }

    .b-about-us {
        padding-right: 25px;
        font-size: 20px;
    }

    .p-about-us {
        padding-right: 25px;
        font-size: 16px;
    }

    .dashboard {
        direction: rtl !important;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 90px;
        padding-bottom: 20px;
    }

    .dashboard-pc-nav {
        background-color: white !important;
        border: 2px solid #000;
        padding: 20px;
        border-radius: 20px;
    }

    .dashboard-phone-nav {
        display: none;
    }

    .sidebarpanel {
        display: none;
    }

    .dashboard-nav-block1 {
        text-align: center;
    }

    .dashboard-img {
        width: 81px;
        height: 81px;
        border-radius: 15px;
        margin-bottom: 10px;
    }

    .dashboard-b-block1 {
        font-size: 15px;
    }

    .dashboard-p-block1 {
        margin-top: -10px;
        font-size: 15px;
    }

    .dashboard-nav-block2 {
        text-align: right;
    }

    .dashboard-nav-ul {
        padding-right: 0rem !important;
        list-style-type: none;
    }

    .dashboard-nav-a {
        line-height: 2.2;
        font-size: 14px;
        color: black;
        text-decoration: none;
    }

    .active-nav {
        font-weight: 600;
        padding-right: 10px;
        border: 2px solid #fac800;
        border-radius: 10px;
    }

    .dashboard-p-block3 {
        margin-bottom: -8px !important;
        font-size: 15px;
        color: #E63946;
    }

    .dashboard-main {
        background-color: white !important;
        border: 2px solid #000;
        padding: 30px;
        border-radius: 20px;
    }

    .dashboard-info {
        width: 20%;
        border: 2px solid #000;
        border-radius: 15px;
        padding: 10px;
    }

    .dashboard-info-item-block-IR {
        width: 50% !important;
        padding-bottom: 30px;
    }

    .dashboard-info-item-block {
        padding-bottom: 30px;
    }

    .dashboard-info-item {
        font-size: 14px;
    }

    .dashboard-info-subitem {
        font-size: 15px;
        font-weight: 400;
    }

    .dashboard-hr-info {
        margin-bottom: 20px;
        border: 2px solid #F4A261;
    }

    .dashboard-label-item {
        font-size: 14px;
    }

    .edit-input {
        direction: rtl;
        width: 50%;
        margin-top: 15px;
    }

    .edit-btn {
        background-color: #00cc00;
        color: white;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .cancel-btn {
        background-color: #E63946;
        color: white;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .btn-edit-block {
        margin-top: -60px
    }

    .auth-block-img_upload {
        cursor: pointer;
        border-radius: 5px;
        margin-top: 10px;
        width: 50%;
        border: 1px solid black;
        font-size: 13px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .auth-block-text_upload {
        line-height: 1rem;
        border-radius: 5px;
        margin-top: 10px;
        width: 85%;
        border: 1px solid black;
        font-size: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .auth-role-img {
        width: 100%;
    }

    .btn-site-role {
        width: 50%;
        background-color: #E63946;
        color: white;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .alert-danger-auth {
        padding: 15px;
        border: 1px dashed #ff0000;
        color: #ff0000;
        border-radius: 10px;
        font-size: 15px;
        margin-bottom: 20px;
        background-color: rgba(249, 0, 0, 0.09);
    }

    .btn-edit-block-auth {
        margin-top: -140px
    }

    .btn-add-card {
        width: 20%;
        background-color: #009C12;
        color: white;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .b-card-number {
        font-size: 20px;
        padding-right: 40px;
    }

    .card-img {
        margin-top: 20px;
        width: 260px;
        height: 160px;
    }

    .card-info {
        line-height: 2rem;
        margin-top: 10%;
    }

    .card-item-block {
        border-radius: 15px;
        margin-top: 30px;
        padding: 40px;
        border: 2px dashed #cccccc;
    }

    .card-alert-info {
        border: 2px dashed #666666;
        margin-bottom: 15px;
        border-radius: 10px;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 20px;
        padding-bottom: 120px;
        background-color: white;
    }

    .card-btn-edit-delete {
        display: flex;
        justify-content: space-between;
    }

    .address-item-block {
        margin-top: 10px;
        padding-top: 5px;
        padding-bottom: 10px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .b-address-item {
        font-weight: 400;
        font-size: 18px;
    }

    .p-address-item {
        color: #B14E00;
        font-weight: 600;
    }

    .pagenation {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .prev-page-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid #000000;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
        border-radius: 0px 5px 5px 0px;
    }

    .next-page-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid #000000;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
        border-radius: 5px 0px 0px 5px;
    }

    .page-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid #000000;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
    }

    .active-pagenation {
        background: #E4BE2E;
    }

    .validation-pending-alert {
        font-size: 15px;
        border-radius: 5px;
        text-align: center;
        padding-bottom: 20px;
        padding-top: 20px;
        background-color: #E4BE2E;
        margin-bottom: 15px;
        margin-top: 180px;
    }

    .validation-success-alert {
        font-size: 15px;
        border-radius: 5px;
        text-align: center;
        padding-bottom: 20px;
        padding-top: 20px;
        background-color: #48C857;
    }

    .validation-btn-block {
        border-radius: 5px;
        margin-top: 250px;
        text-align: center;
        color: white;
    }

    .validation-btn {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-right: 50px;
        padding-left: 50px;
        background-color: #7C7C7C;
        color: white;
    }

    .card-block-img_upload {
        cursor: pointer;
        border-radius: 5px;
        margin-top: 10px;
        width: 50%;
        border: 1px solid #cccccc;
        font-size: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }



    .card-submit {
        width: 50%;
        color: white;
        background-color: #027300;
    }

    .card-cancel {
        width: 50%;
        color: white;
        background-color: #9B0000;
    }

    .edit-address-input {
        height: 50px;
    }

    .edit-address-btn-block {
        display: flex;
        justify-content: space-between;
    }

    .address-submit-edit-btn {
        padding-top: 10px;
        padding-bottom: 10px;
        color: white;
        background-color: #027300;
        width: 100%;
    }

    .address-cancel-btn {
        padding-top: 10px;
        padding-bottom: 10px;
        color: white;
        background-color: #9B0000;
        width: 100%;
    }

    .table-block {
        border-collapse: collapse;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 30px;
        padding-bottom: 10px;
        text-align: center;
        border: 1px solid black;
        border-radius: 20px;
    }

    .table-td {
        height: 60px;
    }

    tr {
        vertical-align: middle;
    }

    .deposit-color {
        color: #027300;
    }

    .withdraw-color {
        color: #E63946;
    }

    .withdrawal-btn {
        padding-top: 10px;
        padding-bottom: 10px;
        color: black;
        background-color: #E4BE2E;
        width: 100%;
    }

    .invoice-btn-des {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E4BE2E;
        color: black;
    }

    .invoice-btn {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #F4A261;
        color: black;
    }

    .invoice-details-row {
        display: none;
        vertical-align: middle;
    }

    .invoice-hr {
        border: 1px dashed #cccccc;
    }

    .favorite-item-block {
        border-radius: 15px;
        margin-top: 30px;
        padding: 40px;
        border: 2px dashed #cccccc;
    }

    .favorite-noimg {
        width: 122px;
        height: 114px;
    }

    .favorite-del-btn {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E63946;
        color: white;
    }

    .favorite-del-btn-block {
        text-align: left;
    }

    .favorite-name-b-block {
        display: flex;
        justify-content: start;
    }

    .ticket-view-btn {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #1B8900;
        color: white;
    }

    .waiting-color {
        color: #853B00;
    }

    .back-to-tickets {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E4BE2E;
        color: black;
    }

    .close-ticket {
        padding-right: 75px;
        padding-left: 75px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #B40000;
        color: white;
    }

    .admin-respond-block {
        overflow-y: scroll;
        padding-bottom: 20px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 20px;
        margin-top: 20px;
        background-color: #FFFA7C;
        border: 1px solid #000;
        border-radius: 0px 15px 15px 0px;
        height: 170px;
    }

    .user-respond-block {
        overflow-y: scroll;
        padding-bottom: 20px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 20px;
        margin-top: 20px;
        background-color: #B2FFAF;
        border: 1px solid #000;
        border-radius: 0px 15px 15px 0px;
        height: 170px;
    }

    .p-respond-date {
        display: flex;
        justify-content: end;
    }

    .b-respond {
        font-weight: 600;
        font-size: 18px;
    }

    .ticket-block-file_upload {
        cursor: pointer;
        border-radius: 5px;
        margin-top: 10px;
        width: 100%;
        border: 1px solid #cccccc;
        font-size: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .submit-respond-btn {
        margin-top: 20px;
        padding-right: 80px;
        padding-left: 80px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #008716;
        color: white;
    }

    .submit-ticket-btn {
        margin-top: 20px;
        padding-right: 75px;
        padding-left: 75px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #008716;
        color: white;
    }

    .abort-ticket-btn {
        margin-top: 20px;
        padding-right: 80px;
        padding-left: 80px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #9B0000;
        color: white;
    }

    .manage-role-list-edit-btn {
        padding-right: 25px;
        padding-left: 25px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E4BE2E;
        color: black;
    }

    .manage-role-list-del-btn {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #9B0000;
        color: white;
    }

    .form-check-input {
        border: 1px solid #997900;
    }

        .form-check-input:checked {
            background-color: #997900;
            border-color: #997900;
        }

    .rols-option {
        padding-right: 50px;
    }

    .add-role-btn-option {
        width: 25%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #1B8900;
        color: white;
    }

    .abort-role-btn-option {
        width: 25%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #9B0000;
        color: white;
    }

    .blue-color {
        color: #002C99;
    }

    .user-manage-filter {
        padding-left: 50px;
        padding-right: 50px;
    }

    .user-manage-btn-search {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E4BE2E;
        color: black;
    }

    .user-manage-btn-del {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #9B0000;
        color: white;
    }

    .user-information-auth-btn {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E4BE2E;
        color: black;
    }

    .user-information-blue-btn {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #0053B4;
        color: white;
    }

    .user-information-red-btn {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #9B0000;
        color: white;
    }

    .user-information-gray-btn {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #7C7C7C;
        color: white;
    }

    .user-information-green-btn {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #307D00;
        color: white;
    }

    .auth-req-info-block {
        margin-bottom: 70px;
        text-align: center;
    }

    .auth-req-img-block {
        margin-top: 20px;
        width: 100%;
        height: 300px;
    }

    .bank-card-req-info {
        margin-top: 40px;
    }

    .categories-area {
        margin-top: 30px;
        border: 1px solid black;
        border-radius: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #FFFCE7;
    }

    .categories-head {
        padding-bottom: 20px;
        padding-right: 60px;
    }

    .categories-item {
        margin-bottom: 20px;
        padding-right: 60px;
    }

    .ellips {
        cursor: pointer;
    }

    .cat-item1 {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .cat-item2 {
        margin-bottom: 30px;
        margin-right: 20px;
    }

    .cat-item3 {
        margin-bottom: 30px;
        margin-right: 40px;
    }

    .cat-btn-area {
        margin-top: -20px;
        margin-bottom: 10px;
        width: 180px;
        display: none;
        background-color: #F3EECA;
        border: 1px solid black;
        border-radius: 20px;
        padding: 20px;
    }

    .cat-blue-btn {
        width: 100%;
        font-size: 14px;
        background-color: #02427C;
        color: white;
    }

    .cat-green-btn {
        width: 100%;
        font-size: 14px;
        background-color: #008D06;
        color: white;
    }

    .cat-yellow-btn {
        width: 100%;
        font-size: 14px;
        background-color: #E4BE2E;
        color: black;
    }

    .cat-red-btn {
        width: 100%;
        font-size: 14px;
        background-color: #9B0000;
        color: white;
    }

    .cus-green-btn {
        width: 20%;
        font-size: 14px;
        background-color: #008D06;
        color: white;
    }

    .cus-yellow-btn {
        width: 22%;
        font-size: 14px;
        background-color: #E4BE2E;
        color: black;
    }

    .cus-red-btn {
        width: 20%;
        font-size: 14px;
        background-color: #9B0000;
        color: white;
    }

    .cus-buy-req {
        text-align: center;
        padding: 10px;
    }

    .active-orange {
        border: 2px solid #F4A261;
        border-radius: 15px;
    }

    .cus-ejare-req {
        text-align: center;
        padding: 10px;
    }

    .cus-req-a {
        color: black;
    }

    .cus-req-status {
        padding: 10px;
        text-align: center;
    }

    .active-black {
        border: 2px solid black;
        border-radius: 15px;
    }

    .active-green {
        border: 2px solid #169F00;
        border-radius: 15px;
    }

    .active-yellow {
        border: 2px solid #FFB800;
        border-radius: 15px;
    }

    .color-red {
        color: red;
    }

    .active-red {
        border: 2px solid #BB0000;
        border-radius: 15px;
    }

    .color-green {
        color: #1B8900;
    }

    .nav-link:hover {
        color: white;
    }

    .contact-us-area {
        padding-right: 100px;
        padding-left: 100px;
        direction: rtl;
        text-align: right;
    }

    .contact-us-information {
        margin-top: 240px;
        margin-bottom: 20px;
        text-align: right;
        color: black;
        padding: 20px;
        border: 1px solid white;
        background-color: white;
        border-radius: 15px;
        height: 200px;
    }

    .contact-us-form {
        margin-top: 100px;
        margin-bottom: 20px;
        text-align: right;
        padding: 50px;
        height: auto;
    }

    .contact-us-form-title {
        margin-bottom: 50px;
        font-size: 19px;
        color: white;
    }

    .contact-us-form-b {
        color: white;
    }

    .contact-us-btn {
        color: white;
        background-color: #3B9B00;
        padding-right: 40px;
        padding-left: 40px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

        .contact-us-btn:hover {
            color: black;
            background-color: #99ff99;
            border: 1px solid #3B9B00;
            padding-right: 40px;
            padding-left: 40px;
            padding-top: 6px;
            padding-bottom: 6px;
        }

    .faq-area {
        margin-top: 100px;
        padding-right: 100px;
        padding-left: 100px;
        direction: rtl;
    }

    .b-faq {
        color: white;
        text-align: center;
        font-size: 20px;
    }

    .p-faq {
        padding-left: 50px;
        padding-right: 50px;
        color: white;
        text-align: center;
        font-size: 16px;
    }

    .faq-ouestion-area {
        margin-top: 50px;
        margin-bottom: 50px;
        color: black;
        background-color: white;
        border: 1px solid black;
        border-radius: 10px;
    }

    .fa-chevron-down {
        float: left;
    }

    .rotate {
        transition: transform 0.3s ease;
        transform: rotate(180deg); /* تنظیمات انیمیشن */
    }

    .products-item-block {
        padding-left: 10px;
        padding-right: 0px;
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .products-item-img {
        border-radius: 15px 15px 0px 0px;
        display: block;
        width: 100%;
        height: 210px;
        object-fit: cover;
    }

    .a-filter {
        color: white;
    }

        .a-filter:hover {
            color: white;
        }

    .active-filter {
        font-weight: 600;
        color: black;
        background-color: #ffc107;
        padding: 5px;
        border: 1px solid black;
        border-radius: 10px;
    }

    .prev-page-item2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid white;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
        border-radius: 0px 5px 5px 0px;
    }

    .next-page-item2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid white;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
        border-radius: 5px 0px 0px 5px;
    }

    .page-item2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid white;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
    }

    .active-product-pagenation {
        background-color: #ffc107;
        color: black !important;
    }

    .a-del-filter {
        color: red;
        font-size: 14px;
        float: left;
    }

    .b-filter {
        font-size: 18px;
    }

    .filter-input {
        border: 1px dashed #cccccc;
        width: 65%;
    }

    .filter-option {
        font-size: 14px;
        padding-left: 30px;
        padding-right: 10px;
    }

    .hr-filter {
        margin: 0.6rem;
    }

    .filter-search {
        background-color: #ffc107;
        display: block;
        width: 100%;
        border-radius: 5px;
    }

    .title-filter {
        font-size: 13px;
    }

    .filter-content {
        font-size: 13px;
    }

    .filter-pc-nav {
        margin-top: 13px;
        background-color: white !important;
        border: 2px solid #000;
        padding-top: 20px;
        padding-bottom: 20px;
        border-radius: 10px;
    }

    .product-offer-banner {
        position: absolute;
        display: block;
        left: 0;
        top: 20px;
        padding: 10px;
        border-radius: 0px 0px 25px 0px;
        background-color: red;
        color: white;
        width: 110px;
    }

    .b-offer-price {
        float: left;
        text-decoration: line-through;
        font-size: 12px;
        color: #666666;
    }

    .single-product-area {
        direction: rtl;
        padding-left: 100px;
        padding-right: 100px;
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .thumbnails {
        display: flex;
        margin: 1rem auto 0;
        padding: 0;
        justify-content: center;
    }

    .thumbnail {
        width: 150px;
        height: 150px;
        overflow: hidden;
        list-style: none;
        margin: 0 0.8rem;
        cursor: pointer;
    }


        .thumbnail img {
            border-radius: 20px;
            width: 100%;
            height: auto;
        }

    .splid-main-img {
        display: block;
        border-radius: 20px;
        width: 100%;
        height: auto;
    }

    .product-information {
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px;
        padding: 20px;
        margin-bottom: 15px;
    }

    .b-product-information {
        margin-bottom: 10px;
    }

    .p-product-information {
        margin-top: 10px;
        font-size: 14px;
    }

    .rating-stars-product-information {
        margin-top: 60px;
        font-size: 25px;
    }

    .product-buy {
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px;
        padding: 20px;
    }

    .product-ejare {
        position: relative;
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px;
        padding: 20px;
    }

    .product-ejare-titles {
        display: flex;
        justify-content: space-between;
        border-radius: 10px;
        width: 100%;
        padding: 8px;
        border: 2px dashed #F4A261;
        font-size: 20px;
    }

    .product-buy-titles {
        display: flex;
        justify-content: space-between;
        border-radius: 10px;
        width: 100%;
        padding: 8px;
        border: 2px dashed #F4A261;
        font-size: 20px;
    }

    .product-ejare-quntity-erea {
        font-size: 14px;
        border-radius: 10px;
        width: 40%;
        padding: 8px;
    }

    .product-ejare-quntity {
        border: 1px solid white;
        background-color: white;
        width: 60px;
    }

    .product-buy-quntity {
        border: 1px solid #F7F2CE;
        background-color: #F7F2CE;
        width: 60px;
    }

    .pluss {
        cursor: pointer;
        font-size: 13px;
    }

    .minuss {
        cursor: pointer;
        font-size: 13px;
    }

    .btn-ejare-add-roles {
        display: flex;
        justify-content: space-between;
    }

    .btn-ejare-roles {
        font-size: 14px;
        color: white;
        border-radius: 10px;
        background-color: #D00000;
        padding-bottom: 5px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
    }

    .btn-add-ejare {
        font-size: 14px;
        color: white;
        border-radius: 10px;
        padding-bottom: 5px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
        background-color: #009217;
    }

    .b-product-vixegi {
        font-size: 18px;
    }

    .product-vixegi {
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px;
        padding: 20px;
        margin-bottom: 15px;
    }

    .related-product-title {
        color: white;
        margin-top: 30px;
        margin-right: 30px;
        font-size: 18px;
    }

    .user-expment {
        padding: 20px;
        border-radius: 15px;
        background-color: white;
        border: 2px solid #F6F1CD;
    }

    .rating-stars-product-user {
        margin-bottom: -10px;
        margin-top: 20px;
        text-align: left;
        font-size: 25px;
    }

    .user-expment-time {
        font-size: 13px;
        float: left;
    }

    .related-product-areas {
        direction: ltr !important;
    }

    .shoping-card-b-title {
        color: white;
    }

    .timer-area-green {
        border-radius: 10px;
        border: 2px solid #04B000;
        padding: 10px;
    }

    .timer-area-red {
        border-radius: 10px;
        border: 2px solid #D90000;
        padding: 10px;
    }

    .timer-area-alert {
        border-radius: 10px;
        border: 1px solid #DA0000;
        padding: 10px;
        background-color: #DA0000;
        color: white;
    }

    .timer-area-yellow {
        border-radius: 10px;
        border: 2px solid #D0AF00;
        padding: 10px;
    }

    .trash-del {
        text-align: left;
        cursor: pointer;
    }

    .btn-reorder {
        color: black;
        background-color: #E5BF2E;
        border-radius: 10px;
        border: 1px solid #E5BF2E;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .btn-submit-order {
        padding: 5px;
        background-color: #04B000;
        border: 2px solid #04B000;
        color: white;
        width: 100%;
    }

        .btn-submit-order:hover {
            padding: 5px;
            background-color: white;
            border: 2px solid #04B000;
            color: #04B000;
            width: 100%;
        }

    .shoping-card-areas {
        direction: rtl;
        margin-top: 100px;
        margin-bottom: 50px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .dastebandi-vixegi {
        border: 1px solid black;
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px;
        padding: 20px;
        margin-bottom: 15px;
    }

    .add-product-fee-alert {
        background-color: #FBD5D5;
        color: #9B1C1C;
        border-radius: 6px;
        padding: 8px;
    }

    .products-option {
        padding-right: 20px;
    }

    .btn-next-product {
        background-color: #009C12;
        color: white;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 50px;
        padding-right: 50px;
        border-radius: 5px;
    }

    .btn-prev-product {
        background-color: #C00000;
        color: white;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 50px;
        padding-right: 50px;
        border-radius: 5px;
    }

    .btn-submits-product {
        background-color: #009C12;
        color: white;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 50px;
        padding-right: 50px;
        border-radius: 5px;
    }

    .admin-expment {
        padding: 20px;
        border-radius: 15px;
        background-color: lightgray;
        margin-right: 40px;
    }

    .avatar-area {
        margin-bottom: 50px;
    }

    .avatar-p {
        cursor: pointer;
    }

    .avatar-img {
        width: 120px;
        height: 120px;
        border-radius: 50px;
        margin-bottom: 10px;
    }

    .notfound-area {
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 90px;
        margin-bottom: 20px;
        text-align: center;
        color: black;
        padding: 20px;
        border: 1px solid white;
        background-color: white;
        border-radius: 15px;
        height: auto;
    }

    .notfound-img {
        width: 500px;
        height: 500px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .splideimg {
        width: 100%;
        object-fit: cover;
    }

    .admin-box-item {
        cursor: pointer;
        text-align: center;
        padding: 20px;
        border-radius: 15px;
        border: 1px solid black;
    }

    .product-information-analys {
        text-align: left;
    }

    .product-information-star {
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #FFC107;
        color: #826100;
        border-radius: 10px;
    }

    .product-information-like {
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #E74414;
        color: white;
        border-radius: 10px;
    }

    .circle {
        display: inline-block;
        border-radius: 50%;
        width: 27.85px;
        height: 27.85px;
        position: relative;
        cursor: pointer;
    }

    .circle-red {
        background-color: red;
    }

    .circle-blue {
        background-color: blue;
    }

    .circle-green {
        background-color: green;
    }

    .circle-orange {
        background-color: orange;
    }

    /* رادیو باتن مخفی */
    .circle-radio {
        display: none;
    }

        /* وقتی رادیو انتخاب شود */
        .circle-radio:checked + .circle::before {
            content: "";
            position: absolute;
            top: -5px;
            left: -5px;
            width: calc(100% + 10px);
            height: calc(100% + 10px);
            border: 3px solid currentColor;
            border-radius: 50%;
            box-sizing: border-box;
        }

        .circle-radio:checked + .circle::after {
            content: "✔";
            color: white;
            font-size: 14px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .product-vixegi-label {
        font-size: 16px;
        cursor: pointer;
        position: relative;
    }

    .active-label {
        font-weight: 600;
    }

        .active-label::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -4px;
            height: 2px;
            background-color: #F4A261;
            border-radius: 2px;
        }

    .product-vixegi-b {
        margin-right: 100px;
        font-weight: 400;
    }

    .product-vixegi-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 10px;
    }

        .product-vixegi-table td {
            padding: 8px 16px;
            vertical-align: top;
        }

            .product-vixegi-table td:first-child {
                text-align: right;
                font-weight: bold;
            }

            .product-vixegi-table td:last-child {
                text-align: right;
                font-weight: 400;
            }

        .product-vixegi-table tr {
            border-bottom: 1px solid #ddd;
        }

            .product-vixegi-table tr:last-child {
                border-bottom: none;
            }

    .vixegiha-underline-text {
        display: inline-block;
        position: relative;
    }

        .vixegiha-underline-text::after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #F4A261;
        }

    .tab-content {
        display: none;
    }

    #specifications {
        display: block;
    }

    .product-vixegi-rating {
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 0px 20px 20px 0px;
        padding: 20px;
        margin-bottom: 15px;
    }

    .product-vixegi-nazarat {
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px 0px 0px 20px;
        padding: 20px;
        margin-bottom: 15px;
    }

    .add-address-modal {
        color: white;
        background-color: #0d6efd;
        border-radius: 10px;
        padding: 8px;
    }
}

/*------------------------------------------------------------------------------------tablet---------------------------------------*/

@media screen and (max-width: 1025px) {

    .login-area {
        width: 100%;
        max-width: 400px;
        margin: auto;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .modal-header-login {
        padding-bottom: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .modal-content {
        border-radius: 0.7rem;
        direction: rtl;
        padding: 35px;
        text-align: right;
    }

    .modal-title {
        font-weight: 600;
    }

    .number-input {
        height: 50px;
    }

    .btn-modal {
        margin-top: 60px;
        width: 100%;
    }

    .label-number {
        padding-bottom: 15px;
    }

    .mobile-nav {
        display: flex;
        box-shadow: 0px 3px 5px 0px #333333;
        background: url('../img/backorg.jpg');
        background-position: center;
        background-attachment: fixed;
        margin-top: -60px;
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        vertical-align: central;
    }

    .mobile-nav-logo {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .humburger {
        color: whitesmoke;
        vertical-align: sub;
        font-size: 20px;
    }

    .sidebar {
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
        text-align: right;
        z-index: 9999;
        height: 100%;
        width: 0;
        position: fixed;
        top: 0;
        right: 0;
        background-color: white;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 80px;
    }

        .sidebar a {
            margin-right: 20px;
            margin-left: 20px;
            padding: 10px 15px;
            text-decoration: none;
            font-size: 16px;
            color: black;
            display: block;
            transition: 0.3s;
        }

            .sidebar a:hover {
                font-weight: 600;
            }

    .navbar-nav {
        padding: 0px;
        background-color: white;
    }

    .closebtn {
        position: absolute;
        top: 15px;
        right: 203px !important;
        font-size: 20px;
        margin-left: 10px;
        margin-bottom: 20px;
    }

    #nav1 {
        display: none;
    }

    #nav2 {
        display: none;
    }

    .custom-carousel-control {
        display: none;
    }

    .custom-carousel-control {
        display: none;
    }

    .slider1 {
        border-radius: 20px;
    }

    .carousel-control-prev {
        display: none;
    }

    .carousel-control-next {
        display: none;
    }

    #owl {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    #slider2 {
        border-radius: 20px;
    }

    #owl-block {
        padding: 5px;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 10px !important;
        height: 10px !important;
    }

    .hr {
        color: white;
        padding-left: 10px;
        padding-right: 10px;
    }

    #brand-new {
        direction: rtl !important;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .brand-new {
        font-size: 15px;
        padding: 5px 15px 5px 15px;
        border-radius: 12px;
        border: 1px solid #000;
        background-color: #ffc107;
    }

    .all-brand-new {
        margin-top: -6px;
        position: absolute;
        left: 3%;
        text-decoration: none;
        color: white;
        font-size: 15px;
        padding: 5px 15px 5px 15px;
        border-radius: 30px;
        border: 1px solid #ffa112;
    }

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

    #brand-new-owl {
        padding-left: 5px;
        padding-right: 10px;
        padding-top: 20px;
        padding-bottom: 30px;
    }

    #brand-new-owl-block {
        background-color: rgba(255, 252, 232, 1);
        height: 500px;
        margin-left: 10px;
        direction: rtl !important;
        border-radius: 15px;
    }

    #brand-new-owl-block-product {
        background-color: rgba(255, 252, 232, 1);
        margin-left: 10px;
        direction: rtl !important;
        border-radius: 15px;
    }

    .brand-new-item-product {
        border-radius: 0px 0px 10px 10px;
        background-color: rgba(255, 252, 232, 1);
        padding: 20px;
    }

    .brand-new-item {
        height: 300px;
        border-radius: 0px 0px 10px 10px;
        background-color: rgba(255, 252, 232, 1);
        padding: 20px;
    }

    .brand-new-img {
        width: 100%;
        height: 160px;
        object-fit: cover;
        border-radius: 15px 15px 0px 0px;
    }

    .brandnew-alert {
        font-size: 12px;
        border-radius: 10px;
        padding: 6px;
        border: 1px solid red;
    }

    .btn-rent {
        border-radius: 20px;
        border: 1px solid #d1b800;
        color: #d1b800;
        padding-left: 20px;
        padding-right: 20px;
    }

    .btn-shop {
        border-radius: 20px;
        border: 1px solid black;
        padding-left: 20px;
        padding-right: 20px;
    }

    .b-shop {
        font-size: 14px;
    }

    .b-rent {
        font-size: 14px;
    }

    .p-des {
        padding-top: 10px;
        font-size: 15px;
        color: #535353;
    }

    .rating-stars {
        text-align: left;
        font-size: 24px;
    }

    .rating-number {
        color: #4e4e4e;
        font-size: 18px;
        padding-left: 10px;
    }

    .gold {
        color: gold;
    }

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

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

    .important-category {
        text-align: center;
        direction: rtl !important;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .category-img {
        border-radius: 50%;
        height: 150px;
        width: 150px;
        object-fit: cover;
        margin-bottom: 15px;
    }

    .our-company {
        text-align: center;
        direction: rtl !important;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .b-our-company {
        color: white;
        font-size: 25px;
    }

    .p-our-company {
        color: white;
        padding-top: 10px;
        font-size: 18px;
        margin-bottom: 30px;
    }

    .under-svg {
        color: white;
        margin-top: 15px;
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 18px;
    }

    .under-svg-des {
        color: white;
        padding-left: 5px;
        padding-right: 5px;
    }

    .f-block1 {
        text-align: center;
    }

    .f-block2 {
        text-align: center;
    }

    .f-block3 {
        text-align: center;
    }

    .footer {
        direction: rtl !important;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .p-footer {
        color: white;
        margin-top: 15px;
        margin-bottom: 20px;
        padding: 15px;
        padding-left: 10px;
        text-align: justify;
    }

    .b-footer {
        color: white;
        font-size: 17px;
        font-weight: 600;
    }

    .a-footer {
        font-size: 15px;
        text-decoration: none;
        color: white;
    }

    .footer-logo-img {
        text-align: center;
    }

    .footer-img {
        padding-top: 20px;
        text-align: center;
    }

    .copyright {
        color: white;
        padding: 5px;
        margin-bottom: 15px;
        text-align: center;
    }

    .dashboard {
        direction: rtl !important;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .dashboard-col-10 {
        width: 100% !important;
    }

    .dashboard-col-2 {
        width: 0% !important;
    }

    .dashboard-pc-nav {
        display: none;
    }

    .dashboard-phone-nav {
        margin-bottom: 10px;
        border: 2px solid #000;
        border-radius: 20px;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-left: 20px;
        padding-right: 20px;
        background-color: white;
    }

    .dashboard-nav-block1 {
        text-align: center;
    }

    .sidebarpanel {
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
        text-align: right;
        z-index: 9999;
        height: 100%;
        width: 0;
        position: fixed;
        top: 0;
        right: 0;
        background-color: white;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

        .sidebarpanel a {
            margin-right: 20px;
            padding: 10px 15px;
            text-decoration: none;
            font-size: 16px;
            color: black;
            display: block;
            transition: 0.3s;
        }

            .sidebarpanel a:hover {
                font-weight: 600;
                color: black;
            }

    .closebtn {
        position: absolute;
        top: 15px;
        right: 180px !important;
        font-size: 20px;
        margin-left: 10px;
    }

    .closebtnpanel {
        position: absolute;
        top: 15px;
        right: 220px;
        font-size: 20px;
        margin-left: 10px;
    }

    .dashboard-img {
        width: 81px;
        height: 81px;
        border-radius: 15px;
        margin-bottom: 10px;
    }

    .dashboard-b-block1 {
        font-size: 15px;
    }

    .dashboard-p-block1 {
        margin-top: -10px;
        font-size: 15px;
    }

    .dashboard-nav-block2 {
        text-align: right;
    }

    .dashboard-nav-ul {
        padding-right: 0rem !important;
        list-style-type: none;
    }

    .dashboard-nav-a {
        line-height: 2.2;
        font-size: 14px;
        color: black;
        text-decoration: none;
    }

    .active-nav {
        width: 90%;
        font-weight: 600;
        padding-right: 10px;
        border: 2px solid #fac800;
        border-radius: 10px;
    }

    .dashboard-p-block3 {
        margin-bottom: -8px !important;
        font-size: 15px;
        color: #E63946;
    }

    .dashboard-main {
        background-color: white !important;
        border: 2px solid #000;
        padding: 30px;
        border-radius: 20px;
    }

    .dashboard-info {
        width: 40%;
        border: 2px solid #000;
        border-radius: 15px;
        padding: 10px;
    }

    .dashboard-info-item-block-IR {
        width: 100% !important;
        padding-bottom: 30px;
    }

    .dashboard-info-item-block {
        padding-bottom: 30px;
    }

    .dashboard-info-item {
        font-size: 14px;
    }

    .dashboard-info-subitem {
        font-size: 15px;
        font-weight: 400;
    }

    .dashboard-hr-info {
        margin-bottom: 20px;
        border: 2px solid #F4A261;
    }

    .dashboard-label-item {
        font-size: 14px;
    }

    .edit-input {
        direction: rtl;
        margin-top: 15px;
    }

    .edit-btn {
        background-color: #00cc00;
        color: white;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .cancel-btn {
        background-color: #E63946;
        color: white;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .btn-edit-block {
        margin-top: -60px
    }

    .auth-block-img_upload {
        cursor: pointer;
        border-radius: 5px;
        margin-top: 10px;
        width: 100%;
        border: 1px solid black;
        font-size: 12px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .auth-block-text_upload {
        line-height: 1.1rem;
        border-radius: 5px;
        margin-top: 10px;
        width: 100%;
        border: 1px solid black;
        font-size: 13px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .auth-role-img {
        width: 100%;
    }

    .btn-site-role {
        width: 100%;
        background-color: #E63946;
        color: white;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .alert-danger-auth {
        padding: 15px;
        border: 1px dashed #ff0000;
        color: #ff0000;
        border-radius: 10px;
        font-size: 13px;
        margin-bottom: 20px;
        background-color: rgba(249, 0, 0, 0.09);
    }

    .btn-edit-block-auth {
        margin-top: -140px
    }

    .btn-add-card {
        width: 40%;
        background-color: #00cc00;
        color: white;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .b-card-number {
        font-size: 18px;
        padding-right: 20px;
    }

    .card-img {
        margin-top: 20px;
        width: 200px;
        height: 120px;
    }

    .card-info {
        line-height: 2rem;
        margin-top: 10%;
    }

    .card-item-block {
        border-radius: 15px;
        margin-top: 30px;
        padding: 40px;
        border: 2px dashed #cccccc;
    }

    .card-alert-info {
        border: 2px dashed #666666;
        margin-top: 15px;
        margin-bottom: 15px;
        border-radius: 10px;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 20px;
        padding-bottom: 120px;
        background-color: white;
    }

    .card-btn-edit-delete {
        display: flex;
        justify-content: space-between;
    }

    .address-item-block {
        margin-top: 10px;
        padding-top: 5px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .b-address-item {
        font-weight: 400;
        font-size: 18px;
    }

    .p-address-item {
        color: #B14E00;
        font-weight: 600;
    }

    .pagenation {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .prev-page-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid #000000;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
        border-radius: 0px 5px 5px 0px;
    }

    .next-page-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid #000000;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
        border-radius: 5px 0px 0px 5px;
    }

    .page-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid #000000;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
    }

    .active-pagenation {
        background: #E4BE2E;
    }

    .validation-pending-alert {
        font-size: 15px;
        border-radius: 5px;
        text-align: center;
        padding-bottom: 20px;
        padding-top: 20px;
        background-color: #E4BE2E;
        margin-bottom: 15px;
        margin-top: 100px;
    }

    .validation-success-alert {
        font-size: 15px;
        border-radius: 5px;
        text-align: center;
        padding-bottom: 20px;
        padding-top: 20px;
        background-color: #48C857;
    }

    .validation-btn-block {
        border-radius: 5px;
        margin-top: 130px;
        text-align: center;
        color: white;
    }

    .validation-btn {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-right: 50px;
        padding-left: 50px;
        background-color: #7C7C7C;
        color: white;
    }

    .card-block-img_upload {
        cursor: pointer;
        border-radius: 5px;
        margin-top: 10px;
        width: 100%;
        border: 1px solid #cccccc;
        font-size: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }



    .card-submit {
        width: 100%;
        color: white;
        background-color: #027300;
    }

    .card-cancel {
        width: 100%;
        color: white;
        background-color: #9B0000;
    }

    .edit-address-input {
        height: 50px;
    }

    .edit-address-btn-block {
        display: flex;
        justify-content: space-between;
    }

    .address-submit-edit-btn {
        padding-top: 10px;
        padding-bottom: 10px;
        color: white;
        background-color: #027300;
        width: 100%;
    }

    .address-cancel-btn {
        padding-top: 10px;
        padding-bottom: 10px;
        color: white;
        background-color: #9B0000;
        width: 100%;
    }

    .table-block {
        overflow-x: scroll;
        border-collapse: collapse;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 30px;
        padding-bottom: 10px;
        text-align: center;
        border: 1px solid black;
        border-radius: 20px;
    }

    .table-td {
        height: 60px;
    }

    tr {
        vertical-align: middle;
    }

    .deposit-color {
        color: #027300;
    }

    .withdraw-color {
        color: #E63946;
    }

    .withdrawal-btn {
        padding-top: 10px;
        padding-bottom: 10px;
        color: black;
        background-color: #E4BE2E;
        width: 100%;
    }

    .invoice-btn-des {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E4BE2E;
        color: black;
    }

    .invoice-btn {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #F4A261;
        color: black;
    }

    .invoice-details-row {
        display: none;
        vertical-align: middle;
    }

    .invoice-hr {
        border: 1px dashed #cccccc;
    }

    .favorite-item-block {
        border-radius: 15px;
        margin-top: 30px;
        padding: 40px;
        border: 2px dashed #cccccc;
    }

    .favorite-noimg {
        width: 122px;
        height: 114px;
    }

    .favorite-del-btn {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E63946;
        color: white;
    }

    .favorite-del-btn-block {
        text-align: left;
    }

    .favorite-name-b-block {
        display: flex;
        justify-content: start;
    }

    .ticket-view-btn {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #1B8900;
        color: white;
    }

    .waiting-color {
        color: #853B00;
    }

    .back-to-tickets {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E4BE2E;
        color: black;
    }

    .close-ticket {
        padding-right: 75px;
        padding-left: 75px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #B40000;
        color: white;
    }

    .admin-respond-block {
        overflow-y: scroll;
        padding-bottom: 20px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 20px;
        margin-top: 20px;
        background-color: #FFFA7C;
        border: 1px solid #000;
        border-radius: 0px 15px 15px 0px;
        height: 170px;
    }

    .user-respond-block {
        overflow-y: scroll;
        padding-bottom: 20px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 20px;
        margin-top: 20px;
        background-color: #B2FFAF;
        border: 1px solid #000;
        border-radius: 0px 15px 15px 0px;
        height: 170px;
    }

    .p-respond-date {
        display: flex;
        justify-content: end;
    }

    .b-respond {
        font-weight: 600;
        font-size: 18px;
    }

    .ticket-block-file_upload {
        cursor: pointer;
        border-radius: 5px;
        margin-top: 10px;
        width: 100%;
        border: 1px solid #cccccc;
        font-size: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .submit-respond-btn {
        margin-top: 20px;
        padding-right: 50px;
        padding-left: 50px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #008716;
        color: white;
    }

    .submit-ticket-btn {
        margin-top: 20px;
        padding-right: 75px;
        padding-left: 75px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #008716;
        color: white;
    }

    .abort-ticket-btn {
        margin-top: 20px;
        padding-right: 80px;
        padding-left: 80px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #9B0000;
        color: white;
    }

    .manage-role-list-edit-btn {
        padding-right: 25px;
        padding-left: 25px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E4BE2E;
        color: black;
    }

    .manage-role-list-del-btn {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #9B0000;
        color: white;
    }

    .form-check-input {
        border: 1px solid #997900;
    }

        .form-check-input:checked {
            background-color: #997900;
            border-color: #997900;
        }

    .rols-option {
        padding-right: 50px;
    }

    .add-role-btn-option {
        width: 45%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #1B8900;
        color: white;
    }

    .abort-role-btn-option {
        width: 45%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #9B0000;
        color: white;
    }

    .blue-color {
        color: #002C99;
    }

    .user-manage-filter {
        padding-left: 25px;
        padding-right: 25px;
    }

    .user-manage-btn-search {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E4BE2E;
        color: black;
    }

    .user-manage-btn-del {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #9B0000;
        color: white;
    }

    .user-information-auth-btn {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E4BE2E;
        color: black;
    }

    .user-information-blue-btn {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #0053B4;
        color: white;
    }

    .user-information-red-btn {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #9B0000;
        color: white;
    }

    .user-information-gray-btn {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #7C7C7C;
        color: white;
    }

    .user-information-green-btn {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #307D00;
        color: white;
    }

    .auth-req-info-block {
        margin-bottom: 70px;
        text-align: center;
    }

    .auth-req-img-block {
        margin-top: 20px;
        width: 100%;
        height: 300px;
    }

    .bank-card-req-info {
        margin-top: 20px;
    }

    .categories-area {
        margin-top: 30px;
        border: 1px solid black;
        border-radius: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #FFFCE7;
    }

    .categories-head {
        padding-bottom: 20px;
        padding-right: 60px;
    }

    .categories-item {
        margin-bottom: 20px;
        padding-right: 60px;
    }

    .ellips {
        cursor: pointer;
    }

    .cat-item1 {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .cat-item2 {
        margin-bottom: 30px;
        margin-right: 20px;
    }

    .cat-item3 {
        margin-bottom: 30px;
        margin-right: 40px;
    }

    .cat-btn-area {
        margin-top: -20px;
        margin-bottom: 10px;
        width: 180px;
        display: none;
        background-color: #F3EECA;
        border: 1px solid black;
        border-radius: 20px;
        padding: 20px;
    }

    .cat-blue-btn {
        width: 100%;
        font-size: 14px;
        background-color: #02427C;
        color: white;
    }

    .cat-green-btn {
        width: 100%;
        font-size: 14px;
        background-color: #008D06;
        color: white;
    }

    .cat-yellow-btn {
        width: 100%;
        font-size: 14px;
        background-color: #E4BE2E;
        color: black;
    }

    .cat-red-btn {
        width: 100%;
        font-size: 14px;
        background-color: #9B0000;
        color: white;
    }

    .cus-green-btn {
        width: 100%;
        font-size: 14px;
        background-color: #008D06;
        color: white;
    }

    .cus-yellow-btn {
        width: 100%;
        font-size: 14px;
        background-color: #E4BE2E;
        color: black;
    }

    .cus-red-btn {
        width: 100%;
        font-size: 14px;
        background-color: #9B0000;
        color: white;
    }

    .cus-buy-req {
        text-align: center;
        padding: 10px;
    }

    .active-orange {
        border: 2px solid #F4A261;
        border-radius: 15px;
    }

    .cus-ejare-req {
        text-align: center;
        padding: 10px;
    }

    .cus-req-a {
        color: black;
    }

    .cus-req-status {
        padding: 10px;
        text-align: center;
    }

    .active-black {
        border: 2px solid black;
        border-radius: 15px;
    }

    .active-green {
        border: 2px solid #169F00;
        border-radius: 15px;
    }

    .active-yellow {
        border: 2px solid #FFB800;
        border-radius: 15px;
    }

    .color-red {
        color: red;
    }

    .active-red {
        border: 2px solid #BB0000;
        border-radius: 15px;
    }

    .color-green {
        color: #1B8900;
    }

    .about-us-area {
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 30px;
        margin-bottom: 20px;
        text-align: right;
        color: black;
        padding: 20px;
        border: 1px solid white;
        background-color: white;
        border-radius: 15px;
        height: 660px;
    }

    .b-about-us {
        padding-right: 25px;
        font-size: 20px;
    }

    .p-about-us {
        padding-right: 25px;
        font-size: 16px;
    }

    .contact-us-area {
        padding-right: 100px;
        padding-left: 100px;
        direction: rtl;
        text-align: right;
    }

    .contact-us-information {
        margin-top: 50px;
        text-align: right;
        color: black;
        padding: 20px;
        border: 1px solid white;
        background-color: white;
        border-radius: 15px;
        height: 200px;
    }

    .contact-us-form {
        margin-top: 50px;
        margin-bottom: 20px;
        text-align: right;
        padding: 20px;
        height: auto;
    }

    .contact-us-form-title {
        margin-bottom: 50px;
        font-size: 19px;
        color: white;
    }

    .contact-us-form-b {
        color: white;
    }

    .contact-us-btn {
        color: white;
        background-color: #3B9B00;
        padding-right: 40px;
        padding-left: 40px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

        .contact-us-btn:hover {
            color: black;
            background-color: #99ff99;
            border: 1px solid #3B9B00;
            padding-right: 40px;
            padding-left: 40px;
            padding-top: 6px;
            padding-bottom: 6px;
        }

    .faq-area {
        margin-top: 50px;
        padding-right: 100px;
        padding-left: 100px;
        direction: rtl;
    }

    .b-faq {
        color: white;
        text-align: center;
        font-size: 20px;
    }

    .p-faq {
        padding-left: 50px;
        padding-right: 50px;
        color: white;
        text-align: center;
        font-size: 16px;
    }

    .faq-ouestion-area {
        margin-top: 50px;
        margin-bottom: 50px;
        color: black;
        background-color: white;
        border: 1px solid black;
        border-radius: 10px;
    }

    .faq-question-item {
        padding: 0px;
    }

    .fa-chevron-up {
        float: left;
    }

    .rotate {
        transition: transform 0.3s ease;
        transform: rotate(180deg); /* تنظیمات انیمیشن */
    }

    .products-item-block {
        padding-left: 10px;
        padding-right: 0px;
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .products-item-img {
        border-radius: 15px 15px 0px 0px;
        display: block;
        width: 100%;
        height: 210px;
        object-fit: cover;
    }

    .a-filter {
        color: white;
    }

        .a-filter:hover {
            color: wheat;
        }

    .active-filter {
        font-weight: 600;
        color: black;
        background-color: #E5BF2E;
        padding: 5px;
        border: 1px solid black;
        border-radius: 10px;
    }

    .prev-page-item2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid white;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
        border-radius: 0px 5px 5px 0px;
    }

    .next-page-item2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid white;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
        border-radius: 5px 0px 0px 5px;
    }

    .page-item2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid white;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
    }

    .active-product-pagenation {
        background-color: #ffc107;
        color: black !important;
    }

    .filter-by {
        display: none;
    }

    .a-del-filter {
        color: red;
        font-size: 14px;
        float: left;
    }

    .b-filter {
        font-size: 20px;
    }

    .filter-input {
        border: 1px dashed #cccccc;
        width: 65%;
    }

    .filter-option {
        font-size: 15px;
        padding-left: 30px;
        padding-right: 10px;
    }

    .hr-filter {
        margin: 0.6rem;
    }

    .filter-search {
        background-color: #E5BF2E;
        width: 200px;
        border-radius: 5px;
    }

    .filter-pc-nav {
        display: none;
    }

    .sidebarpanel li {
        margin-right: 15px;
        margin-left: 10px;
        padding: 10px;
        text-decoration: none;
        font-size: 15px;
        display: block;
        transition: 0.3s;
    }

    .fa-chevron-down {
        float: left;
    }

    .product-offer-banner {
        position: absolute;
        display: block;
        left: 0;
        top: 20px;
        padding: 10px;
        border-radius: 0px 0px 25px 0px;
        background-color: red;
        color: white;
        width: 110px;
    }

    .b-offer-price {
        float: left;
        text-decoration: line-through;
        font-size: 12px;
        color: #666666;
    }

    .single-product-area {
        direction: rtl;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .related-product-areas {
        direction: ltr !important;
    }

    .thumbnails {
        display: flex;
        margin: 1rem auto 0;
        padding: 0;
        justify-content: center;
    }

    .thumbnail {
        width: 100px;
        height: 100px;
        overflow: hidden;
        list-style: none;
        margin: 0 0.8rem;
        cursor: pointer;
    }


        .thumbnail img {
            border-radius: 20px;
            width: 100%;
            height: auto;
        }

    .splid-main-img {
        display: block;
        border-radius: 20px;
        width: 100%;
        height: auto;
    }

    .product-information {
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px;
        padding: 20px;
        margin-bottom: 15px;
    }

    .b-product-information {
        margin-bottom: 10px;
    }

    .p-product-information {
        margin-top: 10px;
        font-size: 14px;
    }

    .rating-stars-product-information {
        margin-top: 60px;
        font-size: 25px;
    }

    .product-buy {
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px;
        padding: 20px;
    }

    .product-ejare {
        position: relative;
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px;
        padding: 20px;
    }

    .product-ejare-titles {
        display: flex;
        justify-content: space-between;
        border-radius: 10px;
        width: 100%;
        padding: 8px;
        border: 2px dashed #F4A261;
        font-size: 18px;
    }

    .product-buy-titles {
        display: flex;
        justify-content: space-between;
        border-radius: 10px;
        width: 100%;
        padding: 8px;
        border: 2px dashed #F4A261;
        font-size: 18px;
    }

    .product-ejare-quntity-erea {
        font-size: 14px;
        text-align: center;
        border-radius: 10px;
        width: 30%;
        padding: 8px;
    }

    .product-ejare-quntity {
        border: 1px solid white;
        background-color: white;
        width: 60px;
    }

    .product-buy-quntity {
        border: 1px solid #F7F2CE;
        background-color: #F7F2CE;
        width: 50px;
    }

    .pluss {
        cursor: pointer;
        font-size: 13px;
    }

    .minuss {
        cursor: pointer;
        font-size: 13px;
    }

    .btn-ejare-add-roles {
        display: flex;
        justify-content: space-between;
    }

    .btn-ejare-roles {
        font-size: 14px;
        color: white;
        border-radius: 10px;
        background-color: #D00000;
        padding-bottom: 5px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
    }

    .btn-add-ejare {
        font-size: 14px;
        color: white;
        border-radius: 10px;
        padding-bottom: 5px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
        background-color: #009217;
    }

    .b-product-vixegi {
        font-size: 18px;
    }

    .product-vixegi {
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px;
        padding: 20px;
        margin-bottom: 15px;
    }

    .related-product-title {
        color: white;
        margin-top: 30px;
        margin-right: 30px;
        font-size: 18px;
    }

    .user-expment {
        padding: 20px;
        border-radius: 15px;
        background-color: white;
        border: 2px solid #F6F1CD;
    }

    .rating-stars-product-user {
        margin-bottom: -10px;
        margin-top: 20px;
        text-align: left;
        font-size: 25px;
    }

    .user-expment-time {
        font-size: 13px;
        float: left;
    }

    .shoping-card-areas {
        direction: rtl;
        margin-top: 50px;
        margin-bottom: 50px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .shoping-card-b-title {
        color: white;
    }

    .timer-area-green {
        border-radius: 10px;
        border: 2px solid #04B000;
        padding: 10px;
    }

    .timer-area-red {
        border-radius: 10px;
        border: 2px solid #D90000;
        padding: 10px;
    }

    .timer-area-alert {
        border-radius: 10px;
        border: 1px solid #DA0000;
        padding: 10px;
        background-color: #DA0000;
        color: white;
    }

    .timer-area-yellow {
        border-radius: 10px;
        border: 2px solid #D0AF00;
        padding: 10px;
    }

    .trash-del {
        text-align: left;
        cursor: pointer;
    }

    .btn-reorder {
        color: black;
        background-color: #E5BF2E;
        border-radius: 10px;
        border: 1px solid #E5BF2E;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .btn-submit-order {
        padding: 5px;
        background-color: #04B000;
        border: 2px solid #04B000;
        color: white;
        width: 100%;
    }

        .btn-submit-order:hover {
            padding: 5px;
            background-color: white;
            border: 2px solid #04B000;
            color: #04B000;
            width: 100%;
        }

    .display-none {
        display: none;
    }

    .dastebandi-vixegi {
        border: 1px solid black;
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px;
        padding: 20px;
        margin-bottom: 15px;
    }

    .add-product-fee-alert {
        font-size: 14px;
        background-color: #FBD5D5;
        color: #9B1C1C;
        border-radius: 6px;
        padding: 8px;
    }

    .products-option {
        padding-right: 20px;
    }

    .btn-next-product {
        background-color: #009C12;
        color: white;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 50px;
        padding-right: 50px;
        border-radius: 5px;
    }

    .btn-prev-product {
        background-color: #C00000;
        color: white;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 50px;
        padding-right: 50px;
        border-radius: 5px;
    }

    .btn-submits-product {
        background-color: #009C12;
        color: white;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 50px;
        padding-right: 50px;
        border-radius: 5px;
    }

    .avatar-img {
        width: 120px;
        height: 120px;
        border-radius: 50px;
        margin-bottom: 10px;
    }

    .avatar-area {
        margin-bottom: 50px;
    }

    .avatar-p {
        cursor: pointer;
    }

    .avatar-img {
        width: 120px;
        height: 120px;
        border-radius: 50px;
        margin-bottom: 10px;
    }

    .mega-chev {
        transition: transform 0.3s ease;
    }

        .mega-chev.rotate {
            transform: rotate(180deg);
        }

    .admin-expment {
        padding: 20px;
        border-radius: 15px;
        background-color: lightgray;
        margin-right: 40px;
    }

    .notfound-area {
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: black;
        padding: 20px;
        border: 1px solid white;
        background-color: white;
        border-radius: 15px;
        height: auto;
    }

    .notfound-img {
        width: 550px;
        height: 550px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .splideimg {
        width: 100%;
        height: 500px !important;
        object-fit: cover;
    }

    .admin-box-item {
        cursor: pointer;
        text-align: center;
        padding: 20px;
        border-radius: 15px;
        border: 1px solid black;
    }

    .product-information-analys {
        text-align: left;
    }

    .product-information-star {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #FFC107;
        color: #826100;
        border-radius: 10px;
    }

    .product-information-like {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #E74414;
        color: white;
        border-radius: 10px;
    }

    .circle {
        display: inline-block;
        border-radius: 50%;
        width: 27.85px;
        height: 27.85px;
        position: relative;
        cursor: pointer;
    }

    .circle-red {
        background-color: red;
    }

    .circle-blue {
        background-color: blue;
    }

    .circle-green {
        background-color: green;
    }

    .circle-orange {
        background-color: orange;
    }

    /* رادیو باتن مخفی */
    .circle-radio {
        display: none;
    }

        /* وقتی رادیو انتخاب شود */
        .circle-radio:checked + .circle::before {
            content: "";
            position: absolute;
            top: -5px;
            left: -5px;
            width: calc(100% + 10px);
            height: calc(100% + 10px);
            border: 3px solid currentColor;
            border-radius: 50%;
            box-sizing: border-box;
        }

        .circle-radio:checked + .circle::after {
            content: "✔";
            color: white;
            font-size: 14px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .product-vixegi-label {
        font-size: 16px;
        cursor: pointer;
        position: relative;
    }

    .active-label {
        font-weight: 600;
    }

        .active-label::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -4px;
            height: 2px;
            background-color: #F4A261;
            border-radius: 2px;
        }

    .product-vixegi-b {
        margin-right: 100px;
        font-weight: 400;
    }

    .product-vixegi-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 10px;
    }

        .product-vixegi-table td {
            padding: 8px 16px;
            vertical-align: top;
        }

            .product-vixegi-table td:first-child {
                text-align: right;
                font-weight: bold;
            }

            .product-vixegi-table td:last-child {
                text-align: right;
                font-weight: 400;
            }

        .product-vixegi-table tr {
            border-bottom: 1px solid #ddd;
        }

            .product-vixegi-table tr:last-child {
                border-bottom: none;
            }

    .vixegiha-underline-text {
        display: inline-block;
        position: relative;
    }

        .vixegiha-underline-text::after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #F4A261;
        }

    .tab-content {
        display: none;
    }

    #specifications {
        display: block;
    }

    .product-vixegi-rating {
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 0px 20px 20px 0px;
        padding: 20px;
        margin-bottom: 15px;
    }

    .product-vixegi-nazarat {
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px 0px 0px 20px;
        padding: 20px;
        margin-bottom: 15px;
    }

    @keyframes openIconAnimation {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(0deg);
        }
    }
}

/*------------------------------------------------------------------------------------mobile---------------------------------------*/

@media screen and (max-width: 450px) {

    .login-area {
        width: 100%;
        max-width: 370px;
        margin: auto;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .modal-header-login {
        padding-bottom: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .modal-content {
        border-radius: 0.7rem;
        direction: rtl;
        padding: 35px;
        text-align: right;
    }

    .modal-title {
        font-weight: 600;
    }

    .number-input {
        height: 50px;
    }

    .btn-modal {
        margin-top: 60px;
        width: 100%;
    }

    .label-number {
        padding-bottom: 15px;
    }

    .mobile-nav {
        display: flex;
        box-shadow: 0px 3px 5px 0px #333333;
        background: url('../img/backorg.jpg');
        background-position: center;
        background-attachment: fixed;
        margin-top: -60px;
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        vertical-align: central;
    }

    .mobile-nav-logo {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .humburger {
        color: whitesmoke;
        font-size: 20px;
    }

    .sidebar {
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
        text-align: right;
        z-index: 9999;
        height: 100%;
        width: 0;
        position: fixed;
        top: 0;
        right: 0;
        background-color: white;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 80px;
    }

        .sidebar a {
            margin-right: 20px;
            margin-left: 20px;
            padding: 10px 15px;
            text-decoration: none;
            font-size: 16px;
            color: black;
            display: block;
            transition: 0.3s;
        }

            .sidebar a:hover {
                font-weight: 600;
            }

    .navbar-nav {
        padding: 0px;
        background-color: white;
    }

    .closebtn {
        position: absolute;
        top: 15px;
        right: 203px;
        font-size: 20px;
        margin-left: 10px;
        margin-bottom: 20px;
    }

    #nav1 {
        display: none;
    }

    #nav2 {
        display: none;
    }

    .custom-carousel-control {
        display: none;
    }

    .custom-carousel-control {
        display: none;
    }

    .slider1 {
        height: 300px;
        border-radius: 20px;
        object-fit: cover;
    }

    .carousel-control-prev {
        display: none;
    }

    .carousel-control-next {
        display: none;
    }

    #owl {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #slider2 {
        border-radius: 20px;
    }

    #owl-block {
        padding: 5px;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 10px !important;
        height: 10px !important;
    }

    .hr {
        color: white;
        padding-left: 10px;
        padding-right: 10px;
    }

    #brand-new {
        direction: rtl !important;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .brand-new {
        font-size: 15px;
        padding: 5px 15px 5px 15px;
        border-radius: 12px;
        border: 1px solid #000;
        background-color: #ffc107;
    }

    .all-brand-new {
        margin-top: -6px;
        position: absolute;
        left: 2%;
        text-decoration: none;
        color: white;
        font-size: 15px;
        padding: 5px 15px 5px 15px;
        border-radius: 30px;
        border: 1px solid #ffa112;
    }

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

    #brand-new-owl {
        padding-left: 5px;
        padding-right: 10px;
        padding-top: 20px;
        padding-bottom: 30px;
    }

    #brand-new-owl-block {
        background-color: rgba(255, 252, 232, 1);
        height: 405px;
        margin-left: 5px;
        direction: rtl !important;
        border-radius: 15px;
    }

    #brand-new-owl-block-product {
        background-color: rgba(255, 252, 232, 1);
        margin-left: 10px;
        direction: rtl !important;
        border-radius: 15px;
    }

    .brand-new-item-product {
        border-radius: 0px 0px 10px 10px;
        background-color: rgba(255, 252, 232, 1);
        padding: 20px;
    }

    .brand-new-item {
        height: 260px;
        border-radius: 0px 0px 10px 10px;
        background-color: rgba(255, 252, 232, 1);
        padding: 10px;
    }

    .brand-new-img {
        width: 100%;
        height: 120px;
        object-fit: cover;
        border-radius: 15px 15px 0px 0px;
    }

    .brandnew-alert {
        font-size: 9px;
        border-radius: 10px;
        padding: 5px;
        border: 1px solid red;
    }

    .btn-rent {
        border-radius: 20px;
        border: 1px solid #d1b800;
        color: #d1b800;
        line-height: 1;
        padding-left: 10px;
        padding-right: 10px;
    }

    .btn-shop {
        border-radius: 20px;
        border: 1px solid black;
        line-height: 1;
        padding-left: 10px;
        padding-right: 10px;
    }

    .b-shop {
        font-size: 12px;
    }

    .b-rent {
        font-size: 12px;
    }

    .b-brand-new {
        font-size: 14px;
    }

    .p-des {
        padding-top: 5px;
        font-size: 13px;
        color: #535353;
    }

    .rating-stars {
        text-align: left;
        font-size: 16px;
    }

    .rating-number {
        color: #4e4e4e;
        font-size: 15px;
        padding-left: 10px;
    }

    .gold {
        color: gold;
    }

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

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

    .important-category {
        text-align: center;
        direction: rtl !important;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .category-img {
        border-radius: 50%;
        height: 150px;
        width: 150px;
        object-fit: cover;
        margin-bottom: 15px;
    }

    .our-company {
        text-align: center;
        direction: rtl !important;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .b-our-company {
        color: white;
        font-size: 25px;
    }

    .p-our-company {
        color: white;
        padding-top: 10px;
        font-size: 18px;
        margin-bottom: 30px;
    }

    .under-svg {
        color: white;
        margin-top: 15px;
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 18px;
    }

    .under-svg-des {
        color: white;
        padding-left: 20px;
        padding-right: 20px;
    }

    .f-block1 {
        text-align: center;
    }

    .f-block2 {
        text-align: center;
    }

    .f-block3 {
        margin-top: 15px;
        text-align: center;
    }

    .footer {
        direction: rtl !important;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .p-footer {
        color: white;
        margin-top: 15px;
        margin-bottom: 20px;
        padding: 15px;
        padding-left: 10px;
        text-align: justify;
    }

    .b-footer {
        color: white;
        font-size: 17px;
        font-weight: 600;
    }

    .a-footer {
        font-size: 15px;
        text-decoration: none;
        color: white;
    }

    .footer-logo-img {
        text-align: center;
    }

    .footer-img {
        padding-top: 20px;
        text-align: center;
    }

    .enamad-img-footer {
        height: 130px;
        width: 120px;
    }

    .copyright {
        color: white;
        padding: 5px;
        margin-bottom: 15px;
        text-align: center;
    }

    .dashboard {
        direction: rtl !important;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .dashboard-pc-nav {
        display: none;
    }

    .sidebarpanel {
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
        text-align: right;
        z-index: 9999;
        height: 100%;
        width: 0;
        position: fixed;
        top: 0;
        right: 0;
        background-color: white;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

        .sidebarpanel a {
            margin-right: 20px;
            padding: 10px 15px;
            text-decoration: none;
            font-size: 16px;
            color: black;
            display: block;
            transition: 0.3s;
        }

            .sidebarpanel a:hover {
                font-weight: 600;
                color: black;
            }

    .closebtnpanel {
        position: absolute;
        top: 15px;
        right: 220px;
        font-size: 20px;
        margin-left: 10px;
    }

    .dashboard-nav-block1 {
        text-align: center;
    }

    .dashboard-img {
        width: 81px;
        height: 81px;
        border-radius: 15px;
        margin-bottom: 10px;
    }

    .dashboard-b-block1 {
        font-size: 15px;
    }

    .dashboard-p-block1 {
        margin-top: -10px;
        font-size: 15px;
    }

    .dashboard-nav-block2 {
        text-align: right;
    }

    .dashboard-nav-ul {
        padding-right: 0rem !important;
        list-style-type: none;
    }

    .dashboard-nav-a {
        line-height: 2.2;
        font-size: 14px;
        color: black;
        text-decoration: none;
    }

    .active-nav {
        width: 90%;
        font-weight: 600;
        padding-right: 10px;
        border: 2px solid #fac800;
        border-radius: 10px;
    }

    .dashboard-p-block3 {
        margin-bottom: -8px !important;
        font-size: 15px;
        color: #E63946;
    }

    .dashboard-main {
        background-color: white !important;
        border: 2px solid #000;
        padding: 30px;
        border-radius: 20px;
    }

    .dashboard-info {
        width: 90%;
        border: 2px solid #000;
        border-radius: 15px;
        padding: 10px;
    }

    .dashboard-info-item-block-IR {
        width: 100% !important;
        padding-bottom: 30px;
    }

    .dashboard-info-item-block {
        padding-bottom: 30px;
    }

    .dashboard-info-item {
        font-size: 14px;
    }

    .dashboard-info-subitem {
        font-size: 15px;
        font-weight: 400;
    }

    .dashboard-hr-info {
        margin-bottom: 20px;
        border: 2px solid #F4A261;
    }

    .dashboard-label-item {
        font-size: 14px;
    }

    .edit-input {
        direction: rtl;
        margin-top: 15px;
    }

    .edit-btn {
        background-color: #00cc00;
        color: white;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .cancel-btn {
        background-color: #E63946;
        color: white;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .btn-edit-block {
        margin-top: 0px
    }

    .auth-block-img_upload {
        cursor: pointer;
        border-radius: 5px;
        margin-top: 10px;
        width: 100%;
        border: 1px solid black;
        font-size: 12px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .auth-block-text_upload {
        line-height: 1.1rem;
        border-radius: 5px;
        margin-top: 10px;
        width: 100%;
        border: 1px solid black;
        font-size: 13px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .auth-role-img {
        width: 100%;
    }

    .btn-site-role {
        width: 100%;
        background-color: #E63946;
        color: white;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .alert-danger-auth {
        padding: 15px;
        border: 1px dashed #ff0000;
        color: #ff0000;
        border-radius: 10px;
        font-size: 13px;
        margin-bottom: 20px;
        background-color: rgba(249, 0, 0, 0.09);
    }

    .btn-edit-block-auth {
        margin-top: 0px
    }

    .btn-add-card {
        width: 100%;
        background-color: #00cc00;
        color: white;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .b-card-number {
        font-size: 15px;
    }

    .card-img {
        margin-top: 20px;
        width: 170px;
        height: 100px;
    }

    .card-info {
        font-size: 14px;
        line-height: 1.5rem;
        margin-top: 10%;
    }

    .card-item-block {
        text-align: center;
        border-radius: 15px;
        margin-top: 30px;
        padding: 20px;
        border: 2px dashed #cccccc;
    }

    .card-alert-info {
        border: 2px dashed #666666;
        font-size: 13px;
        margin-top: 15px;
        margin-bottom: 15px;
        border-radius: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
        padding-bottom: 80px;
        background-color: white;
    }

    .card-btn-edit-delete {
        display: flex;
        justify-content: space-between;
    }

    .address-item-block {
        margin-top: 10px;
        padding-top: 5px;
        padding-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .b-address-item {
        font-weight: 400;
        font-size: 16px;
    }

    .b-address-item-block {
        margin-bottom: 20px;
    }

    .p-address-item {
        color: #B14E00;
        font-weight: 600;
    }

    .pagenation {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .prev-page-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid #000000;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
        border-radius: 0px 5px 5px 0px;
    }

    .next-page-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid #000000;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
        border-radius: 5px 0px 0px 5px;
    }

    .page-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid #000000;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
    }

    .active-pagenation {
        background: #E4BE2E;
    }

    .validation-pending-alert {
        font-size: 12px;
        border-radius: 5px;
        text-align: center;
        padding-bottom: 20px;
        padding-top: 20px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #E4BE2E;
        margin-bottom: 15px;
        margin-top: 50px;
    }

    .validation-success-alert {
        font-size: 12px;
        border-radius: 5px;
        text-align: center;
        padding-bottom: 20px;
        padding-top: 20px;
        background-color: #48C857;
    }

    .validation-btn-block {
        border-radius: 5px;
        margin-top: 80px;
        text-align: center;
        color: white;
    }

    .validation-btn {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-right: 50px;
        padding-left: 50px;
        background-color: #7C7C7C;
        color: white;
    }

    .card-block-img_upload {
        cursor: pointer;
        border-radius: 5px;
        margin-top: 10px;
        width: 100%;
        border: 1px solid #cccccc;
        font-size: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }



    .card-submit {
        margin-bottom: 10px;
        width: 100%;
        color: white;
        background-color: #027300;
    }

    .card-cancel {
        width: 100%;
        color: white;
        background-color: #9B0000;
    }

    .edit-address-input {
        height: 50px;
    }

    .edit-address-btn-block {
        display: block;
    }

    .address-submit-edit-btn {
        padding-top: 5px;
        padding-bottom: 5px;
        color: white;
        background-color: #027300;
        width: 100%;
    }

    .address-cancel-btn {
        padding-top: 5px;
        padding-bottom: 5px;
        color: white;
        background-color: #9B0000;
        width: 100%;
    }

    .table-block {
        overflow-x: scroll;
        border-collapse: collapse;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 30px;
        padding-bottom: 10px;
        text-align: center;
        border: 1px solid black;
        border-radius: 20px;
    }

    th {
        font-size: 13px;
    }

    .table-td {
        font-size: 13px;
        height: 60px;
    }

    tr {
        vertical-align: middle;
    }

    .deposit-color {
        color: #027300;
    }

    .withdraw-color {
        color: #E63946;
    }

    .withdrawal-btn {
        padding-top: 10px;
        padding-bottom: 10px;
        color: black;
        background-color: #E4BE2E;
        width: 100%;
    }

    .invoice-btn-des {
        padding-right: 25px;
        padding-left: 25px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E4BE2E;
        color: black;
    }

    .invoice-btn {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #F4A261;
        color: black;
    }

    .invoice-details-row {
        display: none;
        vertical-align: middle;
    }

    .invoice-hr {
        border: 1px dashed #cccccc;
    }

    .favorite-item-block {
        text-align: center;
        border-radius: 15px;
        margin-top: 30px;
        padding: 40px;
        border: 2px dashed #cccccc;
    }

    .favorite-noimg {
        width: 122px;
        height: 114px;
    }

    .favorite-del-btn {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E63946;
        color: white;
    }

    .favorite-del-btn-block {
        text-align: center;
    }

    .favorite-name-b-block {
        display: flex;
        justify-content: center;
    }

    .ticket-view-btn {
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #1B8900;
        color: white;
    }

    .waiting-color {
        color: #853B00;
    }

    .back-to-tickets {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E4BE2E;
        color: black;
    }

    .close-ticket {
        width: 100%;
        margin-top: -10px;
        padding-right: 77px;
        padding-left: 77px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #B40000;
        color: white;
    }

    .admin-respond-block {
        overflow-y: scroll;
        padding-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 15px;
        margin-top: 20px;
        background-color: #FFFA7C;
        border: 1px solid #000;
        border-radius: 0px 15px 15px 0px;
        height: 170px;
    }

    .user-respond-block {
        overflow-y: scroll;
        padding-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 15px;
        margin-top: 20px;
        background-color: #B2FFAF;
        border: 1px solid #000;
        border-radius: 0px 15px 15px 0px;
        height: 170px;
    }

    .p-respond-date {
        display: flex;
        justify-content: center;
        font-size: 14px;
    }

    .b-respond {
        font-weight: 600;
        font-size: 15px;
    }

    .ticket-block-file_upload {
        cursor: pointer;
        border-radius: 5px;
        margin-top: 10px;
        width: 100%;
        border: 1px solid #cccccc;
        font-size: 13px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .submit-respond-btn {
        margin-top: 20px;
        padding-right: 50px;
        padding-left: 50px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100%;
        background-color: #008716;
        color: white;
    }

    .submit-ticket-btn {
        width: 100%;
        margin-top: 20px;
        padding-right: 75px;
        padding-left: 75px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #008716;
        color: white;
    }

    .abort-ticket-btn {
        width: 100%;
        margin-top: -10px;
        padding-right: 80px;
        padding-left: 80px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #9B0000;
        color: white;
    }

    .manage-role-list-edit-btn {
        font-size: 13px;
        padding-right: 7px;
        padding-left: 7px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E4BE2E;
        color: black;
    }

    .manage-role-list-del-btn {
        font-size: 13px;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #9B0000;
        color: white;
    }

    .form-check-input {
        border: 1px solid #997900;
    }

        .form-check-input:checked {
            background-color: #997900;
            border-color: #997900;
        }

    .rols-option {
        padding-right: 20px;
    }

    .add-role-btn-option {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #1B8900;
        color: white;
    }

    .abort-role-btn-option {
        margin-top: -10px;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #9B0000;
        color: white;
    }

    .blue-color {
        color: #002C99;
    }

    .user-manage-filter {
        padding-left: 0px;
        padding-right: 0px;
    }

    .user-manage-btn-search {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E4BE2E;
        color: black;
    }

    .user-manage-btn-del {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #9B0000;
        color: white;
    }

    .user-information-auth-btn {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #E4BE2E;
        color: black;
    }

    .user-information-blue-btn {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #0053B4;
        color: white;
    }

    .user-information-red-btn {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #9B0000;
        color: white;
    }

    .user-information-gray-btn {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #7C7C7C;
        color: white;
    }

    .user-information-green-btn {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #307D00;
        color: white;
    }

    .auth-req-info-block {
        margin-bottom: 70px;
        text-align: center;
    }

    .auth-req-img-block {
        margin-top: 20px;
        width: 100%;
        height: 300px;
    }

    .bank-card-req-info {
        margin-top: 20px;
    }

    .categories-area {
        margin-top: 30px;
        border: 1px solid black;
        border-radius: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #FFFCE7;
    }

    .categories-head {
        padding-bottom: 20px;
        padding-right: 20px;
    }

    .categories-item {
        margin-bottom: 20px;
        padding-right: 20px;
    }

    .ellips {
        cursor: pointer;
    }

    .cat-item1 {
        font-size: 13px;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .cat-item2 {
        font-size: 13px;
        margin-bottom: 30px;
        margin-right: 20px;
    }

    .cat-item3 {
        font-size: 13px;
        margin-bottom: 30px;
        margin-right: 40px;
    }

    .cat-btn-area {
        margin-top: -20px;
        margin-bottom: 10px;
        width: 130px;
        display: none;
        background-color: #F3EECA;
        border: 1px solid black;
        border-radius: 20px;
        padding: 15px;
    }

    .cat-blue-btn {
        width: 100%;
        font-size: 10px;
        background-color: #02427C;
        color: white;
    }

    .cat-green-btn {
        width: 100%;
        font-size: 10px;
        background-color: #008D06;
        color: white;
    }

    .cat-yellow-btn {
        width: 100%;
        font-size: 10px;
        background-color: #E4BE2E;
        color: black;
    }

    .cat-red-btn {
        width: 100%;
        font-size: 10px;
        background-color: #9B0000;
        color: white;
    }

    .cus-green-btn {
        width: 100%;
        font-size: 12px;
        background-color: #008D06;
        color: white;
    }

    .cus-yellow-btn {
        width: 100%;
        font-size: 12px;
        background-color: #E4BE2E;
        color: black;
    }

    .cus-red-btn {
        width: 100%;
        font-size: 12px;
        background-color: #9B0000;
        color: white;
    }

    .cus-buy-req {
        text-align: center;
        padding: 10px;
    }

    .active-orange {
        border: 2px solid #F4A261;
        border-radius: 15px;
    }

    .cus-ejare-req {
        text-align: center;
        padding: 10px;
    }

    .cus-req-a {
        color: black;
    }

    .cus-req-status {
        padding: 10px;
        text-align: center;
    }

    .active-black {
        border: 2px solid black;
        border-radius: 15px;
    }

    .active-green {
        border: 2px solid #169F00;
        border-radius: 15px;
    }

    .active-yellow {
        border: 2px solid #FFB800;
        border-radius: 15px;
    }

    .color-red {
        color: red;
    }

    .active-red {
        border: 2px solid #BB0000;
        border-radius: 15px;
    }

    .color-green {
        color: #1B8900;
    }

    .about-us-area {
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 30px;
        margin-bottom: 20px;
        text-align: right;
        color: black;
        padding: 15px;
        border: 1px solid white;
        background-color: white;
        border-radius: 15px;
        height: 100%;
    }

    .b-about-us {
        padding-right: 15px;
        font-size: 18px;
    }

    .p-about-us {
        padding-right: 15px;
        font-size: 15px;
    }

    .contact-us-area {
        padding-right: 25px;
        padding-left: 25px;
        direction: rtl;
        text-align: right;
    }

    .contact-us-information {
        margin-top: 50px;
        text-align: right;
        color: black;
        padding: 20px;
        border: 1px solid white;
        background-color: white;
        border-radius: 15px;
        height: 240px;
    }

    .contact-us-form {
        margin-top: 50px;
        margin-bottom: 20px;
        text-align: right;
        padding: 20px;
        height: auto;
    }

    .contact-us-form-title {
        margin-bottom: 50px;
        font-size: 19px;
        color: white;
    }

    .contact-us-form-b {
        color: white;
    }

    .contact-us-btn {
        color: white;
        background-color: #3B9B00;
        padding-right: 40px;
        padding-left: 40px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

        .contact-us-btn:hover {
            color: black;
            background-color: #99ff99;
            border: 1px solid #3B9B00;
            padding-right: 40px;
            padding-left: 40px;
            padding-top: 6px;
            padding-bottom: 6px;
        }

    .faq-area {
        margin-top: 50px;
        padding-right: 20px;
        padding-left: 20px;
        direction: rtl;
    }

    .b-faq {
        color: white;
        text-align: center;
        font-size: 20px;
    }

    .p-faq {
        padding-left: 20px;
        padding-right: 20px;
        color: white;
        text-align: center;
        font-size: 16px;
    }

    .faq-ouestion-area {
        margin-top: 50px;
        margin-bottom: 50px;
        color: black;
        background-color: white;
        border: 1px solid black;
        border-radius: 10px;
    }

    .faq-question-item {
        padding: 0px;
    }

    .fa-chevron-up {
        float: left;
    }

    .rotate {
        transition: transform 0.3s ease;
        transform: rotate(180deg); /* تنظیمات انیمیشن */
    }

    .products-item-block {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .products-item-img {
        border-radius: 15px 15px 0px 0px;
        display: block;
        width: 100%;
        height: 250px;
        object-fit: cover;
    }

    .a-filter {
        color: white;
    }

        .a-filter:hover {
            color: wheat;
        }

    .active-filter {
        font-weight: 600;
        color: black;
        background-color: #E5BF2E;
        padding: 5px;
        border: 1px solid black;
        border-radius: 10px;
    }

    .prev-page-item2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid white;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
        border-radius: 0px 5px 5px 0px;
    }

    .next-page-item2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid white;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
        border-radius: 5px 0px 0px 5px;
    }

    .page-item2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid white;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
    }

    .active-product-pagenation {
        background-color: #ffc107;
        color: black !important;
    }

    .filter-by {
        display: none !important;
    }

    .a-del-filter {
        color: red;
        font-size: 14px;
        float: left;
    }

    .b-filter {
        font-size: 20px;
    }

    .filter-input {
        border: 1px dashed #cccccc;
        width: 65%;
    }

    .filter-option {
        font-size: 15px;
        padding-left: 30px;
        padding-right: 10px;
    }

    .hr-filter {
        margin: 0.6rem;
    }

    .filter-search {
        background-color: #E5BF2E;
        width: 200px;
        border-radius: 5px;
    }

    .filter-pc-nav {
        display: none;
    }

    .sidebarpanel li {
        margin-left: 10px;
        margin-right: 15px;
        padding: 10px;
        text-decoration: none;
        font-size: 15px;
        display: block;
        transition: 0.3s;
    }

    .fa-chevron-down {
        float: left;
    }

    .product-offer-banner {
        position: absolute;
        display: block;
        left: 0;
        top: 20px;
        padding: 10px;
        border-radius: 0px 0px 25px 0px;
        background-color: red;
        color: white;
        width: 110px;
    }

    .b-offer-price {
        float: left;
        text-decoration: line-through;
        font-size: 12px;
        color: #666666;
    }

    .single-product-area {
        direction: rtl;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .related-product-areas {
        direction: ltr !important;
    }

    .thumbnails {
        display: flex;
        margin: 1rem auto 0;
        padding: 0;
        justify-content: center;
    }

    .thumbnail {
        width: 100px;
        height: 100px;
        overflow: hidden;
        list-style: none;
        margin: 0 0.3rem;
        cursor: pointer;
    }


        .thumbnail img {
            border-radius: 20px;
            width: 100%;
            height: auto;
        }

    .splid-main-img {
        display: block;
        border-radius: 20px;
        width: 100%;
        height: auto;
    }

    .product-information {
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px;
        padding: 20px;
        margin-bottom: 15px;
    }

    .b-product-information {
        margin-bottom: 10px;
    }

    .p-product-information {
        margin-top: 10px;
        font-size: 14px;
    }

    .rating-stars-product-information {
        margin-top: 60px;
        font-size: 25px;
    }

    .product-buy {
        margin-top: 15px;
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px;
        padding: 20px;
    }

    .product-ejare {
        position: relative;
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px;
        padding: 20px;
    }

    .product-ejare-titles {
        display: flex;
        justify-content: space-between;
        border-radius: 10px;
        width: 100%;
        padding: 8px;
        border: 2px dashed #F4A261;
        font-size: 17px;
    }

    .product-buy-titles {
        display: flex;
        justify-content: space-between;
        border-radius: 10px;
        width: 100%;
        padding: 8px;
        border: 2px dashed #F4A261;
        font-size: 17px;
    }

    .product-ejare-quntity-erea {
        font-size: 14px;
        text-align: center;
        border-radius: 10px;
        width: 50%;
        padding: 8px;
    }

    .product-ejare-quntity {
        border: 1px solid white;
        background-color: white;
        width: 50px;
    }

    .product-buy-quntity {
        border: 1px solid #F7F2CE;
        background-color: #F7F2CE;
        width: 50px;
    }

    .pluss {
        cursor: pointer;
        font-size: 13px;
    }

    .minuss {
        cursor: pointer;
        font-size: 13px;
    }

    .btn-ejare-add-roles {
        display: flex;
        justify-content: space-between;
    }

    .btn-ejare-roles {
        font-size: 14px;
        color: white;
        border-radius: 10px;
        background-color: #D00000;
        padding-bottom: 5px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
    }

    .btn-add-ejare {
        font-size: 14px;
        color: white;
        border-radius: 10px;
        padding-bottom: 5px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
        background-color: #009217;
    }

    .b-product-vixegi {
        font-size: 18px;
    }

    .product-vixegi {
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px;
        padding: 20px;
        margin-bottom: 15px;
    }

    .related-product-title {
        color: white;
        margin-top: 30px;
        margin-right: 30px;
        font-size: 18px;
    }

    .user-expment {
        padding: 20px;
        border-radius: 15px;
        background-color: white;
        border: 2px solid #F6F1CD;
    }

    .rating-stars-product-user {
        margin-bottom: -10px;
        margin-top: 20px;
        text-align: left;
        font-size: 25px;
    }

    .user-expment-time {
        font-size: 13px;
        float: left;
    }

    .shoping-card-areas {
        direction: rtl;
        margin-top: 50px;
        margin-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .display-none {
        display: none;
    }

    .dastebandi-vixegi {
        border: 1px solid black;
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px;
        padding: 20px;
        margin-bottom: 15px;
    }

    .add-product-fee-alert {
        font-size: 14px;
        background-color: #FBD5D5;
        color: #9B1C1C;
        border-radius: 6px;
        padding: 8px;
    }

    .products-option {
        padding-right: 3px;
    }

    .btn-next-product {
        background-color: #009C12;
        color: white;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 50px;
        padding-right: 50px;
        border-radius: 5px;
    }

    .btn-prev-product {
        background-color: #C00000;
        color: white;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 50px;
        padding-right: 50px;
        border-radius: 5px;
    }

    .btn-submits-product {
        background-color: #009C12;
        color: white;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 50px;
        padding-right: 50px;
        border-radius: 5px;
    }

    .progressbar-product {
        display: none;
    }

    .avatar-img {
        width: 120px;
        height: 120px;
        border-radius: 50px;
        margin-bottom: 10px;
    }

    .avatar-area {
        text-align: center;
        margin-bottom: 50px;
    }

    .avatar-p {
        cursor: pointer;
    }

    .avatar-img {
        width: 120px;
        height: 120px;
        border-radius: 50px;
        margin-bottom: 10px;
    }

    .mega-chev {
        transition: transform 0.3s ease;
    }

    .admin-expment {
        font-size: 13px;
        padding: 20px;
        border-radius: 15px;
        background-color: lightgray;
    }

    .notfound-area {
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
        color: black;
        padding: 20px;
        border: 1px solid white;
        background-color: white;
        border-radius: 15px;
        height: auto;
    }

    .notfound-img {
        width: 250px;
        height: 250px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .splideimg {
        width: 100%;
        height: 250px !important;
        object-fit: cover;
    }

    .admin-box-item {
        cursor: pointer;
        text-align: center;
        padding: 20px;
        border-radius: 15px;
        border: 1px solid black;
    }

    .product-information-analys {
        text-align: left;
    }

    .product-information-star {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #FFC107;
        color: #826100;
        border-radius: 10px;
    }

    .product-information-like {
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #E74414;
        color: white;
        border-radius: 10px;
    }

    .circle {
        display: inline-block;
        border-radius: 50%;
        width: 27.85px;
        height: 27.85px;
        position: relative;
        cursor: pointer;
    }

    .circle-red {
        background-color: red;
    }

    .circle-blue {
        background-color: blue;
    }

    .circle-green {
        background-color: green;
    }

    .circle-orange {
        background-color: orange;
    }

    /* رادیو باتن مخفی */
    .circle-radio {
        display: none;
    }

        /* وقتی رادیو انتخاب شود */
        .circle-radio:checked + .circle::before {
            content: "";
            position: absolute;
            top: -5px;
            left: -5px;
            width: calc(100% + 10px);
            height: calc(100% + 10px);
            border: 3px solid currentColor;
            border-radius: 50%;
            box-sizing: border-box;
        }

        .circle-radio:checked + .circle::after {
            content: "✔";
            color: white;
            font-size: 14px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .product-vixegi-label {
        font-size: 13px;
        cursor: pointer;
        position: relative;
    }

    .active-label {
        font-weight: 600;
    }

        .active-label::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -4px;
            height: 2px;
            background-color: #F4A261;
            border-radius: 2px;
        }

    .product-vixegi-b {
        font-size: 13px;
        margin-right: 100px;
        font-weight: 400;
    }

    .product-vixeg-b {
        font-size: 13px;
    }

    .product-vixeg-p {
        font-size: 13px;
    }

    .product-vixegi-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 10px;
    }

        .product-vixegi-table td {
            padding: 8px 16px;
            vertical-align: top;
        }

            .product-vixegi-table td:first-child {
                text-align: right;
                font-weight: bold;
            }

            .product-vixegi-table td:last-child {
                text-align: right;
                font-weight: 400;
            }

        .product-vixegi-table tr {
            border-bottom: 1px solid #ddd;
        }

            .product-vixegi-table tr:last-child {
                border-bottom: none;
            }

    .vixegiha-underline-text {
        display: inline-block;
        position: relative;
    }

        .vixegiha-underline-text::after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #F4A261;
        }

    .tab-content {
        display: none;
    }

    #specifications {
        display: block;
    }

    .product-vixegi-rating {
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 0px 20px 20px 0px;
        padding: 20px;
        margin-bottom: 15px;
    }

    .product-vixegi-nazarat {
        direction: rtl;
        background-color: white;
        color: black;
        border-radius: 20px 0px 0px 20px;
        padding: 20px;
        margin-bottom: 15px;
    }
}