@font-face {
    font-family: "fontLight";
    src: url("../fonts/alfont_com_29LT-Kaff-Light\ \(3\).ttf") format("truetype");
}

@font-face {
    font-family: "fontSemiBold";
    src: url("../fonts/29LT\ Kaff\ Semi\ Bold.ttf") format("truetype");
}

@font-face {
    font-family: "fontRegular";
    src: url("../fonts/alfont_com_29LT-Azer-Regular.otf") format("opentype");
}

@font-face {
    font-family: "fontMedium";
    src: url("../fonts/alfont_com_29LT-Azer-Medium.otf") format("opentype");
}

@font-face {
    font-family: "fontBold";
    src: url("../fonts/alfont_com_29LT-Azer-Bold.otf") format("opentype");
}

:root {
    --mainColor: #CC6C52;
    --secondaryColor: "";
    --fontLight: "fontLight";
    --fontSemiBold: "fontSemiBold";
    --fontRegular: "fontRegular";
    --fontMedium: "fontMedium";
    --fontBold: "fontBold";
}

a:hover,
a {
    text-decoration: none;
}

body {
    font-family: var(--fontRegular);
    text-align: right;
    direction: rtl;
}

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

.toast {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #333;
    color: #fff;
    padding: 14px 20px;
    border-radius: 8px;
    font-size: 15px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease, transform 0.4s ease;
    z-index: 9999;
    min-width: 200px;
    max-width: 300px;
    text-align: start;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.toast.show {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.toast.success {
    background-color: #28a745;
}

.toast.error {
    background-color: #dc3545;
}

.toast.info {
    background-color: #007bff;
}

.toast.warning {
    background-color: #ffc107;
    color: #000;
}

.mainBtn {
    height: 56px;
    background-color: var(--mainColor);
    border: 1px solid var(--mainColor);
    font-family: var(--fontMedium);
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    width: 100%;
}

.signBg {
    background-color: #F9F7F6;
    padding-top: 86px;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding-bottom: 134px;
}

.loginDiv,
.signBg .loginDiv {
    width: 80%;
    max-width: 1100px;
    background-color: #fff;
    padding: 80px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    text-align: center;
    max-height: max-content;
}

.loginDiv img,
.signBg .loginDiv img {
    height: 200px;
    margin-bottom: 24px;
}

.loginDiv h2,
.signBg .loginDiv h2 {
    color: #474747;
    font-family: var(--fontSemiBold);
    margin-bottom: 16px;
    font-size: 18px;
}

.loginDiv p,
.signBg .loginDiv p {
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 24px;
    font-size: 14px;
}

.loginDiv .iti,
.signBg .loginDiv .iti {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    height: 56px;
    width: 100%;
}

.iti__country-list {
    left: 0;
}

.form-control,
form.mainform .form-control,
.loginDiv .form-control,
.signBg .loginDiv .form-control {
    border-color: #EBEBEB;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    padding: 16px;
    height: 56px;
}

form.mainform .inputIcon .form-control,
.loginDiv .inputIcon .form-control,
.signBg .loginDiv .inputIcon .form-control {
    padding-right: 50px;
}

form.mainform textarea.form-control {
    height: auto;
}

.loginDiv input::placeholder,
.signBg .loginDiv input::placeholder {
    direction: rtl;
    text-align: right;
}

.form-control:focus,
form.mainform .form-control:focus,
.signBg .loginDiv .form-control:focus {
    border-color: var(--mainColor);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(217, 80, 77, 0.25);
}

[dir=rtl] .iti--allow-dropdown .iti__flag-container,
[dir=rtl] .iti--separate-dial-code .iti__flag-container {
    left: 0;
    right: auto;
}

[dir=rtl] .iti--allow-dropdown input {
    padding-right: 50px !important;
    padding-left: 100px !important;
}

.mapDiv,
.loginDiv .inputIcon,
form.mainform .inputIcon,
.signBg .loginDiv .inputIcon {
    position: relative;
    height: 56px;
}

.mapDiv {
    cursor: pointer;
}

.blockModal .form-group,
.loginDiv .form-group,
.signBg .loginDiv .form-group {
    margin-bottom: 20px;
}

.loginDiv label,
.signBg .loginDiv label {
    text-align: right;
    display: block;
    margin-bottom: 14px;
}

.mapDiv img,
form.mainform .inputIcon img,
.loginDiv .inputIcon img,
.signBg .loginDiv .inputIcon img {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin-bottom: 0;
    z-index: 99;
}

.mapDiv img {
    left: 16px;
    right: unset;
}

.mapDiv #mapDiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

#mapModal #map {
    height: 400px;
    margin-bottom: 24px;
}

.mapDiv select:focus,
.mapDiv select,
.mapDiv input:disabled {
    background-color: #FDF8F7;
    border-color: #EBEBEB;
}

.loginDiv button,
.signBg .loginDiv button {
    margin-bottom: 24px;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
.iti--separate-dial-code .iti__selected-flag {
    background-color: unset;
}

.iti__flag {
    margin-inline-end: 12px;
}

.signUpText {
    color: #474747;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
}

.signUpText p {
    margin-bottom: 0 !important;
}

.signUpText a {
    color: var(--mainColor);
}

.blockModal,
.alertModalBox,
.alertModal,
.verificationModal {
    padding: 8px 0 32px;
    background-color: #fff;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%) translateX(-200vw);
    max-width: 628px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    z-index: 99;
    -webkit-transform: translateY(-50%) translateX(-200vw);
    -moz-transform: translateY(-50%) translateX(-200vw);
    -ms-transform: translateY(-50%) translateX(-200vw);
    -o-transform: translateY(-50%) translateX(-200vw);
}

.alertModalBox,
.alertModal {
    width: 450px;
    padding: 80px 24px 24px;
    background-color: #fff;
    text-align: center;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}

.overlayNav,
.alertOverlay,
.verificationOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: none;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.showOverlay {
    display: block;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.slideLeftAlert,
.slideLeftVerify {
    transform: translateY(-50%) translateX(0);
    -webkit-transform: translateY(-50%) translateX(0);
    -moz-transform: translateY(-50%) translateX(0);
    -ms-transform: translateY(-50%) translateX(0);
    -o-transform: translateY(-50%) translateX(0);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.blockModal .buttonHeaderChat,
.verificationModal .buttonHeaderChat {
    position: absolute;
    right: 24px;
    top: 32px;
    cursor: pointer;
}

.verificationModal .codeInputs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    justify-content: center;
}

.verificationModal .codeInputs input {
    width: 118.25px;
    height: 82.47px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    background-color: #FAFAFA;
    border: 1px solid #EBEBEB;
    color: var(--mainColor);
    text-align: center;
}

.verificationModal .codeInputs input::placeholder {
    color: var(--mainColor);
}

.blockModal .modalContent,
.verificationModal .modalContent {
    padding: 0 24px;
}

.verificationModal .codeInputs input:focus,
.verificationModal .codeInputs input:not(:placeholder-shown) {
    outline: none;
    border-color: #F3EEED;
    background-color: #F3EEED;
}

.verificationModal .notSent a {
    color: #474747;
    font-size: 14px;
    font-family: var(--fontMedium);
}

.verificationModal .counted {
    font-size: 14px;
    font-family: var(--fontMedium);
    margin-bottom: 20px;
    color: #28457D;
}

.blockModal .modalTile,
.verificationModal .modalTile {
    margin-bottom: 24px;
    box-shadow: 0 2px 1px rgb(71 71 71 / 5%);
    padding: 24px;
}

.blockModal .modalTile h3,
.verificationModal .modalTile h3 {
    font-size: 20px;
    font-family: var(--fontSemiBold);
    color: #474747;
    margin-bottom: 16px;
}

.blockModal .modalTile p,
.verificationModal .modalTile p {
    font-size: 14px;
    font-family: var(--fontRegular);
}

.productImg-upload,
.logo-upload {
    position: relative;
    width: 104px;
    height: 104px;
    margin: 0 auto 24px;

}

.productImg-preview,
.logo-preview {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #EEF0F2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #2F6C55;
    font-weight: bold;
    overflow: hidden;
    position: relative;
}

.productImg-preview img,
.logo-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.logo-preview img {
    margin-bottom: 0;
}

.loginDiv label.upload-btn,
.signBg .loginDiv label.upload-btn {
    text-align: center;
    display: flex;
    position: absolute;
    bottom: -5px;
    left: -5px;
    background-color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: backgroun d-color 0.2s;
    -webkit-transition: backgroun d-color 0.2s;
    -moz-transition: backgroun d-color 0.2s;
    -ms-transition: backgroun d-color 0.2s;
    -o-transition: backgroun d-color 0.2s;
}

.addProduct .ProductImg-upload {
    position: relative;
    height: 77px;
    width: 100%;
    background-color: #F8FBFA;
    border: 1px dashed #284936;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.contactInfo img {
    height: 260px;
    margin-bottom: 28px;
}

.contactInfo h3 {
    color: #656767;
    font-size: 14px;
    font-family: var(--fontMedium);
    margin-bottom: 12px;
}

.contactInfo p {
    font-size: 12px;
    font-family: var(--fontRegular);
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 32px;
}

.contactInfo .contactList li {
    display: flex;
    align-items: center;
    padding-inline-end: 24px;
    gap: 10px;
    justify-content: space-between;
    font-size: 14px;
    font-family: var(--fontRegular);
    color: rgba(0, 0, 0, 0.6);
    background-color: #FAFAFA;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.contactInfo .contactList li:not(:last-of-type) {
    margin-bottom: 20px;
}

.contactInfo .contactList li p {
    color: rgba(0, 0, 0, 0.6);
}

.contactInfo .contactList li a {
    font-size: 14px;
    font-family: var(--fontRegular);
    color: rgba(0, 0, 0, 0.6);
}

.contactInfo .contactList li .contactIconText {
    display: flex;
    align-items: center;
    gap: 15px;
}

.contactInfo .contactList li .contactIcon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mainColor);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.selectContainer {
    position: relative;
}

.selectContainer select {
    padding-inline-end: 40px;
}

.selectContainer svg {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.addProduct .helpFileUploadDiv .ProductImg-upload {
    border-color: var(--mainColor);
    background-color: rgb(212, 102, 68, 0.04);
}

.addProduct label.uploadProductImg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 7px;
}

.ProductImgImage {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
}

.addProduct label.uploadProductImg p {
    font-size: 12px;
    font-family: var(--fontLight);
}

.backBtn {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 40px;
    top: 40px;
    background-color: #E5F1EA;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.upload-btn:hover {
    background-color: #F3EEED;
}

.inputDiv {
    position: relative;
}

.checkboxDiv {
    margin-bottom: 20px;
}

.checkboxDiv input {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.checkboxText,
.checkboxDiv {
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkboxText {
    gap: 2px;
    font-size: 14px;
}

.checkboxText a {
    font-size: 14px;
    color: var(--mainColor);
}

.checkboxDiv .checkbox {
    border: 1px solid #474747;
    background-color: #fff;
    border: 4px;
    width: 20px;
    height: 20px;
}

.checkboxDiv .checkbox svg {
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
}

.checkboxDiv input:checked+.checkbox svg {
    opacity: 1;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.mainBh {
    background: #EED1C9;
    background: linear-gradient(180deg, rgba(238, 209, 201, 1) 0%, rgba(243, 246, 249, 1) 23%);
}

aside {
    max-width: 320px;
    min-width: 320px;
    position: relative;
    flex: 1;
    align-self: stretch;
    background: linear-gradient(to bottom, #2B3435 0%, #7E989B 100%);
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    padding: 80px 28px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

aside ul>li button.accordion-button,
aside ul>li>a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 10px;
    color: #C6D1D2;
    height: 56px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

aside ul>li button.accordion-button {
    border: none;
}

aside ul>li:not(:last-of-type) {
    margin-bottom: 24px;
}

aside ul li button.accordion-button:hover,
aside ul li button.accordion-button.active,
aside>ul li a:hover,
aside nav>ul>li>a.active {
    padding: 8px 10px;
    color: #fff;
    background-color: var(--mainColor);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

aside ul>li button.accordion-button .navIcon,
aside ul>li>a .navIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background-color: rgba(47, 57, 58, 0.2);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

aside .logOutBtn {
    background-color: #d9504d47;
    color: #fff;
}

aside ul>li>a.logOutBtn .navIcon {
    background-color: #DF6A68;
}

aside ul li .accordion-item {
    background-color: unset;
    border: unset !important;
}

aside .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed,
aside ul>li .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

aside .accordion-button:not(.collapsed)::after {
    display: none;
}

aside .accordion-button:focus {
    outline: none !important;
    border: none;
}

aside ul li .accordion-button:not(.collapsed) {
    box-shadow: none !important;
    color: #fff !important;
    background-color: var(--mainColor) !important;
}

aside ul li .accordion-button:not(.collapsed) {
    background-color: var(--mainColor);
    color: #fff;
}

aside .accordion-body li a {
    padding: 0;
    height: auto;
}

aside .accordion-body li a:hover,
aside .accordion-body li a.active {
    color: #fff;
}

aside ul li .accordion-button:not(.collapsed) .navIcon,
aside ul li button.accordion-button:hover .navIcon,
aside ul li button.accordion-button.active .navIcon,
aside ul li a:hover .navIcon,
aside ul li a.active .navIcon {
    background-color: transparent;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

aside ul>li:first-of-type button.active .navIcon,
aside ul>li:first-of-type a .navIcon img {
    filter: invert(1);
}

aside ul>li .accordion-button::after,
aside ul>li button img:not(.activedIcon),
aside ul>li>a img:not(.activedIcon) {
    display: none;
}

aside ul>li .accordion-button {
    background-color: transparent;
}

aside ul>li button.accordion-button.active .activedIcon,
aside ul>li>a.active .activedIcon {
    display: block;
}

.pageContainer {
    padding: 16px 8px;
}

.mainContainer {
    display: flex;
    gap: 32px;
}

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

main header>ul {
    display: flex;
    align-items: center;
    gap: 20px;
}

main header {
    background-color: #fff;
    padding: 8px 24px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}

main {
    width: calc(100% - 352px);
    min-height: 100vh;
}

main header .logoImg {
    display: block;
    height: 67px;
    width: auto;
}

main header .logoImg img {
    height: 100%;
    width: 100%;
}

header ul li {
    position: relative;
}

header ul li a {
    height: 46px;
}

.notifLi a.showMobile,
.notif {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid #EBEBEB;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.notif .notfiNum {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--mainColor);
    border: 2px solid #fff;
    font-size: 12px;
    font-family: var(--fontSemiBold);
    padding: 5px;
    min-width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.profile {
    padding: 5px 15px;
    border: 1px solid #EBEBEB;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.profile h3 {
    font-size: 14px;
    font-family: var(--fontSemiBold);
    margin-bottom: 0;
    color: #656767;
}

.profile .profileInfo {
    display: flex;
    align-items: center;
    gap: 8px;
}

.profile .profileInfo img {
    border: 1px solid var(--mainColor);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.translate {
    display: block;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: var(--mainColor);
    font-family: var(--fontMedium);
    padding: 10px 13px;
    border: 1px solid #EBEBEB;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.translate h3 {
    font-size: 16px;
}

.notifDrop ul li a {
    height: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.notifDrop ul li.new .icon span {
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    display: block;
    background-color: var(--mainColor);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.notifDrop .moreNotiBtn {
    padding: 0 24px;
}

.notifDrop .moreNotiBtn .mainBtn {
    gap: 10px;
}

.notifDrop ul li a .icon {
    position: relative;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.notifDrop ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 22px 24px;
    border-bottom: 1px solid #EBEBEB;
}

.notifDrop ul li a h3 {
    color: var(--mainColor);
    font-size: 12px;
    font-family: var(--fontMedium);
    margin-bottom: 8px;
}

.notifDrop ul li a p {
    font-size: 12px;
    font-family: var(--fontRegular);
    color: rgba(23, 26, 28, 0.4);
    margin-bottom: 0;
}

.notifDrop {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 90px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    width: 425px;
    border: 1px solid var(--mainColor);
    border-radius: 24px;
    z-index: 999;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 9;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    background: #fff;
    padding-bottom: 32px;

}

.notifDrop .moreNotiBtn {
    margin-top: 20px;
}

.notifDrop ul {
    position: relative;
    z-index: 9;
    background: #fff;
    border-radius: 24px;
    padding-top: 32px;
}

.notifDrop::after {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 35px solid #fff;
    z-index: 1;
    filter: drop-shadow(0 0 2px var(--mainColor));
    -webkit-filter: drop-shadow(0 0 2px var(--mainColor));
}

.notifDrop.show {
    display: block;
}

.statiscticCardsList {
    padding: 25px 0 40px;
}

.mainCard {
    padding: 24px 24px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    width: 100%;
}

.mainCard.switcherDiv {
    padding: 24px 32px;
}

.form-switch.form-switch-lg {
    margin-bottom: 1.5rem;
}

.form-switch.form-switch-lg .form-check-input {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
    margin-left: unset;
}

.mainCard.switcherDiv .form-check {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border: 1px solid #E4E2E2;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.form-switch .form-check-input:focus {
    filter: grayscale(0.5);
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3e%3c/svg%3e") !important;
    box-shadow: unset;
    outline: unset;
    -webkit-filter: grayscale(0.5);
}

.form-switch .form-check-input {
    background-color: #ccc;
    border-color: #ccc;
}

.form-switch .form-check-input:checked:focus {
    filter: unset;
    -webkit-filter: unset;
    box-shadow: unset;
    outline: unset;
}

.form-switch .form-check-input:checked {
    background-color: var(--mainColor);
    border-color: var(--mainColor);
}

.mainBtn.deleteAccountBtn {
    background-color: rgb(217, 80, 77, 0.2);
    color: #D9504D;
    width: 150px;
    height: 46px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    margin-bottom: 0;
}

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

.phoneInputLabel>div {
    flex: 1;
}

.phoneInputLabel input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.phoneInputLabel .editphone {
    height: 56px;
    width: 80px;
    border: 1px solid #D0DCD5;
    margin-bottom: 0;
    background-color: #D0DCD5;
    color: #656767;
    font-size: 12px;
    border-radius: 16px 0 0 16px;
    font-family: var(--fontMedium);
    -webkit-border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px;
    -ms-border-radius: 16px 0 0 16px;
    -o-border-radius: 16px 0 0 16px;
}

.deleteAcount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid #E5DED3;
    padding: 7px 16px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.deleteAcount .profileInfo {
    display: flex;
    align-items: center;
    gap: 8px;
}

.deleteAcount .profileInfo h3 {
    font-size: 14px;
    font-family: var(--fontRegular);
    color: #656767;
    margin-bottom: 0;
}

.deleteAcount .profileInfo img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-bottom: 0;
}

.mainCard.statisticCard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #B7CCE0;
    border-color: #B7CCE0;
}

.mainCard.statisticCard.two {
    background-color: #F3D9A4;
    border-color: #F3D9A4;
}

.mainCard.statisticCard.three {
    background-color: #A8C8A2;
    border-color: #A8C8A2;
}

.mainCard.statisticCard.four {
    background-color: #E6A07C;
    border-color: #E6A07C;
}

.mainCard.statisticCard h3 {
    font-size: 40px;
    font-family: var(--fontMedium);
    margin-bottom: 8px;
    line-height: 30px;
}

.mainCard.statisticCard h4 {
    margin-bottom: 0;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.5)
}

.mainCard.statisticCard .statisticIcon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.oneChart canvas {
    height: 280px !important;
}

.twoChart canvas {
    height: 113px !important;
    margin: 65px auto 28px;
}

.productSection .custom-nav {
    display: flex;
    align-items: center;
    gap: 16px;
}

.productSection .custom-nav button {
    background-color: #F2F2F2;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F2F2F2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    width: 40px;
    height: 40px;
}

.productSection .titleSlider {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24px;
}

.productSection .titleSlider h3 {
    font-size: 16px;
    font-family: var(--fontSemiBold);
    margin: 0;
    color: #656767;
}

.chartCard>h3 {
    font-size: 16px;
    font-family: var(--fontSemiBold);
    padding-bottom: 20px;
    margin-bottom: 0;
    position: relative;
    color: #656767;
}

.productSection .titleSlider::after,
.orderInfo .infoContent ul li.total::after,
.chartCard .profits .total::after,
.chartCard>h3::after {
    content: '';
    height: 0.5px;
    width: calc(100% + 48px);
    background: #E4E2E2;
    position: absolute;
    left: -24px;
    bottom: 0;
}

.chartCard .ordersNumber {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chartCard .ordersNumber .numText {
    background-color: #FDF8F7;
    border: 0.5px solid #EBEBEB;
    padding: 14px;
    text-align: center;
    flex: 1;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.chartCard .ordersNumber .numText p,
.chartCard .ordersNumber .numText h3 {
    font-size: 12px;
    font-family: var(--fontSemiBold);
    margin-bottom: 8px;
}

.chartCard .ordersNumber .numText p {
    color: #417758;
}

.chartCard .profits {
    margin-top: 24px;
}

.chartCard .profits li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.chartCard .profits li>h3 {
    color: #656767;
}

.chartCard .profits li>span {
    font-size: 14px;
    font-family: var(--fontRegular);
    color: #656767;
}

.chartCard .profits li>div {
    display: flex;
    align-items: center;
    gap: 4px;
}

.chartCard .profits li>div span {
    font-family: var(--fontMedium);
    color: #656767;
}

.orderInfo .infoContent ul li.total,
.chartCard .profits li.total {
    position: relative;
    margin-bottom: 0;
    padding-top: 24px;
}

.orderInfo .infoContent ul li.total h3,
.chartCard .profits li.total h3 {
    font-size: 14px;
    font-family: var(--fontSemiBold);
}

.mainCard.chartCard {
    height: 445px;
}

.orderInfo .infoContent ul li.total::after,
.chartCard .profits .total::after {
    top: 0;
    bottom: unset;
}

.charts {
    padding-bottom: 57px;
}

.productSection .productSlider {
    margin-top: 24px;
}

.productSection .productSlider .item.mainCard {
    padding: 12px 10px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.productSection .productSlider .item.mainCard h3 {
    font-size: 14px;
    margin-bottom: 12px;
}

.productSection .slidertext.mainCard {
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 10px;
}

.productSection .productSlider .item.mainCard h4 {
    color: #B97664;
    font-size: 16px;
    font-family: var(--fontMedium);
    margin-bottom: 0;
}

.productSection .productSlider .item.mainCard img {
    height: 260px;
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    margin-bottom: 16px;
}

.productSection .productSlider .sliderInfo h3 {
    font-size: 12px;
    font-family: var(--fontRegular);
    margin-bottom: 8px;
}

.productSection .productSlider .sliderInfo p {
    font-family: var(--fontLight);
    font-size: 12px;
    margin-bottom: 12px;
}

.productSlider .price span {
    font-size: 14px;
    font-family: var(--fontSemiBold);
}

.productsTable .statusDiv .hide {
    display: none;
}

.productsTable .statusDiv {
    position: relative;
}

.productsTable .statusDiv input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    cursor: pointer;
}

.productsTable {
    margin-top: 20px;
}

.productsTable .headTable {
    margin-bottom: 0;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    overflow: hidden;
}

#newOrder .productsTable .headTable,
#preparation .productsTable .headTable,
#delivering .productsTable .headTable,
#delivered .productsTable .headTable,
#completed .productsTable .headTable,
#cancelled .productsTable .headTable,
#products .productsTable .headTable,
.ordersTabs .productsTable .headTable {
    margin-bottom: 20px;
}

.productsTable thead th div {
    background-color: #E5DED3;
    color: #474848;
    font-size: 12px;
    font-family: var(--fontSemiBold);
    padding: 23px 0;
    text-align: center;
    width: 185px;
}

.productsTable thead th {
    border: 3px solid #E5DED3;
    background-color: #E5DED3;
}

.productsTable tbody td {
    background-color: #FAFAFA;
    border: 3px solid #fff;
}

.productsTable thead th,
.productsTable tbody td {
    padding: 0;
    vertical-align: middle;
    color: #656767;
}

.productsTable tbody td div {
    width: 185px;
    text-align: center;
    background-color: #FAFAFA;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    gap: 5px;
}

.productsTable tbody td div.show {
    color: var(--mainColor);
}

.productsTable tbody td div img {
    width: 60px;
    border-radius: 12px;
    margin: 15px 0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.ordersTabs table.productsTable1,
table#productsTable {
    border-radius: 12px 12px 0 0;
    -webkit-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    -ms-border-radius: 12px 12px 0 0;
    -o-border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.btnGroupRate,
.btnGroupProduct {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 34px 24px;
    background-color: #F8F7F7;
    border: 1px solid #EBEBEB;
    border-radius: 0 0 12px 12px;
    -webkit-border-radius: 0 0 12px 12px;
    -moz-border-radius: 0 0 12px 12px;
    -ms-border-radius: 0 0 12px 12px;
    -o-border-radius: 0 0 12px 12px;
}

.orderInfo .customerInfo .leaves,
.btnGroupProduct .leaves {
    position: absolute;
    right: 0;
    bottom: 0;
}

.orderInfo .customerInfo .leaves {
    right: unset;
    left: 0;
}

.orderInfo .customerInfo .userText h4 {
    color: rgb(23, 26, 28, 0.6);
    margin-bottom: 8px;
    font-size: 14px;
    font-family: var(--fontRegular);
}

.orderInfo .customerInfo .userText h3 {
    color: #3F4347;
    margin-bottom: 0;
    font-size: 14px;
    font-family: var(--fontMedium);
}

.btnGroupProduct a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 250px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    padding: 16px;
}

.pagination #nextBtn {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.productsTable .actionsBtn {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
}

.productsTable .actionsBtn a,
.productsTable .pagination span,
.productsTable .pagination .page-num,
.productsTable .pagination button,
.productsTable .actionsBtn button {
    border: 1px solid #EBEBEB;
    background-color: #F5F5F5;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.productsTable .actionsBtn button {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.paginationRateContainer {
    padding: 40px 24px;
}

.productsTable .pagination span,
.productsTable .pagination .page-num {
    background-color: #FDFCFC;
    border-color: #DEDEDE;
}

.productsTable .pagination span,
.productsTable .pagination .page-num,
.productsTable .pagination button {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    color: #AEA9A7;
    cursor: pointer;
}

.productsTable .pagination span.active,
.productsTable .pagination .page-num.active {
    background-color: #284936;
    border-color: #284936;
    color: #FDFCFC;
}

.outlineBtn {
    border: none;
    background-color: unset;
    color: var(--mainColor);
    font-size: 12px;
    font-family: var(--fontSemiBold);
}

.notifList.mainCard {
    border-radius: 24px 24px 0 0;
    -webkit-border-radius: 24px 24px 0 0;
    -moz-border-radius: 24px 24px 0 0;
    -ms-border-radius: 24px 24px 0 0;
    -o-border-radius: 24px 24px 0 0;
}

.notifList .notifItem .notifItemContent,
.notifList .notifItem {
    display: flex;
    align-items: center;
    gap: 8px;
}

.notifList .notifItem {
    justify-content: space-between;
    padding: 22px 24px;
}

.notifList .notifItem h3 {
    font-size: 14px;
    color: #656767;
    font-family: var(--fontRegular);
    margin-bottom: 8px;
}

.notifList .notifItem p {
    font-size: 12px;
    font-family: var(--fontRegular);
    color: rgba(23, 26, 28, 0.4);
}

.notifList .notifItem .notifIcon {
    width: 40px;
    height: 40px;
    padding: 10px;
    border: 0.8px solid #ebebeb;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.notifList .notifItem.new .notifIcon::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -5px;
    width: 8px;
    height: 8px;
    background-color: #d9504d;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.notifList .notifItem:not(:last-of-type) {
    border-bottom: 0.4px solid #ebebeb;
}

.productsTable .pagination #pageNumbersRate,
.productsTable .pagination #pageNumbersOrders,
.productsTable .pagination #pageNumbers1,
.productsTable .pagination #pageNumbers2,
.productsTable .pagination #pageNumbers3,
.productsTable .pagination #pageNumbers4,
.productsTable .pagination #pageNumbers5,
.productsTable .pagination #pageNumbers6,
.productsTable .pagination #pageNumbers7,
.productsTable .pagination #pageNumbers8,
.productsTable .pagination #pageNumbers9,
.productsTable .pagination #pageNumbers10,
.productsTable .pagination #pageNumbers11,
.productsTable .pagination #pageNumbers12,
.productsTable .pagination #pageNumbers13,
.productsTable .pagination #pageNumbers14,
.productsTable .pagination #pageNumbers {
    display: flex;
    align-items: center;
    padding: 0 5px;
    gap: 5px;
}

.mobileNav {
    display: none;
}

.alertModalBox button,
.alertModal button {
    flex: 1;
}

.alertModalBox img,
.alertModal img {
    width: 60px;
    margin-bottom: 40px;
}

.alertModalBox h3,
.alertModal h3 {
    margin-bottom: 24px;
    color: #D9504D;
    font-size: 18px;
    font-family: var(--fontSemiBold);
}

.alertModalBox p,
.alertModal p {
    font-family: var(--fontRegular);
    font-size: 14px;
    color: rgba(23, 26, 28, 0.6)
}

.modalBtns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 24px;
}

.alertModalBox .modalBtns .restBtn,
.alertModal .modalBtns .restBtn {
    background-color: #417758;
    border-color: #417758;
}

.alertModalBox .modalBtns .deleteBtn,
.alertModal .modalBtns .deleteBtn {
    background-color: #D9504D;
    color: #fff;
}


.labelEn {
    display: none;
}

.inputsLang {
    margin-top: 10px;
}

.addProduct {
    padding: 40px 0;
}

.addProduct h2 {
    font-size: 20px;
    font-family: var(--fontSemiBold);
    margin-bottom: 24px;
}

.addProduct .form-group {
    margin-bottom: 20px;
}

.addProduct .form-group:last-of-type {
    margin-bottom: 24px;
}

.addProduct label {
    font-size: 14px;
    font-family: var(--fontMedium);
    margin-bottom: 8px;
}

.addProduct .langSwitch {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.addProduct .langSwitch .langRadio {
    position: relative;
    width: 120px;
    height: 42px;
    padding: 14px 0;
}

.addProduct .langSwitch .langRadio label {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-family: var(--fontMedium);
    background-color: #fff;
    border: 1px solid #EBEBEB;
    color: rgb(23, 26, 28, 0.6);
    text-align: center;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.addProduct .langSwitch .langRadio.active label,
.addProduct .langSwitch .langRadio input:checked+label {
    background-color: #F3F0EC;
    border-color: #F3F0EC;
    color: #3F4347;
}

.ordersTabs .nav {
    gap: 24px;
    padding: 40px 0 18px;
    border-bottom: 0.8px solid rgb(23, 26, 28, 0.10);
}

.ordersTabs .nav .nav-link {
    background-color: #FFFFFF;
    border: 1px solid #EBEBEB;
    padding: 15px 35px;
    font-size: 14px;
    font-family: var(--fontMedium);
    color: #656767;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.ordersTabs .nav .nav-link.active {
    background-color: var(--mainColor);
    color: #fff;
    border-radius: var(--mainColor);
    -webkit-border-radius: var(--mainColor);
    -moz-border-radius: var(--mainColor);
    -ms-border-radius: var(--mainColor);
    -o-border-radius: var(--mainColor);
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.orderPage .orderStatus .status .orderStatusItem,
.orderPage .orderStatus .status,
.orderPage .orderStatus {
    display: flex;
    align-items: center;
    gap: 24px;
}

.orderPage .orderStatus {
    padding: 45px 0 5px;
    justify-content: space-between;
}

.orderPage .TitleStatusOrder {
    display: flex;
    align-items: center;
    gap: 24px;
}

.orderPage .orderStatus .status {
    gap: 40px;
}

.orderPage .orderStatus h2 {
    font-size: 20px;
    font-family: var(--fontSemiBold);
    color: #3F4347;
    margin: 0;
    white-space: nowrap;
}

.orderPage .orderStatus .status .orderStatusItem {
    gap: 10px;
}

.orderPage .orderStatus .status .orderStatusItem h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    color: rgb(23, 26, 28, 0.6);
    white-space: nowrap;
}

.orderPage .orderStatus .status .orderStatusItem.active h3 {
    color: var(--mainColor);
}

.orderPage .orderStatus .status .orderStatusItem.active .svgWait,
.orderPage .orderStatus .status .orderStatusItem .svgActive {
    display: none;
}

.orderPage .orderStatus .status .orderStatusItem .svgWait,
.orderPage .orderStatus .status .orderStatusItem.active .svgActive {
    display: block;
}

.orderPage .orderStatus .status .orderStatusItem.pendingActive .svgWait circle:first-of-type {
    fill: var(--mainColor);
}

.orderPage .orderStatus .ChangeStatusOrderBtn {
    display: flex;
    align-items: center;
    gap: 16px;
}

.orderPage .orderStatus .ChangeStatusOrderBtn button {
    width: 150px;
    height: 45px;
    font-size: 14px;
    font-family: var(--fontSemiBold);
    padding: 14px 24px;
}

.orderPage .orderStatus .ChangeStatusOrderBtn button.sentOffer {
    background-color: #417758;
    border-color: #417758;
}

.rejectpriceOfferModal button,
.orderPage .orderStatus .ChangeStatusOrderBtn button.rejectOffer {
    background-color: #D9504D;
}

.rejectpriceOfferModal .modalTile h3 {
    color: #D9504D;
}

.blockModal .modalContent {
    text-align: right;
}

.blockModal .modalContent label {
    margin-bottom: 10px;
}

.orderInfo {
    padding-top: 24px;
}

.orderInfo .orderInfoItem {
    margin-bottom: 24px;
}

.orderInfo .orderInfoItem.mainCard {
    padding: 0;
    overflow: hidden;
}

.orderInfo .InfoTitle {
    background-color: #E7E6E4;
    padding: 22px 24px;
}

.orderInfo.TopDiv .orderInfoItem {
    height: 100%;
}

.orderInfo.TopDiv .InfoTitle {
    background-color: #FEFBFB;
    border-bottom: 1px solid #EBEBEB;
}

.orderInfo.TopDiv .infoContent p {
    color: rgb(23, 26, 28, 0.6);
    font-size: 12px;
    font-family: var(--fontRegular);
    line-height: 160%;
}

.orderInfo .infoContent {
    padding: 24px;
}

.orderInfo .infoContent ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px
}

.orderInfo .customerInfo {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    justify-content: space-between;
}

.orderInfo .customerInfo .userImgInfo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.orderInfo .customerInfo .customerContactIfno {
    display: flex;
    align-items: center;
    gap: 16px
}

.orderInfo .customerInfo .customerContactIfno a {
    display: block;
    width: auto;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.orderInfo .customerInfo .customerContactIfno a,
.orderInfo .customerInfo .customerContactIfno button {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    background-color: #fff;
    border: 1px solid #EBEBEB;
    color: #417758;
    padding: 10px;

}

.orderInfo .customerInfo .customerContactIfno button {
    width: 50px;
    height: 50px;
}

.orderInfo .customerInfo img:not(.leaves) {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.orderInfo .infoContent ul li:not(:last-of-type) {
    margin-bottom: 16px;
}

.orderInfo .InfoTitle h3 {
    font-size: 16px;
    font-family: var(--fontSemiBold);
    margin-bottom: 0;
}

.chatContainer {
    width: 393px;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    padding: 0;
}

.chatHeader {
    background: #c76a4f;
    color: #fff;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.clientInfo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.clientInfo>div {
    text-align: right;
}

.clientInfo>div h3 {
    font-size: 14px;
    font-weight: var(--fontRegular);
    color: #E4E3E2;
}

.clientInfo>div span {
    font-size: 16px;
    color: #fff;
    font-family: var(--fontMedium);
}

.msg .avatar {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
}

.chatHeader .avatar {
    width: 53px !important;
    height: 53px !important;
    border: 1px solid #fff !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
}

.chatHeader .buttonHeaderChat a,
.chatHeader .closeModal {
    border: none;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 24px;
    color: white;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.soicalDiv{
    margin: 28px 0  0;
}
.soicalDiv p{
    font-size: 14px;
    margin-bottom: 16px;
    text-align: center;
}
.socialHelp{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}
.socialHelp a{
    background-color: rgba(247, 232, 228, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.socialHelp img{
    width: 22px;
    height: 22px;
    margin-bottom: 0;
}
.buttonHeaderChat .buttonHeaderChat {
    position: absolute;
    top: 10px;
    left: 10px;
    right: unset;
}

.chatBody {
    flex: 1;
    padding: 15px;
    background: #f9f9f9;
    min-height: 250px;
    max-height: 400px;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 34px;
    gap: 8px;
}

.msg .avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.msg .bubble {
    padding: 10px 15px;
    border-radius: 12px;
    max-width: 70%;
    font-size: 14px;
    word-wrap: break-word;
}

.msg.sent {
    justify-content: flex-end;
}

.msg.sent .bubble {
    background: #eee;
    color: #090303;
    border-top-right-radius: 0;
}

.msg {
    position: relative;
}

.msg.sent .time,
.msg.received .time {
    position: absolute;
    right: 50px;
    bottom: -25px;
}

.msg.sent .time {
    right: unset;
    left: 50px;
}

.msg.received .bubble {
    background: #c76a4f;
    color: #fff;
    border-top-right-radius: 0;
}

.time {
    font-size: 11px;
    color: #999;
    margin: 0 8px;
}

.chatFooter {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px;
    background: #fff;
    border-top: 1px solid #ddd;
}

#msgInput {
    flex: 1;
    border: none;
    background: #f1f1f1;
    padding: 10px;
    border-radius: 20px;
}

.cencelledTitle {
    color: #D9504D !important;
}

.cencelledTitleStatusOrder {
    gap: 8px !important;
}

.reports .cardImg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.reports .cardImg img {
    width: 116px;
    height: 116px;
}

.reports .cardImg>div {
    display: flex;
    align-items: center;
    gap: 30px;
}

.reports .chartCard .profits li.total {
    padding-top: 20px;
}

.reports .cardImg p {
    font-family: var(--fontRegular);
    font-size: 14px;
    color: #474848;
    margin-bottom: 0;
}

.reports .cardImg p.customP {
    font-size: 20px;
}

.reports .cardImg button {
    width: fit-content;
    white-space: nowrap;
    padding: 10px 15px;
    height: 40px;
}

#msgInput:focus {
    outline: none;
}

#sendBtn {
    background: #c76a4f;
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 18px;
    cursor: pointer;
    line-height: 43px;
}

.uploadBtn {
    font-size: 20px;
    cursor: pointer;
}

.chatImage {
    width: 150px;
    border-radius: 10px;
    margin-top: 5px;
}

/* مؤشر الكتابة (النقاط المتحركة) */
.typing {
    display: flex;
    align-items: center;
    gap: 5px;
}

.typing .dot {
    width: 8px;
    height: 8px;
    background: #aaa;
    border-radius: 50%;
    animation: blink 1.4s infinite both;
}

.typing .dot:nth-child(2) {
    animation-delay: 0.2s;
}

.typing .dot:nth-child(3) {
    animation-delay: 0.4s;
}

.rateList .rateItem {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: start;
    padding: 22px 12px;
}

.rateList .rateItem .rateImgText {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rateList .rateItem .rateImgText img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.rateList .rateItem .rateImgText .rateText {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rateList .rateItem .rateImgText .rateText h3 {
    color: #474747;
    font-size: 12px;
    margin-bottom: 0;
    font-family: var(--fontMedium);
}

.rateInfo ul,
.rateList .rateItem .rateImgText .rateText ul {
    display: flex;
    align-items: center;
    gap: 3px;
}

.rateInfo {
    padding: 46px 24px;
}

.rateInfo ul {
    justify-content: center;
}

.rateInfo h2 {
    font-size: 50px;
    font-weight: var(--fontSemiBold);
    color: #284936;
    margin-bottom: 2px;
}

.rateInfo .tatolRate {
    font-size: 12px;
    font-family: var(--fontRegular);
    color: rgb(23, 26, 28, 0.6);
    margin-top: 20px;
}

.rateList .rateItem:not(:last-of-type) {
    border-bottom: 0.5px solid #E0E0E0;
}

.rateList .rateItem .rateImgText .rateText ul li {
    line-height: 11px;
}

.rateInfo ul li.gold svg:first-of-type,
.rateInfo ul li svg:last-of-type,
.rateList .rateItem .rateImgText .rateText ul li.gold svg:first-of-type,
.rateList .rateItem .rateImgText .rateText ul li svg:last-of-type {
    display: none;
}

.rateInfo ul li.gold svg:last-of-type,
.rateList .rateItem .rateImgText .rateText ul li.gold svg:last-of-type {
    display: block;
}

.rateList .rateItem .rateImgText .rateText p {
    color: rgba(0, 0, 0, 0.5);
    font-size: 10px;
    margin-bottom: 0;
    font-family: var(--fontRegular);
}

.rateList .rateItem .rateTime {
    color: #B3B3B3;
    font-size: 10px;
    font-family: var(--fontRegular);
}

.actionsBtn .editTable {
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
}

.openAside {
    right: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.showMobile {
    display: none;
}


.hideMoblie {
    display: block;
}

@keyframes blink {
    0% {
        opacity: 0.2;
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(-3px);
    }

    100% {
        opacity: 0.2;
        transform: translateY(0);
    }
}

@media(max-width:1730px) {
    .orderPage .orderStatus .ChangeStatusOrderBtn {
        flex-direction: column;
    }
}

@media(max-width:1600px) {
    .orderPage .orderStatus .status {
        gap: 15px;
    }
}

@media(max-width:1436px) {
    .orderPage .orderStatus {
        flex-direction: column;
        align-items: start;
    }

    .orderPage .orderStatus .ChangeStatusOrderBtn {
        flex-direction: row;
    }

    .contactInfo img {
        height: 150px;
    }
}

@media(max-width:1280px) {
    .orderPage .TitleStatusOrder {
        align-items: start;
        flex-direction: column;
    }

    .orderPage .orderStatus .status {
        flex-wrap: wrap;
    }
}

@media(max-width:1200px) {
    .contactInfo {
        margin-top: 30px;
    }

    .orderInfo .customerInfo {
        margin-bottom: 24px;
    }

    .statiscticCardsList .statisticCard {
        margin-bottom: 30px;
    }

    .chartCard {
        margin-bottom: 30px;
    }
}

@media(max-width:992px) {
    .showMobile {
        display: block;
    }

    .hideMoblie {
        display: none;
    }

    header ul li .profile {
        padding: 5px;
    }

    .mainCard.chartCard {
        height: auto;
    }

    .productSection .titleSlider h3 {
        font-size: 14px;
    }

    header ul li .translate svg {
        display: none;
    }

    header ul li .profile h3,
    header ul li .profile svg {
        display: none;
    }

    .orderInfo .customerInfo {
        margin-bottom: 24px;
    }

    aside {
        position: fixed;
        top: 0;
        z-index: 999;
        right: -320px;
        border-radius: 10px 0 0 10px;
        padding: 20px;
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }

    aside ul>li button.accordion-button,
    aside ul>li>a {
        height: 45px;
    }

    aside ul>li:not(:last-of-type) {
        margin-bottom: 15px;
    }

    main {
        width: 100%;
        min-height: 100vh;
    }

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

@media(max-width:767px) {
    .ordersTabs .nav .nav-link {
        padding: 10px 15px;
    }

    .ordersTabs .nav {
        gap: 10px;
    }

    .tab-content .loginDiv {
        padding: 20px;
    }

    main header>ul {
        display: flex;
        align-items: center;
        gap: 8px;
    }
}

@media(max-width:691px) {

    .blockModal,
    .alertModalBox,
    .alertModal,
    .verificationModal {
        max-width: 80%;
    }

    .verificationModal .codeInputs input {
        width: 60px;
        height: 60px;
    }

    .blockModal .modalContent img {
        width: 200px;
    }
}

@media(max-width:600px) {

    .loginDiv,
    .signBg .loginDiv {
        padding: 40px;
        width: 90%;
    }

    .loginDiv img,
    .signBg .loginDiv img {
        height: 150px;
    }

    .ordersTabs .loginDiv,
    .ordersTabs .signBg .loginDiv {
        width: 100%;
    }

    .mainCard.switcherDiv {
        padding: 15px;
    }

    .mainBtn.deleteAccountBtn {
        width: 40px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }

    .deleteAcount {
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }

    .mainBtn.deleteAccountBtn span {
        display: none;
    }

    .blockModal,
    .alertModalBox,
    .alertModal,
    .verificationModal {
        width: 97%;
    }

    #mapModal #map {
        height: 250px !important;
    }

    .rateList .rateItem {
        position: relative;
        padding-bottom: 50px;
    }

    .rateList .rateItem .rateTime {
        position: absolute;
        bottom: 22px;
        left: 12px;
    }
}

@media(max-width:494px) {
    .notifDrop {
        width: 273px;
        padding: 0 10px 15px;
        left: 100%;
    }

    .notifDrop ul li {
        padding: 10px;
    }

    .orderPage .orderStatus .ChangeStatusOrderBtn {
        flex-wrap: wrap;
    }

    .profile {
        display: none;
    }

    .verificationModal .codeInputs input {
        width: 40px;
        border-radius: 5px;
        height: 40px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .alertModalBox,
    .alertModal {
        width: 96%;
    }

    .alertModalBox button,
    .alertModal button {
        flex: unset;
        width: fit-content;
    }

    aside {
        max-width: 250px;
        min-width: 250px;
    }
}

@media(max-width:415px) {
    .contactInfo .contactList li {
        padding: 10px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

    .contactInfo .contactList li .contactIconText,
    .contactInfo .contactList li {
        flex-direction: column;
    }
}

.productsTable .pagination {
    display:flex; align-items:center; justify-content:center; gap:16px;
}

.productsTable .pagination .pageNumbers {
    display:flex; align-items:center; gap:5px; padding:0 5px;
}

.productsTable .pagination .pagination-btn,
.productsTable .pagination .page-number {
    border:1px solid #EBEBEB;
    background-color:#F5F5F5;
    width:40px; height:40px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    color:#AEA9A7; text-decoration:none; cursor:pointer;
}

.productsTable .pagination .page-number {
    background-color:#FDFCFC; border-color:#DEDEDE;
}

.productsTable .pagination .page-number.active {
    background-color:#284936; border-color:#284936; color:#FDFCFC;
}

.productsTable .pagination .pagination-btn.disabled {
    opacity:.5; pointer-events:none;
}

.mainBtnReset {
    height: 50px;
    background-color: rgb(217, 80, 77, 0.2);
    border: 1px solid var(--mainColor);
    font-family: var(--fontMedium);
    font-size: 16px;
    color: #D9504D;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    width: 100%;
}

.mainBtnApply {
    height: 50px;
    background-color: var(--mainColor);
    border: 1px solid var(--mainColor);
    font-family: var(--fontMedium);
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    width: 100%;
}

.filtersDropDown {
    padding: 16px;
    border-radius: 16px;
    -webkit-appearance:none; -moz-appearance:none; appearance:none;
    width:100%;
    height:56px;
    line-height:inherit;
    border:1px solid #DEDEDE;
    background:#FFFFFF;
    text-align:right;
    direction:rtl;
    transition:border-color .15s ease, box-shadow .15s ease;
}

.filtersDropDown::-ms-expand{ display:none; }

.filtersDropDown:focus{
    outline:0;
    border-color: var(--mainColor);
    box-shadow:0 0 0 3px rgba(40,73,54,.15);
}

.filtersDropDown:hover{
    border-color:#cfcfcf;
}

.filtersDropDown:disabled{
    background:#F7F7F7;
    color:var(--mainColor);
    cursor:not-allowed;
}

.filtersDropDown{
    background-image: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A7B6A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\
    <polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat:no-repeat;
    background-position: left 16px center;
    background-size:16px 16px;
}

.filtersDropDown--sm{
    height:44px;
    padding-left:44px;
    border-radius:16px;
}

[dir="ltr"] .filtersDropDown{
    text-align:left; direction:ltr;
    padding:0 48px 0 18px;
    background-position: right 16px center;
}

input.statusDiv[type="checkbox"]{
    accent-color: var(--mainColor);
    width:18px; height:18px;
}
input.statusDiv[type="checkbox"]:disabled{
    accent-color:#9ca3af;
}

.select2-container .select2-selection--single {
    height: 53px !important;
    text-align: right;
    border-radius: 16px !important;
    border: .5px solid #EBEBEB;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 53px !important;
    padding-left: 12px;
    padding-right: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}

.select2-dropdown {
    border-radius: 8px !important;
    overflow: hidden;
    border: 1px solid #ddd;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.select2-container--default .select2-results__option {
    padding: 10px 12px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 4px;
    padding: 8px;
    height: 36px;
}

.select2-container .select2-selection--multiple {
    min-height: 40px !important;
    border-radius: 8px !important;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 12px;
    padding-left: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(0, 0, 0, 0) transparent transparent transparent !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent rgba(0, 0, 0, 0) transparent !important;
}

.select2-container--default .select2-selection--single,
.select2-container .select2-selection--single {
    border: 0.4px solid #aaaaaa3b !important;
}

/*[dir=rtl] .iti--allow-dropdown .iti__flag-container,*/
/*[dir=rtl] .iti--separate-dial-code .iti__flag-container {*/
/*    right: auto !important;*/
/*    left: 0 !important;*/
/*}*/