:root {
    --primary-color: #B51313;
    --secondary-color: #0C3E52;
    --white-color: #FFFFFF;
    --error-color: #E61B42;
    --basic-200-color: #F7F9FC;
    --basic-300-color: #EDF1F7;
    --basic-600-color: #8F9BB3;
    --basic-700-color: #2E3A59;
    --basic-1000-color: black;
    --alert-color: #FFAA00;
}
.posion-w {
       position: fixed;
       bottom: 30px;
    /* top: 25px; */
    right:40px;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background-color: rgb(201 0 0);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 1px 6px #5f4f3b;
    transition: all 0.5s;
    z-index: 999;
}

body .posion-w img {
    height: 35px;
    width: 35px;
    -o-object-fit: contain;
    object-fit: contain;
    filter: invert(1);
}

body .posion-w .notify {
    position: absolute;
    top: -18px;
    right: -8px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #FF0000;
}

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

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

@font-face {
    font-family: 'Tajawal-Regular';
    src: url('fonts/Tajawal-Regular.ttf') format('truetype');
}
footer #contact-us .contact-us-item .contact-us-item-image
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    width: 100%;
    font-family: Tajawal-Regular, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 24px;
    background-color: var(--white-color);
    color: var(--basic-1000-color);
}

h1, h2, h3, h4, h5, h6 {
    font-family: Tajawal-Bold, sans-serif;
    margin: 0;
}

a {
    text-decoration: none;
    color: var(--basic-1000-color);
}

/*a:hover {*/
/*    color: var(--primary-color);*/
/*    transition: 300ms ease;*/
/*}*/

.font-tajawal-bold {
    font-family: Tajawal-Bold, sans-serif;
}

.font-tajawal-medium {
    font-family: Tajawal-Medium, sans-serif;
}

.font-tajawal-regular {
    font-family: Tajawal-Regular, sans-serif;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-15 {
    font-size: 15px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-17 {
    font-size: 17px !important;
}

.font-size-21 {
    font-size: 21px !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--basic-600-color);
    text-align: right;
    font-size: 15px;
    line-height: 20px;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--basic-600-color);
    text-align: right;
    font-size: 15px;
    line-height: 20px;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--basic-600-color);
    text-align: right;
    font-size: 15px;
    line-height: 20px;
}


/* header */
#header .top-offers-header {
    background: #FD3D00 0 0 no-repeat padding-box;
    color: var(--white-color);
    padding-right: 84px;
}

#header .top-offers-header .top-offer-item {
    height: 56px;
    border-radius: 0 100px 100px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header .top-offers-header .top-offer-1 {
    background: #921000 0 0 no-repeat padding-box;
    font-size: 20px;
    position: relative;
}

#header .top-offers-header .top-offer-1:after {
    content: '';
    width: 30px;
    height: 56px;
    background: #FD3D00 0 0 no-repeat padding-box;
    border-radius: 0 100px 100px 0;
    position: absolute;
    top: 0;
    left: 0;
}

#header .top-offers-header .top-offer-2 {
    font-size: 26px;
}

#header .top-offers-header .top-offer-3 {
    background: #FF7A64 0 0 no-repeat padding-box;
}


#header .top-header {
    border-bottom: 1px solid #DEE3EA;
    font-size: 12px;
    line-height: 12px;
    padding: 12px 0;
}

#header .top-header a {
    display: inline-flex;
    align-items: center;
    color: var(--basic-700-color);
}

#header .top-header a:hover, #header .top-header a:hover i {
    color: var(--primary-color);
    transition: 300ms ease;
}

#header .top-header a i {
    font-size: 12px;
    color: var(--basic-600-color);
}

#header .top-header .custom-divider {
    border-right: 1px solid #DEE3EA;
    margin: 0 14px;
}

#header .top-header .dropdown .lang-icon {
    width: 20px;
    height: 14px;
    object-fit: cover;
}


#header .middle-header {
    padding: 25px 0;
}

#header .middle-header .middle-header-logo {
    height: 60px;
    object-fit: cover;
}

#header .middle-header .fa-magnifying-glass {
    background-color: var(--basic-1000-color);
    color: var(--white-color);
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 30px;
}

#header .middle-header .main-search-form .input-group,
#mainSearchModal .modal-body .main-search-form .input-group {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #DEE3EA;
    border-radius: 5px;
    height: 40px;
}

#header .middle-header .main-search-form .input-group:focus-within,
#mainSearchModal .modal-body .main-search-form .input-group:focus-within {
    border: 1px solid var(--primary-color);
    transition: 300ms ease;
}

#header .middle-header .main-search-form .input-group input[type='text'],
#mainSearchModal .modal-body .main-search-form .input-group input[type='text'] {
    border: 1px solid transparent;
    height: 39px;
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    line-height: 20px;
    color: #404553;
}

#header .middle-header .main-search-form .input-group .dropdown .btn-search-sections,
#mainSearchModal .modal-body .main-search-form .input-group .dropdown .btn-search-sections,
.btn-search-sections:hover,
.btn-search-sections:active,
.btn-search-sections:focus,
.btn-search-sections:focus-visible,
.btn-search-sections.show {
    border: 1px solid transparent;
    font-size: 15px;
    font-family: Tajawal-Regular, sans-serif;
    line-height: 20px;
    color: var(--basic-700-color);
    height: 40px;
}

#header .middle-header .main-search-form .input-group .dropdown .dropdown-item.active,
#mainSearchModal .modal-body .main-search-form .input-group .dropdown .dropdown-item.active,
.dropdown-item:active {
    color: var(--white-color);
    background-color: var(--primary-color);
}

#header .middle-header .main-search-form .input-group .search-action button,
#mainSearchModal .modal-body .main-search-form .input-group .search-action button {
    background:#b51313 0 0 no-repeat padding-box;
    color: var(--white-color);
    border: 1px solid var(--primary-color);
    border-radius: 5px 0 0 5px;
    font-size: 15px;
    font-family: Tajawal-Regular, sans-serif;
    line-height: 20px;
    padding: 0 28px;
    margin-top: -1px;
    height: 40px;
    border: none ;
}

#header .middle-header .main-search-results,
#mainSearchModal .modal-body .main-search-results {
    background: var(--white-color) 0 0 no-repeat padding-box;
    box-shadow: 0 0 6px #00000029;
    border-radius: 5px;
    margin-top: 14px;
    padding: 16px 21px 12px 21px;
    position: absolute;
    z-index: 9;
    width: 100%;
}

#header .middle-header .main-search-results:before,
#mainSearchModal .modal-body .main-search-results:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 9%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: var(--white-color);
}

#header .middle-header .main-search-results .result-unit,
#mainSearchModal .modal-body .main-search-results .result-unit {
    border-bottom: 1px solid #E4E9F2;
    padding: 8px 0;
    text-align: start;
}

#header .middle-header .main-search-results img,
#mainSearchModal .modal-body .main-search-results img {
    width: 55px;
    height: 55px;
    object-fit: contain;
    margin-bottom: 0;
}

#header .middle-header .main-search-results .title,
#mainSearchModal .modal-body .main-search-results .title {
    display: block;
    font-family: Tajawal-Medium, sans-serif;
    color: var(--basic-700-color);
}

#header .middle-header .main-search-results .price,
#mainSearchModal .modal-body .main-search-results .price {
    color: var(--primary-color);
    font-family: Tajawal-Bold, sans-serif;
}

#header .middle-header .main-search-results .currency,
#mainSearchModal .modal-body .main-search-results .currency {
    color: var(--primary-color);
}

#header .middle-header .middle-header-link1 {
    color: var(--basic-700-color);
    font-size: 12px;
    font-family: Tajawal-Regular, sans-serif;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
}

#header .middle-header .middle-header-link1:hover {
    color: var(--primary-color);
    transition: 300ms ease;
}

#header .middle-header .middle-header-link1 div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    color: var(--basic-600-color);
    border: 1px solid var(--basic-300-color);
    border-radius: 100px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

#header .middle-header .middle-header-link1 div .badge-count {
    position: absolute;
    top: -3px;
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #DB2C66 0 0 no-repeat padding-box;
}

#header .middle-header .middle-header-link1:hover div, #header .middle-header .middle-header-link1 div.active {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    border: 1px solid var(--primary-color);
    transition: 300ms ease;
}

#header .middle-header .middle-header-my-account {
    padding-left: 50px;
}

#header .middle-header .middle-header-my-account .welcome {
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: -3px;
}

#header .middle-header .middle-header-my-account .title {
    font-family: Tajawal-Medium, sans-serif;
    line-height: 20px;
    position: absolute;
    top: 10px;
}

#header .middle-header .middle-header-my-account .dropdown-toggle::after {
    position: absolute;
    top: 60%;
    right: 95%;
}

#header .middle-header .middle-header-my-account .dropdown-menu {
    background: var(--white-color) 0 0 no-repeat padding-box;
    box-shadow: 0 0 6px #00000029;
    border-radius: 5px;
    border: none;
}

#header .middle-header .middle-header-my-account .dropdown-menu:before {
    content: '';
    position: absolute;
    top: -10px;
    right: 7%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: var(--white-color);
}

#header .middle-header .middle-header-my-account .dropdown-item {
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    color: #242424;
}

#header .middle-header .middle-header-my-account .dropdown-item:focus,
#header .middle-header .middle-header-my-account .dropdown-item:active,
#header .middle-header .middle-header-my-account .dropdown-item.active {
    color: var(--white-color);
    background-color: var(--primary-color);
    transition: 300ms ease;
}

#header .middle-header .middle-header-my-account .dropdown-menu li hr {
    color: #E8E8E8;
    margin: 10px auto;
    width: 80%;
}

#header .middle-header .middle-header-my-account .dropdown-item.logout-link {
    color: var(--error-color);
}

#header .middle-header .middle-header-link1 .cart-span small {
    font-size: 10px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 20px;
    color: var(--primary-color);
}


#header .bottom-header {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    background: black !important;
}

#header .bottom-header .navbar {
    padding: 8px 0 0 0;
}

#header .bottom-header .navbar-nav {
    width: 100%;
}

#header .bottom-header .navbar-nav .nav-item .nav-link {
    color: var(--white-color);
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 24px;
    margin: 0 12px;
    padding-right: 0;
    padding-left: 0;
    border-bottom: 2px solid transparent;
}

#header .bottom-header .navbar-nav .nav-item .nav-link:hover {
    border-bottom: 2px solid var(--white-color);
    transition: 300ms ease;
}

#header .bottom-header .navbar-nav .nav-item .nav-link.all-sections-main-link {
    font-size: 15px;
    font-family: Tajawal-Regular, sans-serif;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
    background: black 0 0 no-repeat padding-box;
    border-radius: 5px 5px 0 0;
    padding: 12px 16px;
    min-width: 220px;
    margin: 0;
    border-bottom: none;
}

#header .bottom-header .navbar-nav .nav-item .nav-link.all-sections-main-link i {
    font-size: 18px;
}

#header .bottom-header .navbar-nav .nav-item .nav-link.all-sections-main-link:after {
    position: absolute;
    left: 16px;
}

#header .bottom-header .navbar-nav .nav-item .discounts-badge {
    position: absolute;
    top: -24px;
    right: -8px;
    background: black 0 0 no-repeat padding-box;
    color: var(--white-color);
    border-radius: 2px;
    font-size: 10px;
    line-height: 10px;
    padding: 3px 6px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

#header .bottom-header .navbar-nav .nav-item .discounts-badge:before {
    content: '';
    position: absolute;
    bottom: -16px;
    left: 6px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: white;
}

#header .bottom-header .navbar-nav .nav-item .dropdown-menu {
    margin-top: 0;
}

#header .bottom-header .navbar-nav .nav-item .all-sections-main-dropdown-menu {
    background: var(--basic-200-color) 0 0 no-repeat padding-box;
    border-radius: 0 0 10px 0;
    padding: 10px 0 25px 0;
    width: -webkit-fill-available;
    box-shadow: 0 3px 6px #00000029;
    border: 1px solid var(--basic-200-color);
}

#header .bottom-header .navbar-nav .nav-item .all-sections-main-dropdown-menu .dropdown-item {
    color: #242424;
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 36px;
    padding: 0 15px;
    border-right: 2px solid transparent;
}

#header .bottom-header .navbar-nav .nav-item .all-sections-main-dropdown-menu .dropdown-item:focus,
#header .bottom-header .navbar-nav .nav-item .all-sections-main-dropdown-menu .dropdown-item:hover,
#header .bottom-header .navbar-nav .nav-item .all-sections-main-dropdown-menu .dropdown-item:active {
    background: var(--white-color) 0 0 no-repeat padding-box;
    color: var(--primary-color) !important;
    border-right: 2px solid var(--primary-color) !important;
    transition: 300ms ease;
}

#header .bottom-header .navbar-nav .nav-item .all-sections-main-dropdown-menu .has-submenu .megasubmenu {
    background: var(--white-color) 0 0 no-repeat padding-box;
    box-shadow: -4px 3px 6px #00000029;
    border-radius: 0 0 0 10px;
    border: 1px solid var(--white-color);
    padding: 0;
}

#header .bottom-header .navbar-nav .nav-item .all-sections-main-dropdown-menu .has-submenu .megasubmenu h6 {
    font-size: 14px;
    line-height: 48px;
    color: #242424;
    border-bottom: 1px solid #E8E8E8;
    padding: 7px 7px 0 7px;
}

#header .bottom-header .navbar-nav .nav-item .all-sections-main-dropdown-menu .has-submenu .megasubmenu .other-links {
    padding: 0 7px;
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    line-height: 36px;
}

#header .bottom-header .navbar-nav .nav-item .all-sections-main-dropdown-menu .has-submenu .megasubmenu .other-links p {
    font-size: 14px;
    line-height: 48px;
    color: #242424;
    font-family: Tajawal-Medium, sans-serif;
    margin: 0;
}

#header .bottom-header .navbar-nav .nav-item .all-sections-main-dropdown-menu .has-submenu .megasubmenu .other-links ul li a {
    color: #242424B3;
}

#header .bottom-header .navbar-nav .nav-item .all-sections-main-dropdown-menu .has-submenu .megasubmenu .other-links ul li a:hover {
    color: #242424;
    transition: 300ms ease;
}

#header .bottom-header .navbar-nav .nav-item .sub-dropdown-menu {
    background: var(--white-color) 0 0 no-repeat padding-box;
    box-shadow: 0 2px 6px #00000029;
    border-radius: 0 0 10px 10px;
    border: 1px solid transparent;
    min-width: 200px;
    padding: 15px 0;
}

#header .bottom-header .navbar-nav .nav-item .sub-dropdown-menu .dropdown-item {
    color: #242424;
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    line-height: 38px;
    padding: 0 15px;
}

#header .bottom-header .navbar-nav .nav-item .sub-dropdown-menu:before {
    content: '';
    position: absolute;
    top: -15px;
    right: 15%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: var(--white-color);
}

#header .bottom-header .navbar-nav .nav-item .sub-dropdown-menu .dropdown-item:focus,
#header .bottom-header .navbar-nav .nav-item .sub-dropdown-menu .dropdown-item:hover,
#header .bottom-header .navbar-nav .nav-item .sub-dropdown-menu .dropdown-item:active {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: var(--white-color) !important;
    transition: 300ms ease;
}




#breadcrumb nav .breadcrumb {
    margin: 0;
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    line-height: 46px;
    padding: 5px 0;
}

#breadcrumb nav .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: '\f100';
    font-family: "FontAwesome", sans-serif;
    color: #242424;
}

#breadcrumb nav .breadcrumb .breadcrumb-item a {
    color: #242424;
}

#breadcrumb nav .breadcrumb .breadcrumb-item.active a, #breadcrumb nav .breadcrumb .breadcrumb-item a:hover {
    color: var(--primary-color);
    transition: 300ms ease;
}


.btn-shopping-now {
    background: var(--white-color) 0 0 no-repeat padding-box;
    color: #FD3D00;
    border: 1px solid var(--white-color);
    border-radius: 24px;
    font-size: 14px;
    font-family: Tajawal-Bold, sans-serif;
    height: 38px;
    line-height: 38px;
    padding: 0 30px;
}

.btn-shopping-now:hover {
    background: #FD3D00 0 0 no-repeat padding-box;
    color: var(--white-color);
    transition: 300ms ease;
}

/* end of header */


/* footer */
footer {
    background-repeat: no-repeat;
    background-size: cover;
    background-color:black;
    color: var(--white-color);
}

footer .footer-logo {
    object-fit: contain;
height:90px !important;
    
}

footer #contact-us {
    padding: 38px 0;
}

footer #contact-us h5 {
    font-size: 21px;
    color: white;
    margin-bottom: 10px;
}

footer #contact-us .contact-us-item .contact-us-item-image {
    background: #b51313 0 0 no-repeat padding-box ;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer #contact-us .contact-us-item .contact-us-item-title {
    color:black;
    color: white;
    display: block;
    font-family: Tajawal-Medium, sans-serif;
    color: black ;
    font-weight: bold;
}

footer #contact-us .contact-us-item .contact-us-item-value {
    color: var(--white-color);
    font-size: 17px;
    line-height: 20px;
}

footer #contact-us .contact-us-item .contact-us-item-value:hover {
    color: #A4CDDF;
    transition: 300ms ease;
}

footer #footer {
    background-repeat: no-repeat;
    background-position: 25px 64px;
    background-color:black;
    padding: 0px 0 37px 0;
}



footer #footer .footer-desc {
    font-size: 12px;
    display: inline-block;
    margin: 30px 0 21px 0;
    padding-left: 25%;
}

footer #footer h6 {
    font-size: 15px;
    margin-bottom: 17px;
}

footer #footer ul a .follow-us-item {
       background: #b51313 0 0 no-repeat padding-box !important;
    color: #fff;
    border: 1px solid #164558;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 20px;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    text-align: center;
    line-height: 37px;

}

footer #footer ul a:hover .follow-us-item {
    color: #0EB1F8;
    border: 1px solid #0EB1F8;
    transition: 300ms ease;
}

footer #footer .footer-menu-title {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 20px;
}

footer #footer .footer-menu-ul li a {
    font-size: 12px;
    line-height: 31px;
    color: #D8D8D8;
}

footer #footer .footer-menu-ul li a:before {
    content: '\f104';
    font-family: "FontAwesome", sans-serif;
    margin-left: 10px;
}

footer #footer .footer-menu-ul li a:hover {
    color: var(--white-color);
    transition: 300ms ease;
}

footer #footer .rss-div .rss-desc {
    line-height: 18px;
    color: #D8D8D8;
    margin-bottom: 27px;
    padding-left: 20%;
}

footer #footer .rss-div .rss-input {
    height: 45px;
    background: var(--white-color) 0 0 no-repeat padding-box;
    border-radius: 0 23px 23px 0;
    border: 1px solid var(--white-color);
}

footer #footer .rss-div .rss-input:focus {
    outline: none;
    box-shadow: none;
    transition: 300ms ease;
}

footer #footer .rss-div .rss-button {
    height: 45px;
    background: #b51313 0 0 no-repeat padding-box;
    color: var(--white-color);
    border-radius: 23px 0 0 23px;
    border: 1px solid var(--primary-color);
    box-shadow: 0 1px 4px #002C4E75;
    font-family: Tajawal-Bold, sans-serif;
    padding: 0 25px;
}

footer #footer .rss-div .rss-button:hover {
    color: #0EB1F8;
    border: 1px solid #0EB1F8;
    box-shadow: none;
    transition: 300ms ease;
}

footer #copy-rights {
    padding: 14px 0;
}

/* end of footer */


/* main page */
.btn-primary-color {
    background:black 0 0 no-repeat padding-box;
    color: var(--white-color);
    box-shadow: 0 3px 6px #0000000F;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;

}

.btn-primary-color:hover {
    background: var(--white-color) 0 0 no-repeat padding-box;
    color: var(--primary-color);
    transition: 300ms ease;
}

.btn-primary-color:disabled {
    background: #8AA8B5 0 0 no-repeat padding-box;
    color: var(--white-color);
    border: 1px solid #8AA8B5;
}


.btn-outline-primary-color {
    background: var(--white-color) 0 0 no-repeat padding-box;
    color: var(--primary-color);
    box-shadow: 0 3px 6px #0000000F;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
}

.btn-outline-primary-color:hover {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    transition: 300ms ease;
}


.btn-outline-secondary-color {
    background: var(--white-color) 0 0 no-repeat padding-box;
    color: var(--secondary-color);
    box-shadow: 0 3px 6px #0000000F;
    border: 1px solid var(--secondary-color);
    border-radius: 5px;
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
}

.btn-outline-secondary-color:hover {
    background: var(--secondary-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    transition: 300ms ease;
}


/* advantages */
#main-content {
    background: var(--basic-200-color) 0 0 no-repeat padding-box;
}

#advantages {
    padding-top: 40px;
}

#advantages .advantage-item {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border-radius: 200px;
    padding: 15px;
}

#advantages .advantage-item img {
    width: 65px;
    height: 65px;
    object-fit: contain;
}

#advantages .advantage-item p {
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 18px;
    color: #000;
    margin-bottom: 5px;
}

#advantages .advantage-item span {
    font-size: 12px;
    font-family: Tajawal-Regular, sans-serif;
    line-height: 20px;
    color: #8D8D8D;
}


/* top-items */
#top-items {
    margin-top: 60px;
}

#top-items .top-items-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border-radius: 20px;
    padding: 15px 5px 25px 15px;
}

#top-items .top-items-div .top-items-menu li {
    font-family: Tajawal-Medium, sans-serif;
    color: #242424;
    padding: 6px 14px;
}

#top-items .top-items-div .top-items-menu li:hover,
#top-items .top-items-div .top-items-menu li.active {
    background: var(--basic-200-color) 0 0 no-repeat padding-box;
    color: var(--primary-color);
    border-radius: 10px;
    transition: 300ms ease;
}

#top-items .top-items-div .top-items-menu li a {
    display: block;
}

#top-items .top-items-div .top-items-menu li img {
    width: 20px;
    object-fit: contain;
}

#top-items .top-items-div .top-items-item {
    position: relative;
}

#top-items .top-items-div .top-items-item img {
    width: 100%;
    height: 385px;
    object-fit: cover;
    border-radius: 25px;
    background: #E6F6FE 0 0 no-repeat padding-box;
}

#top-items .top-items-div .top-items-big-item .btn-outline-primary-color {
    position: absolute;
    bottom: 60px;
    right: 20px;
    background: #E6F6FE 0 0 no-repeat padding-box;
    border: 2px solid var(--primary-color);
    border-radius: 24px;
    height: 48px;
    line-height: 48px;
    font-family: Tajawal-Bold, sans-serif;
    padding: 0 30px;
}

#top-items .top-items-div .top-items-big-item .btn-outline-primary-color:hover {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    transition: 300ms ease;
}

#top-items .top-items-div .top-items-small-item .btn-primary-color {
    position: absolute;
    bottom: 25px;
    right: 35px;
    border: 2px solid var(--primary-color);
    border-radius: 24px;
    height: 48px;
    line-height: 48px;
    font-family: Tajawal-Bold, sans-serif;
    padding: 0 30px;
}

#top-items .top-items-div .top-items-small-item .btn-primary-color:hover {
    background: #E6F6FE 0 0 no-repeat padding-box;
    color: var(--primary-color);
    transition: 300ms ease;
}


/* bottom items */
#bottom-items {
    margin-top: 30px;
}

#bottom-items .bottom-items-div {
    padding: 25px;
    border-radius: 25px;
}

#bottom-items .bottom-items-div.bottom-items-div1 {
    background: #F8E4D4 0 0 no-repeat padding-box;
    border: 1px solid #EEF1F6;
}

#bottom-items .bottom-items-div.bottom-items-div2 {
    background: #FFF2D9 0 0 no-repeat padding-box;
}

#bottom-items .bottom-items-div.bottom-items-div3 {
    background: #FAE7E6 0 0 no-repeat padding-box;
}

#bottom-items .bottom-items-div p {
    font-size: 16px;
    line-height: 54px;
    color: var(--primary-color);
    margin-bottom: 0;
}

#bottom-items .bottom-items-div h6 {
    font-size: 26px;
    line-height: 44px;
    color: #222B45;
}

#bottom-items .bottom-items-div img {
    height: 120px;
    object-fit: contain;
}


/* section categories */
#section-categories {
    margin-top: 38px;
}

#section-categories h5 {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 14px;
    position: relative;
}

#section-categories h5:after {
    content: '';
    width: 60px;
    height: 5px;
    background: var(--primary-color) 0 0 no-repeat padding-box;
    position: absolute;
    bottom: -3px;
    right: 0;
}

#section-categories h5 a {
    font-size: 15px;
    font-family: Tajawal-Regular, sans-serif;
    float: left;
}

#section-categories .section-categories-div .colored-div {
    background: #77A5D7 0 0 no-repeat padding-box;
    border-radius: 0 15px 15px 0;
    padding: 45px;
    text-align: center;
    height: 340px;
    overflow: hidden;
}

#section-categories .section-categories-div .colored-div p {
    font-size: 24px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 39px;
    color: var(--white-color);
}

#section-categories .section-categories-div .colored-div img {
    height: 225px;
    object-fit: contain;
}

#section-categories .section-categories-div .white-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border-radius: 15px 0 0 15px;
}

#section-categories .section-categories-div .white-div .small-div {
    padding: 32px;
    color: var(--basic-700-color);
    height: 170px;
    border: 1px solid transparent;
}

#section-categories .section-categories-div .white-div .small-div.small-div1 {
    border-left: 1px solid #ECECED;
    border-bottom: 1px solid #ECECED;
}

#section-categories .section-categories-div .white-div .small-div.small-div2 {
    border-bottom: 1px solid #ECECED;
}

#section-categories .section-categories-div .white-div .small-div.small-div3 {
    border-left: 1px solid #ECECED;
}

#section-categories .section-categories-div .white-div .small-div h6 {
    font-size: 16px;
    line-height: 28px;
}

#section-categories .section-categories-div .white-div .small-div small {
    font-size: 12px;
    line-height: 24px;
}

#section-categories .section-categories-div .white-div .small-div small i {
    font-size: 13px;
    color: var(--basic-600-color);
}

#section-categories .section-categories-div .white-div .small-div img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}


/* section products */
#section-products {
    margin-top: 75px;
}

#section-products .section-products-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border-radius: 15px;
    padding: 17px;
}

#section-products .section-products-div h1 {
    font-size: 18px;
    color: var(--basic-700-color);
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

#section-products .section-products-div h1 img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

#section-products .section-products-div .section-products-item {
    text-align: center;
}

#section-products .section-products-div .section-products-item img {
    width: 120px;
    height: 120px;
    object-fit: contain;
    margin-bottom: 20px;
}

#section-products .section-products-div .section-products-item h6 {
    font-size: 16px;
    color: var(--basic-1000-color);
    margin-bottom: 10px;
}

#section-products .section-products-div .section-products-item h6.without-bottom-span {
    margin-bottom: 34px;
}

#section-products .section-products-div .section-products-item span {
    color: var(--basic-600-color);
}


/* most popular products */
#most-popular-products {
    margin-top: 29px;
}

#most-popular-products h5 {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
    position: relative;
}

#most-popular-products h5:after {
    content: '';
    width: 60px;
    height: 5px;
    background: var(--primary-color) 0 0 no-repeat padding-box;
    position: absolute;
    bottom: -3px;
    right: 0;
}

#most-popular-products .products-owl-carousel {
    text-align: center;
}

#most-popular-products .products-owl-carousel .owl-stage-outer {
    min-height: 425px;
}

#most-popular-products .products-owl-carousel .product-item {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #EEF1F6;
    border-radius: 20px;
    margin-bottom: 10px;
    padding: 12px;
    text-align: start;
}

#most-popular-products .products-owl-carousel .product-item:hover {
    box-shadow: 0 2px 20px #0000001A;
    transition: 300ms ease;
}

#most-popular-products .products-owl-carousel .product-item:hover .card-sub-title .price-after {
    color: var(--primary-color);
    transition: 300ms ease;
}

#most-popular-products .products-owl-carousel .product-item .top-product-div {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#most-popular-products .products-owl-carousel .product-item .top-product-div .btn-fav {
    font-size: 23px;
    padding: 0;
}

#most-popular-products .products-owl-carousel .product-item .top-product-div .btn-fav:hover,
#most-popular-products .products-owl-carousel .product-item .top-product-div .btn-fav.active {
    color: var(--primary-color);
    transition: 300ms ease;
}

#most-popular-products .products-owl-carousel .product-item .top-product-div .discount {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    border-radius: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 14px;
    padding: 3px 10px;
}

#most-popular-products .products-owl-carousel .product-item .card-img-top {
    max-height: 148px;
    object-fit: contain;
}

#most-popular-products .products-owl-carousel .product-item .card-body {
    padding: 25px 0 0 0 !important;
}

#most-popular-products .products-owl-carousel .product-item .card-title {
    display: block;
    color: var(--basic-1000-color);
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    margin-bottom: 10px;
    min-height: 48px;
}

#most-popular-products .products-owl-carousel .product-item .card-sub-title {
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
}

#most-popular-products .products-owl-carousel .product-item .card-sub-title .price-after {
    color: var(--primary-color);
    font-family: Tajawal-Bold, sans-serif;
    margin-left: 10px;
}

#most-popular-products .products-owl-carousel .product-item .card-sub-title .price-before {
    color: var(--basic-600-color);
    font-family: Tajawal-Regular, sans-serif;
    text-decoration: line-through;
}

#most-popular-products .products-owl-carousel .product-item .card-sub-title .items-count {
    color: var(--basic-700-color);
    font-size: 12px;
    font-family: Tajawal-Regular, sans-serif;
    display: block;
    margin-top: 10px;
}

#most-popular-products .products-owl-carousel .product-item .btn-primary-color {
    display: none;
    background: var(--basic-1000-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    border: 1px solid var(--basic-1000-color);
    border-radius: 100px;
    margin: 0 auto;
}

#most-popular-products .products-owl-carousel .product-item:hover .btn-primary-color {
    display: inline-block;
    transition: 300ms ease;
}

#most-popular-products .products-owl-carousel .owl-nav {
    display: inline-block;
    margin: 0;
}

#most-popular-products .products-owl-carousel .owl-nav button {
    position: absolute;
    top: -15%;
    border-radius: 50%;
}


#most-popular-products .products-owl-carousel .owl-nav button .btn-arrows {
    background: var(--basic-200-color) 0 0 no-repeat padding-box;
    color: #000;
    border: 1px solid #DEE3EA;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#most-popular-products .products-owl-carousel .owl-nav button:hover .btn-arrows {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    border: 1px solid var(--primary-color);
    transition: 300ms ease;
}

#most-popular-products .products-owl-carousel .owl-nav button.owl-next {
    left: 42px;
}

#most-popular-products .products-owl-carousel .owl-nav button.owl-prev {
    left: 0;
}

#most-popular-products .products-owl-carousel .owl-dots {
    display: inline-block;
    margin: 10px 0 15px 0;
}

#most-popular-products .products-owl-carousel .owl-dots .owl-dot span {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #15516B42;
    width: 10px;
    height: 10px;
}

#most-popular-products .products-owl-carousel .owl-dots .owl-dot.active span {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    border: 1px solid var(--primary-color);
    width: 23px;
}


/* stores */
#stores {
    background: var(--white-color) 0 0 no-repeat padding-box;
    padding:0px 0 10px 0;
}

#stores h5 {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 20px;
}

#stores h5 a {
    font-size: 15px;
    font-family: Tajawal-Regular, sans-serif;
    line-height: 28px;
    float: left;
}

#stores .stores-owl-carousel {
    text-align: center;
}

#stores .stores-owl-carousel .store-item {
    background: transparent;
    border: none;
    margin-bottom: 10px;
}

#stores .stores-owl-carousel .store-item .img-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #EEF1F6;
    border-radius: 10px;
    margin-bottom: 10px;
    width: 170px;
    height: 115px;
    display: flex;
    align-items: center;
}

#stores .stores-owl-carousel .store-item:hover .img-div {
    box-shadow: 0 2px 20px #0000001A;
    transition: 300ms ease;
}

#stores .stores-owl-carousel .store-item .img-div img {
    max-height: 50px;
    object-fit: contain;
}

#stores .stores-owl-carousel .store-item span {
    font-size: 16px;
    font-family: Tajawal-Bold, sans-serif;
    color: var(--basic-1000-color);
}

#stores .stores-owl-carousel .store-item:hover span {
    color: var(--primary-color);
    transition: 300ms ease;
}

#stores .stores-owl-carousel .owl-nav {
    display: inline-block;
    margin: 0;
}

#stores .stores-owl-carousel .owl-nav button {
    position: absolute;
    top: 37%;
    border-radius: 50%;
}

#stores .stores-owl-carousel .owl-nav button .btn-arrows {
    background: var(--basic-200-color) 0 0 no-repeat padding-box; 
    color: #000;
    border: 1px solid #DEE3EA;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;   
}

#stores .stores-owl-carousel .owl-nav button:hover .btn-arrows {   
    background: var(--primary-color) 0 0 no-repeat padding-box;  
    color: var(--white-color);
    border: 1px solid var(--primary-color);
    transition: 300ms ease;
}

#stores .stores-owl-carousel .owl-nav button.owl-next {
    right: -3%;
}

#stores .stores-owl-carousel .owl-nav button.owl-prev {
    left: -3%;
}

#stores .stores-owl-carousel .owl-dots {
    display: inline-block;
    margin-top: 10px;
    border:none !important; 
}

#stores .stores-owl-carousel .owl-dots .owl-dot span {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid var(--primary-color);
    width: 11px;
    height: 11px;
}

#stores .stores-owl-carousel .owl-dots .owl-dot.active span {
    background: black 0 0 no-repeat padding-box;
    width: 22px;
}

/* end of main page */


/* auth pages */
#content {
    background: var(--basic-200-color) 0 0 no-repeat padding-box;
    padding: 30px 0 50px 0;
}

#content.auth-pages .auth-pages-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #EEF1F6;
    border-radius: 15px;
    padding: 30px;
    text-align: center;
}

#content.auth-pages .auth-pages-div.with-logo-and-desc .custom-logo {
    height: 80px;
    object-fit: contain;
    margin-bottom: 35px;
}

#content.auth-pages .auth-pages-div h1 {
    font-size: 22px;
    color: var(--basic-1000-color);
    margin-bottom: 30px;
}

#content.auth-pages .auth-pages-div.with-logo-and-desc h1 {
    margin-bottom: 17px;
}

#content.auth-pages .auth-pages-div.with-logo-and-desc .custom-desc {
    margin-bottom: 30px;
}

#content.auth-pages .auth-pages-div form .form-group {
    margin-bottom: 20px;
    text-align: start;
}

#content.auth-pages .auth-pages-div form .form-group label {
    font-family: Tajawal-Medium, sans-serif;
    color: #242424;
    margin-bottom: 10px;
}

#content.auth-pages .auth-pages-div form .form-group .input-group {
    border: 1px solid #E8E8E8;
    border-radius: 5px;
}

#content.auth-pages .auth-pages-div form .form-group .input-group:focus-within {
    border: 1px solid var(--primary-color);
    transition: 300ms ease;
}

#content.auth-pages .auth-pages-div form .form-group .input-group .input-group-text {
    background-color: transparent;
    border: none;
}

#content.auth-pages .auth-pages-div form .form-group .input-group .input-group-text2 span {
    color: #022335;
    direction: ltr;
}

#content.auth-pages .auth-pages-div form .form-group .input-group .input-group-text2 img {
    margin-bottom: 0;
    margin-right: 5px;
}


#content.auth-pages .auth-pages-div form .form-group .input-group .input-group-text i {
    font-size: 20px;
    color: var(--primary-color);
}

#content.auth-pages .auth-pages-div form .form-group .input-group input {
    height: 48px;
    line-height: 48px;
    border: none;
}

#content.auth-pages .auth-pages-div form .select2-container--default .select2-selection--multiple {
    border: 1px solid #E8E8E8;
    min-height: 48px;
}

#content.auth-pages .auth-pages-div form .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid var(--primary-color);
}

#content.auth-pages .auth-pages-div form .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    line-height: 32px;
}

#content.auth-pages .auth-pages-div form .select2-container .select2-search--inline .select2-search__field {
    margin-top: 12px;
}


#content.auth-pages .auth-pages-div .other-operations {
    margin-top: 5px;
}

#content.auth-pages .auth-pages-div .other-operations .forget-password-link {
    font-size: 16px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 22px;
    color: var(--primary-color);
}

#content.auth-pages .auth-pages-div .other-operations .forget-password-link:hover {
    color: var(--basic-700-color);
    transition: 300ms ease;
}

#content.auth-pages .auth-pages-div .other-operations .btn-primary-color {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#content.auth-pages .auth-pages-div .other-operations .btn-outline-primary-color {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#content.auth-pages .auth-pages-div .other-operations .login-button {
    margin: 20px 0 35px 0;
}

#content.auth-pages .auth-pages-div .other-operations .other-choice {
    font-size: 16px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 22px;
    color: var(--primary-color);
    margin-bottom: 20px;
}

#content.auth-pages .auth-pages-div .other-operations .buyer-register-link {
    margin-bottom: 15px;
}

#content.auth-pages .auth-pages-div .select2-container--default .select2-selection--single,
#content.auth-pages .auth-pages-div .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
}

#content.auth-pages .auth-pages-div .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
}

#content.auth-pages .auth-pages-div .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 15px;
    padding-left: 35px;
}

#content.auth-pages .auth-pages-div .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 8px;
}

#content.auth-pages .auth-pages-div .other-operations2 {
    margin-top: 10px;
}

#content.auth-pages .auth-pages-div .other-operations2 .btn-primary-color {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#content.auth-pages .auth-pages-div .other-operations2 .has-a-account-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#content.auth-pages .auth-pages-div .other-operations2 .has-a-account-div span {
    font-family: Tajawal-Medium, sans-serif;
    line-height: 20px;
    color: var(--basic-700-color);
}

#content.auth-pages .auth-pages-div .other-operations2 .has-a-account-div a {
    font-size: 15px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 21px;
    color: var(--alert-color);
}

#content.auth-pages .auth-pages-div .other-operations2 .has-a-account-div a:hover {
    /*color: var(--primary-color);*/
    transition: 300ms ease;
}

#content.auth-pages .auth-pages-div .custom-file-upload-label {
    color: #242424;
    font-family: Tajawal-Medium, sans-serif;
    cursor: pointer;
}

#content.auth-pages .auth-pages-div .custom-file-upload-label i {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #E8E8E8;
    border-radius: 39px;
    width: 48px;
    height: 48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

#content.auth-pages .auth-pages-div .custom-file-upload-label:hover i {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    transition: 300ms ease;
}

#content.auth-pages .auth-pages-div .custom-file-upload-label:hover {
    color: var(--primary-color);
    transition: 300ms ease;
}

#content.auth-pages .auth-pages-div .custom-file-upload-input {
    display: none;
}

#content.auth-pages .auth-pages-div .custom-image-display {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

#content.auth-pages .auth-pages-div .form-check {
    font-size: 14px;
    color: #242424;
    display: inline-flex;
    align-items: center;
}

#content.auth-pages .auth-pages-div .form-check .form-check-input {
    width: 16px;
    height: 16px;
    border: 1px solid #979797;
    border-radius: 0;
}

#content.auth-pages .auth-pages-div .form-check .form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

#content.auth-pages .auth-pages-div .form-check .form-check-input:focus {
    border-color: var(--primary-color);
    box-shadow: none;
}

#content.auth-pages .auth-pages-div .pay-with-card {
    font-size: 17px;
    color: #111112;
    display: flex;
    align-items: center;
}


#content.auth-pages.steps-system .custom-title {
    text-align: center;
    font-size: 22px;
    margin-bottom: 26px;
}

#content.auth-pages.steps-system .steps-display-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    box-shadow: 0 3px 10px #00000029;
    border-radius: 10px;
    padding: 13px;
    margin-bottom: 30px;
}

#content.auth-pages.steps-system .steps-display-div .steps-display-number {
    background: #ECF2F6 0 0 no-repeat padding-box;
    color: #70749C;
    border: 1px solid #DFDFDF;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

#content.auth-pages.steps-system .steps-display-div .steps-display-number.active {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    border: 1px solid var(--primary-color);
    font-size: 20px;
}

#content.auth-pages.steps-system .steps-display-div .steps-display-title {
    color: #70749C;
    font-size: 16px;
}

#content.auth-pages.steps-system .steps-display-div .steps-display-title.active {
    color: var(--primary-color);
    font-size: 16px;
    font-family: Tajawal-Medium, sans-serif;
}

#content.auth-pages.steps-system .steps-display-div .steps-display-progress {
    background: #ECF2F6 0 0 no-repeat padding-box;
    border-radius: 100px;
    width: 100px;
    height: 8px;
}

#content.auth-pages.steps-system .steps-display-div .steps-display-progress.active {
    background: var(--primary-color) 0 0 no-repeat padding-box;
}

#content.auth-pages.steps-system .custom-table {
    background: var(--white-color) 0 0 no-repeat padding-box;
    box-shadow: 0 2px 10px #00000029;
    border: 1px solid #EEF1F6;
    border-radius: 15px;
    font-family: Tajawal-Medium, sans-serif;
}

#content.auth-pages.steps-system .custom-table .custom-table-head {
    background: var(--basic-200-color) 0 0 no-repeat padding-box;
    border-radius: 0 15px 15px 0;
}

#content.auth-pages.steps-system .custom-table .custom-table-head .head-diagonal {
    border-bottom: 1px solid #E0E9EE;
    background: linear-gradient(to bottom right, var(--basic-200-color) calc(50% - 1px), #E0E9EE, var(--basic-200-color) calc(50% + 1px));
    height: 75px;
    position: relative;
}

#content.auth-pages.steps-system .custom-table .custom-table-head .head-diagonal .head-diagonal-top-left {
    position: absolute;
    top: 10px;
    left: 25px;
}

#content.auth-pages.steps-system .custom-table .custom-table-head .head-diagonal .head-diagonal-bottom-right {
    position: absolute;
    bottom: 10px;
    right: 25px;
}

#content.auth-pages.steps-system .custom-table .custom-table-head .head-items {
    border-bottom: 1px solid #E0E9EE;
    height: 48px;
    padding: 0 25px 0 100px;
    display: flex;
    align-items: center;
}

#content.auth-pages.steps-system .custom-table .custom-table-head .head-empty {
    height: 82px;
}

#content.auth-pages.steps-system .custom-table .custom-table-data {
    text-align: center;
    border-right: 1px solid #E0E9EE;
}

#content.auth-pages.steps-system .custom-table .custom-table-data .data-title {
    color: var(--primary-color);
    padding: 10px 21px;
    height: 75px;
    border-bottom: 1px solid #E0E9EE;
}

#content.auth-pages.steps-system .custom-table .custom-table-data .data-title span {
    font-size: 16px;
    display: block;
}

#content.auth-pages.steps-system .custom-table .custom-table-data .data-check {
    font-size: 20px;
    height: 48px;
    border-bottom: 1px solid #E0E9EE;
    display: flex;
    justify-content: center;
    align-items: center;
}

#content.auth-pages.steps-system .custom-table .custom-table-data .data-check .fa-minus {
    color: var(--basic-600-color);
}

#content.auth-pages.steps-system .custom-table .custom-table-data .data-button {
    padding: 0 21px;
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#content.auth-pages.steps-system .custom-table .custom-table-data .data-button .btn-primary-color {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}


#content.auth-pages #successModal .modal-body {
    padding: 50px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 28px;
}

#content.auth-pages #successModal .modal-body .icon {
    font-size: 88px;
    color: var(--primary-color);
    margin-bottom: 38px;
}

#content.auth-pages #successModal .modal-body .title {
    font-size: 21px;
    margin-bottom: 30px;
}

#content.auth-pages #successModal .modal-body .title.title-with-body {
    margin-bottom: 20px;
}

#content.auth-pages #successModal .modal-body div.body {
    font-family: Tajawal-Medium, sans-serif;
    padding-bottom: 30px;
}


/* modal */
.modal-backdrop.show {
    background: transparent linear-gradient(90deg, #4C4646 0%, #000000 100%) 0 0 no-repeat padding-box;
    opacity: 0.85;
}

.modal-content {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #EEF1F6;
    border-radius: 15px;
    text-align: center;
}

.modal-header {
    border-bottom: 0;
    padding: 10px 10px 20px 10px;
}

.modal-header .btn-close2 {
    background: var(--basic-300-color) 0 0 no-repeat padding-box;
    color: var(--basic-1000-color);
    border: 1px solid var(--basic-300-color);
    width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 50%;
    font-size: 14px;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-header .btn-close2:hover {
    color: var(--primary-color);
    transition: 300ms ease;
}

.modal-body {
    padding: 0 30px;
    color: var(--basic-1000-color);
}

.modal-body img {
    height: 80px;
    object-fit: contain;
    margin-bottom:5px;
}

.modal-body h1 {
    font-size: 22px;
    margin-bottom: 17px;
}

.modal-body .custom-desc {
    margin-bottom: 34px;
}

.modal-body form label {
    color: #242424;
    font-family: Tajawal-Medium, sans-serif;
    margin-bottom: 10px;
}

.modal-body form .otp-code-div {
    margin: 0 80px;
}

.modal-body form .otp-code-div input {
    text-align: center;
}

.modal-body form .btn-primary-color {
    height: 48px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-footer {
    border-top: 0;
    padding: 20px 30px 30px 30px;
}

.modal-footer .other-options {
    background: var(--white-color) 0 0 no-repeat padding-box;
    color: var(--basic-700-color);
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    padding: 17px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 20px;
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-footer .other-options a.resend {
    color: #242424;
    font-family: Tajawal-Regular, sans-serif;
    display: flex;
    align-items: center;
}

.modal-footer .other-options a.resend:hover {
    color: var(--primary-color);
    transition: 300ms ease;
}

.modal-footer .other-options a.resend i {
    font-size: 20px;
}

.modal-footer .other-options span.timer {
    color: #707070;
    font-family: Tajawal-Regular, sans-serif;
}

/* end of auth pages */


.btn-custom-radio {
    background: var(--white-color) 0 0 no-repeat padding-box;
    color: var(--basic-600-color);
    border: 1px solid #E4E9F2;
    border-radius: 5px;
    width: 42px;
    height: 39px;
    font-size: 18px;
    line-height: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn-custom-radio:hover, .display-way:active + .btn, .display-way:checked + .btn {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    border: 1px solid var(--primary-color);
    transition: 300ms ease;
}


/* all products */
/* sections filter div */
#content .sections-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border-radius: 10px;
    padding: 20px 15px;
}

#content .sections-div h6 {
    font-size: 14px;
    color: #1A1A1B;
    border-bottom: 1px solid #F3F3F3;
    padding-bottom: 15px;
    position: relative;
}

#content .sections-div h6:before {
    content: '';
    position: absolute;
    top: 30px;
    right: 0;
    width: 50px;
    height: 5px;
    background-color: var(--primary-color);
}

#content .sections-div .sections-data {
    margin: 20px 0 0 0;
}

#content .sections-div .sections-data > li {
    margin-top: 15px;
}

#content .sections-div .sections-data > li .badge-count {
    font-size: 12px;
    color: var(--basic-600-color);
}

#content .sections-div .sections-data > li a.active {
    color: var(--primary-color);
}

#content .sections-div .sections-data li .accordion .accordion-item {
    border: none;
    margin-bottom: 20px;
}

#content .sections-div .sections-data li .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    color: #242424;
    padding: 0;
    background-color: transparent;
}

#content .sections-div .sections-data li .accordion .accordion-item .accordion-header .accordion-button:hover,
#content .sections-div .sections-data li .accordion .accordion-item .accordion-header .accordion-button.active {
    color: var(--primary-color);
    transition: 300ms ease;
}

#content .sections-div .sections-data li .accordion .accordion-item .accordion-header .accordion-button:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
    transition: 300ms ease;
}

#content .sections-div .sections-data li .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    box-shadow: none;
}

#content .sections-div .sections-data li .accordion .accordion-item .accordion-collapse li {
    margin-top: 5px;
}

#content .sections-div .sections-data li .accordion .accordion-item .accordion-collapse li a {
    color: #242424B3;
}

#content .sections-div .sections-data li .accordion .accordion-item .accordion-collapse li a:hover,
#content .sections-div .sections-data li .accordion .accordion-item .accordion-collapse li a.active {
    color: var(--primary-color);
    transition: 300ms ease;
}

#content .sections-div .sections-data li .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 10px 20px 0 20px;
}

#content .sections-div .sections-data li .accordion .accordion-item .accordion-button::after {
    display: none;
}

#content .sections-div .sections-data li .accordion .accordion-item .accordion-button::before {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    content: "\2b";
    font-size: 8px;
    font-family: "FontAwesome", sans-serif;
    background: var(--white-color) 0 0 no-repeat padding-box;
    color: #3A0E5F;
    border: 1px solid #3B0E5F;
    transition: 300ms ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

#content .sections-div .sections-data li .accordion .accordion-item .accordion-button:not(.collapsed)::before {
    content: "\f068";
}

#content .sections-div .custom-price-unit {
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    color: var(--basic-1000-color);
}

#content .sections-div .sections-data .custom-color-display {
    width: 28px;
    height: 28px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-size: 10px;
}

#content .sections-div .sections-data .custom-color-display:hover:before,
#content .sections-div .sections-data .btn-check:active + .btn:before,
#content .sections-div .sections-data .btn-check:checked + .btn:before {
    content: '\f00c';
    font-family: "FontAwesome", sans-serif;
    transition: 300ms ease;
}

#content .sections-div .sections-data .btn-check:focus + .btn {
    outline: none;
    box-shadow: none;
}


#content .sections-div .sections-data .custom-color-display {
    width: 28px;
    height: 28px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-size: 10px;
}

#content .sections-div .sections-data .form-check {
    font-size: 14px;
    color: #242424;
    display: inline-flex;
    align-items: center;
}

#content .sections-div .sections-data .form-check .form-check-input {
    width: 16px;
    height: 16px;
    border: 1px solid #979797;
    border-radius: 0;
}

#content .sections-div .sections-data .form-check .form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

#content .sections-div .sections-data .form-check .form-check-input:focus {
    border-color: var(--primary-color);
    box-shadow: none;
}


/* main filter div */
#content .main-filter-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border-radius: 10px;
    padding: 25px 20px;
    border: 1px solid #EEF1F6;
    margin-bottom: 20px;
}

#content .results-info {
    margin-bottom: 16px;
}

#content .results-info .results-count {
    color: #242424;
}

#content .results-info .order-by {
    color: var(--basic-600-color);
}


/* results data (grid styles) */
#content .results-data {
    margin-bottom: 36px;
}

#content .results-data .product-item {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #EEF1F6;
    border-radius: 20px;
    margin-bottom: 10px;
    padding: 12px;
    text-align: start;
}

#content .results-data .product-item:hover {
    box-shadow: 0 2px 20px #0000001A;
    transition: 300ms ease;
}

#content .results-data .product-item:hover .card-sub-title .price-after {
    color: var(--primary-color);
    transition: 300ms ease;
}

#content .results-data .product-item .top-product-div {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#content .results-data .product-item .top-product-div .btn-fav {
    font-size: 23px;
    padding: 0;
}

#content .results-data .product-item .top-product-div .btn-fav:hover,
#content .results-data .product-item .top-product-div .btn-fav.active {
    color: var(--primary-color);
    transition: 300ms ease;
}

#content .results-data .product-item .top-product-div .discount {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    border-radius: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 14px;
    padding: 3px 10px;
}

#content .results-data .product-item .card-img-top {
    max-height: 148px;
    object-fit: contain;
}

#content .results-data .product-item .card-body {
    padding: 0px 0 0 0 !important;
}

#content .results-data .product-item .card-title {
    display: block;
    color: var(--basic-1000-color);
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    margin-bottom: 10px;
    min-height:0px;
    text-align: center;
}

#content .results-data .product-item .card-sub-title {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    text-align: center;
}

#content .results-data .product-item .card-sub-title .price-after {
    color: var(--primary-color);
    font-family: Tajawal-Bold, sans-serif;
    margin-left: 10px;
}

#content .results-data .product-item .card-sub-title .price-before {
    color: var(--basic-600-color);
    font-family: Tajawal-Regular, sans-serif;
    text-decoration: line-through;
}

#content .results-data .product-item .card-sub-title .items-count {
    color: var(--basic-700-color);
    font-size: 12px;
    font-family: Tajawal-Regular, sans-serif;
    display: block;
    margin-top: 10px;
}

#content .results-data .product-item .btn-primary-color {
    background: var(--basic-1000-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    border: 1px solid var(--basic-1000-color);
    border-radius: 100px;
    margin: 0 auto;
}

#content .results-data .product-item:hover .btn-primary-color {
    display: inline-block;
    transition: 300ms ease;
}


#content .results-data .section-products-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border-radius: 15px;
    padding: 15px 20px;
}

#content .results-data .section-products-div h1 {
    font-size: 18px;
    color: var(--basic-700-color);
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

#content .results-data .section-products-div h1 img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

#content .results-data .section-products-div .section-products-item {
    text-align: center;
}

#content .results-data .section-products-div .section-products-item img {
    width: 120px;
    height: 120px;
    object-fit: contain;
    margin-bottom: 20px;
}

#content .results-data .section-products-div .section-products-item h6 {
    font-size: 16px;
    color: var(--basic-1000-color);
    margin-bottom: 10px;
}

#content .results-data .section-products-div .section-products-item h6.without-bottom-span {
    margin-bottom: 34px;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#content .results-data .section-products-div .section-products-item span {
    color: var(--basic-600-color);
}


/* results data (list styles) */
#content .results-data2 {
    margin-bottom: 36px;
}

#content .results-data2 .product-item {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #EEF1F6;
    border-radius: 10px;
    padding: 15px;
    text-align: start;
    display: -webkit-box;
    position: relative;
}

#content .results-data2 .product-item:hover {
    box-shadow: 0 2px 20px #0000001A;
    transition: 300ms ease;
}

#content .results-data2 .product-item:hover .card-sub-title .price-after {
    color: var(--primary-color);
    transition: 300ms ease;
}

#content .results-data2 .product-item:hover .btn-primary-color {
    display: inline-block;
    transition: 300ms ease;
}

#content .results-data2 .product-item .top-product-div .discount {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    border-radius: 100px;
    position: absolute;
    right: 10%;
    top: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 14px;
    padding: 3px 10px;
}

#content .results-data2 .product-item .top-product-div .btn-fav {
    position: absolute;
    left: 5px;
    top: 10px;
    color: #919BB1;
}

#content .results-data2 .product-item .top-product-div .btn-fav:hover,
#content .results-data2 .product-item .top-product-div .btn-fav.active {
    color: var(--primary-color);
    transition: 300ms ease;
}

#content .results-data2 .product-item .card-img-top {
    width: 100px;
    height: 100px;
    object-fit: contain;
    margin-top: 50px;
}

#content .results-data2 .product-item .card-body {
    padding: 0 10px 0 0 !important;
    width: 70%;
}

#content .results-data2 .product-item .card-text {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

#content .results-data2 .product-item .card-text span {
    font-size: 12px;
    color: var(--basic-700-color);
}

#content .results-data2 .product-item .card-title {
    display: block;
    color: var(--basic-1000-color);
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    margin-bottom: 10px;
    min-height: 48px;
}

#content .results-data2 .product-item .card-sub-title {
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
}

#content .results-data2 .product-item .card-sub-title .price-after {
    color: var(--basic-1000-color);
    font-family: Tajawal-Bold, sans-serif;
    margin-left: 10px;
}

#content .results-data2 .product-item .card-sub-title .price-before {
    color: #C5C8B8;
    font-family: Tajawal-Regular, sans-serif;
    text-decoration: line-through;
}

#content .results-data2 .product-item .card-sub-title .items-count {
    color: var(--basic-700-color);
    font-size: 12px;
    font-family: Tajawal-Regular, sans-serif;
    display: block;
    margin-top: 10px;
}

#content .results-data2 .product-item .btn-primary-color {
    display: none;
    background: var(--basic-1000-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    border: 1px solid var(--basic-1000-color);
    border-radius: 100px;
    width: auto !important;
}


/* show more */
#content .show-more-link {
    font-size: 16px;
    font-family: Tajawal-Bold, sans-serif;
    color: var(--primary-color);
}

#content .show-more-link:hover {
    color: var(--basic-1000-color);
    transition: 300ms ease;
}


.select2-container--default .select2-selection--single {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #E4E9F2;
    border-radius: 5px;
    height: 40px;
}

.select2-container--default .select2-selection--single:focus {
    border: 1px solid var(--primary-color);
    transition: 300ms ease;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #242424;
    line-height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

.form-control {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #E4E9F2;
    border-radius: 5px;
    font-size: 15px;
    color: var(--basic-1000-color);
}

.form-control:not(textarea) {
    height: 40px;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid var(--primary-color);
    transition: 300ms ease;
}

.form-label {
    margin-bottom: 5px;
    color: var(--basic-600-color);
    line-height: 14px;
}

/* end of all products */


/* product details */
#product-details {
    background: #F7F7FA 0 0 no-repeat padding-box;
    padding: 40px 0 50px 0;
}

#product-details .product-images .carousel-inner {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    padding:5px 15px;
}

#product-details .product-images .carousel-inner img {
    /*height: 230px;*/
    object-fit: contain;
}

#product-details .product-images .carousel-indicators {
    position: relative;
    margin-top: 18px;
    margin-bottom: 0;
    overflow: scroll;
}

#product-details .product-images .carousel-indicators [data-bs-target] {
    width: 62px;
    height: 52px;
    border-radius: 5px;
    object-fit: cover;
    border: 1px solid var(--white-color);
    opacity: 1;
}

#product-details .product-images .carousel-indicators [data-bs-target]:hover,
#product-details .product-images .carousel-indicators .active {
    border: 1px solid var(--primary-color);
    transition: 300ms ease;
}

#product-details .product-images .carousel-control-next, #product-details .product-images .carousel-control-prev {
    background-color: transparent;
    color: #A0A8B7;
    border: 1px solid #A0A8B7;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    opacity: 1;
    top: auto;
    bottom: 15px;
    z-index: 9;
}

#product-details .product-images .carousel-control-next:hover,
#product-details .product-images .carousel-control-prev:hover {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    border: 1px solid var(--primary-color);
    transition: 300ms ease;
}


#product-details .product-info {
    padding: 27px 25px;
    background: var(--white-color) 0 0 no-repeat padding-box;
    box-shadow: 0 1px 2px #0000000F;
    border-radius: 10px;
    position: relative;
}

#product-details .product-info .fa {
    color: var(--primary-color);
    font-size: 15px;
}

#product-details .product-info .product-sections {
    font-size: 12px;
    color: var(--primary-color);
    display: flex;
    align-items: center;
}

#product-details .product-info .product-sections span {
    font-family: Tajawal-Medium, sans-serif;
    color: var(--basic-700-color);
    margin: 0 5px;
}

#product-details .product-info .product-discount {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    border-radius: 0 5px 5px 0;
    padding: 6px 18px;
    position: absolute;
    left: 0;
    top: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 14px;
}

#product-details .product-info h1 {
    font-size: 21px;
    line-height: 28px;
}

#product-details .product-info .product-code {
    font-family: Tajawal-Medium, sans-serif;
    color: var(--basic-700-color);
}

#product-details .product-info .product-code span {
    font-size: 16px;
    font-family: Tajawal-Regular, sans-serif;
    line-height: 13px;
    color: var(--primary-color);
}

#product-details .product-info a {
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    color: var(--secondary-color);
    text-decoration: underline;
}

#product-details .product-info a:hover {
    /*color: var(--primary-color);*/
    transition: 300ms ease;
}

#product-details .product-info .product-rate {
    font-size: 12px;
    color: #F7C51E;
}

#product-details .product-info .product-rate .fa {
    font-size: 17px;
    color: #F7C51E;
}

#product-details .product-info .product-rate span {
    color: var(--basic-600-color);
}

#product-details .product-info .product-price {
    font-size: 16px;
    line-height: 30px;
    color: #252525;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    padding: 20px 0;
}

#product-details .product-info .product-price span {
    font-size: 36px;
    font-family: Tajawal-Bold, sans-serif;
    color: var(--primary-color);
    margin: 0 10px;
}

#product-details .product-info .product-price small {
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    color: #C5C8B8;
    text-decoration: line-through;
}

#product-details .product-info .product-price .count-in-store {
    background: #F3F6F7 0 0 no-repeat padding-box;
    color: var(--primary-color);
    font-size: 13px;
    font-family: Tajawal-Regular, sans-serif;
    border-radius: 4px;
    padding: 7px 13px;
}

#product-details .product-info .product-store-info {
    background: #F5F7FE 0 0 no-repeat padding-box;
    border-radius: 5px;
    padding: 15px;
}

#product-details .product-info .product-store-info .product-store-info1 {
    font-size: 12px;
}

#product-details .product-info .product-store-info .product-store-info1 .product-store-info1-1 {
    margin-bottom: 0;
}

#product-details .product-info .product-store-info .product-store-info1 .product-store-info1-1 span {
    color: #242424BF;
    font-family: Tajawal-Medium, sans-serif;
}

#product-details .product-info .product-store-info .product-store-info1 .product-store-info1-1 small {
    color: var(--primary-color);
    font-family: Tajawal-Bold, sans-serif;
    padding: 0 15px 0 5px;
}

#product-details .product-info .product-store-info .product-store-info2 {
    background: var(--white-color) 0 0 no-repeat padding-box;
    color: var(--primary-color);
    border: 1px solid #F5F7FE;
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 10px;
}

#product-details .product-info form label {
    font-size: 16px;
    line-height: 30px;
    color: #242424;
}

#product-details .product-info form input {
    background: #F7F7FA 0 0 no-repeat padding-box;
    border: 1px solid #E8E8E8;
}

#product-details .product-info form button {
    font-family: Tajawal-Regular, sans-serif;
    display: inline-flex;
    align-items: center;
}

#product-details .product-info form button .fa {
    font-size: 17px;
    color: var(--white-color);
}

#product-details .product-info form button:hover .fa {
    color: var(--primary-color);
    transition: 300ms ease;
}

#product-details .product-info .btn-fav {
    width: 40px;
    height: 40px;
    background: #F7F7FA 0 0 no-repeat padding-box;
    color: var(--basic-600-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#product-details .product-info .btn-fav:hover,
#product-details .product-info .btn-fav.active {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    transition: 300ms ease;
}

#product-details .product-info .list-inline {
    margin: 0;
    font-size: 16px;
    line-height: 30px;
    color: #242424;
}

#product-details .product-info .list-inline .list-inline-item {
    margin-left: 5px;
}

#product-details .product-info .list-inline .list-inline-item a {
    text-decoration: none;
}

#product-details .product-info .list-inline .share-links {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#product-details .product-info .list-inline .share-links i {
    color: var(--white-color);
    font-size: 12px;
}

#product-details .product-info .list-inline .share-links.share-links-facebook {
    background-color: #1877F2;
}

#product-details .product-info .list-inline .share-links.share-links-whatsapp {
    background-color: #4CAF50;
}

#product-details .product-info .list-inline .share-links.share-links-twitter {
    background-color: #2DAAE1;
}

#product-details .product-info .list-inline .share-links.share-links-copy {
    background-color: var(--primary-color);
}

#product-details .product-info .owner-info-div {
    border-top: 1px solid #EEE;
    padding-top: 10px;
}

#product-details .product-info .owner-info-div .row .img-div {
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--basic-200-color) 0 0 no-repeat padding-box;
    border: 1px solid #EEF1F6;
    border-radius: 95px;
}

#product-details .product-info .owner-info-div .row .img-div img {
    width: 15px;
    height: 15px;
}

#product-details .product-info .owner-info-div .row .img-div i {
    font-size: 15px;
}

#product-details .product-info .owner-info-div .row .img-div .fa-location-dot {
    color: #0096D6;
}

#product-details .product-info .owner-info-div .row .img-div .fa-whatsapp {
    color: #4CAF50;
}

#product-details .product-info .owner-info-div .row .img-div .fa-phone {
    color: #1CABE9;
}

#product-details .product-info .owner-info-div .row .img-div .fa-boxes-stacked {
    color: var(--alert-color);
}

#product-details .product-info .owner-info-div .row p {
    margin-bottom: 0;
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    color: #242424;
}

#product-details .product-info .owner-info-div .row p a {
    text-decoration: none;
}


#product-details .product-descriptions {
    font-size: 16px;
    margin-top: 50px;
    display: grid;
}

#product-details .product-descriptions .nav-pills {
    background: var(--white-color) 0 0 no-repeat padding-box;
    color: #000000;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    padding: 15px 20px;
}

#product-details .product-descriptions .nav-pills .nav-link {
    font-size: 16px;
    font-family: Tajawal-Medium, sans-serif;
    color: #000;
    text-align: center;
    border-radius: 5px;
}

#product-details .product-descriptions .nav-pills .nav-link.active {
    background-color: var(--primary-color);
    color: var(--white-color);
}


#product-details .product-descriptions .parent-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    padding: 30px 20px;
}

#product-details .product-descriptions .parent-div p {
    margin-bottom: 5px;
    font-family: Tajawal-Medium, sans-serif;
    color: #252525;
}

#product-details .product-descriptions #pills-desc ul li {
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    color: #404553;
}

#product-details .product-descriptions #pills-units .unit-div {
    padding: 8px 15px;
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    line-height: 20px;
    color: #404553;
}

#product-details .product-descriptions #pills-units .colored-div {
    background: #F5F7FE 0 0 no-repeat padding-box;
}

#product-details .product-descriptions #pills-units .white-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
}

#product-details .product-descriptions #pills-policy {
    font-size: 16px;
}


#product-details .product-descriptions .tab-content #pills-rates .comments-div .col-auto .user-icon {
    width: 52px;
    height: 52px;
    padding: 0;
    background: #F3F4F8 0 0 no-repeat padding-box;
    color: #A0A8B7;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#product-details .product-descriptions .tab-content #pills-rates .comments-div .col span {
    font-family: Tajawal-Medium, sans-serif;
    line-height: 30px;
}

#product-details .product-descriptions .tab-content #pills-rates .comments-div .col div .fa {
    color: #F7C51E;
    font-size: 15px;
}

#product-details .product-descriptions .tab-content #pills-rates .comments-div .col small {
    color: var(--basic-600-color);
    font-size: 12px;
}

#product-details .product-descriptions .tab-content #pills-rates .comments-div .comment-text {
    background: #F7F7FA 0 0 no-repeat padding-box;
    border-radius: 5px;
    padding: 15px;
}


.btn-gold {
    background: #F7C51E 0 0 no-repeat padding-box;
    color: var(--white-color);
    border: 1px solid #F7C51E;
    border-radius: 5px;
    font-size: 16px;
    font-family: Tajawal-Medium, sans-serif;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
}

.btn-gold:hover {
    background: #F7C51E 0 0 no-repeat padding-box;
    color: #252525;
    border: 1px solid #F7C51E;
    transition: 300ms ease;
}

/* end of product details */


/* all stores */
#content.all-stores .store-item {
    text-align: center;
}

#content.all-stores .store-item .img-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #EEF1F6;
    border-radius: 10px;
    padding: 40px 15px;
    margin-bottom: 20px;
}

#content.all-stores .store-item:hover .img-div {
    box-shadow: 0 2px 20px #0000001A;
    transition: 300ms ease;
}

#content.all-stores .store-item .img-div img {
    width: 100%;
    height: 65px;
    object-fit: contain;
}

#content.all-stores .store-item span {
    font-size: 16px;
    font-family: Tajawal-Bold, sans-serif;
    color: var(--basic-1000-color);
}

#content.all-stores .store-item:hover span {
    color: var(--primary-color);
    transition: 300ms ease;
}

#content.all-stores .about-stores {
    border-radius: 15px;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#content.all-stores .about-stores.about-stores1 {
    background: var(--white-color) 0 0 no-repeat padding-box;
}

#content.all-stores .about-stores.about-stores1 h1 {
    font-size: 18px;
    margin-bottom: 21px;
}

#content.all-stores .about-stores.about-stores1 p {
    font-size: 15px;
    margin-bottom: 0;
    color: var(--basic-700-color);
}

#content.all-stores .about-stores.about-stores2 {
    background: var(--basic-1000-color) 0 0 no-repeat padding-box;
}

#content.all-stores .about-stores.about-stores2 p {
    font-size: 18px;
    font-family: Tajawal-Medium, sans-serif;
    margin-bottom: 21px;
    color: var(--white-color);
}

#content.all-stores .about-stores.about-stores2 .btn-primary-color {
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
}

#content.all-stores .search-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #EEF1F6;
    border-radius: 15px;
    padding: 18px 35px;
}

#content.all-stores .search-div .search-by {
    font-size: 15px;
    font-family: Tajawal-Medium, sans-serif;
    color: var(--basic-700-color);
}


.text-primary-color {
    color: var(--primary-color);
}

/* end of all stores */


/* store details */
#content.store-details .store-info {
    background: var(--white-color) 0 0 no-repeat padding-box;
    color: #242424;
    border: 1px solid #EEF1F6;
    border-radius: 10px;
    padding: 35px 35px 50px 35px;
}

#content.store-details .store-info .img-div {
    background: var(--basic-200-color) 0 0 no-repeat padding-box;
    border: 1px solid #EEF1F6;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 23px;
}

#content.store-details .store-info .img-div img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

#content.store-details .store-info .store-info-details h1 {
    font-size: 21px;
    line-height: 28px;
    color: var(--basic-1000-color);
    margin-bottom: 20px;
}

#content.store-details .store-info .store-info-details .custom-address {
    margin-bottom: 10px;
    font-family: Tajawal-Medium, sans-serif;
    color: #242424;
    display: inline-flex;
    align-items: center;
}

#content.store-details .store-info .store-info-details .custom-address i {
    color: var(--primary-color);
}

#content.store-details .store-info .store-info-details .custom-fa {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #EEF1F6;
    border-radius: 50%;
    font-size: 13px;
    width: 26px;
    height: 26px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

#content.store-details .store-info .store-info-details .store-rate {
    color: #F7C51E;
    font-size: 12px;
    margin-bottom: 10px;
}

#content.store-details .store-info .store-info-details .store-rate i {
    color: #F7C51E;
}

#content.store-details .store-info .store-info-details .store-rate a {
    text-decoration: underline;
    color: var(--secondary-color);
}

#content.store-details .store-info .store-info-details .store-rate a:hover {
    /*color: var(--primary-color);*/
    transition: 300ms ease;
}

#content.store-details .store-info .store-info-details .store-rate .rate-link {
    color: #F7C51E;
}

#content.store-details .store-info .store-info-details .social-links .fa-phone {
    color: #1CABE9;
}

#content.store-details .store-info .store-info-details .social-links .fa-whatsapp {
    color: #4CAF50;
}


#content.store-details .store-data .nav-pills {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    padding: 15px 20px;
}

#content.store-details .store-data .nav-pills .nav-item .nav-link {
    font-size: 16px;
    font-family: Tajawal-Regular, sans-serif;
    color: #000000;
}

#content.store-details .store-data .nav-pills .nav-item .nav-link.active {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: #fff;
    border-radius: 5px;
}


#content.store-details .store-data #rates-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
}

#content.store-details .store-data #rates-div .rates-header-div {
    border-bottom: 1px solid #E8E8E8;
    padding: 20px 20px 10px 20px;
}

#content.store-details .store-data #rates-div .rates-header-div .rates-count {
    font-size: 18px;
    font-family: Tajawal-Medium, sans-serif;
    color: #252525;
}

#content.store-details .store-data #rates-div .rate-unit-div {
    font-size: 16px;
    font-family: Tajawal-Regular, sans-serif;
    color: #252525;
    padding: 20px;
}

#content.store-details .store-data #rates-div .rate-unit-div .user-image {
    width: 52px;
    height: 52px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #F3F4F8 0 0 no-repeat padding-box;
    border-radius: 50%;
}

#content.store-details .store-data #rates-div .rate-unit-div .user-image i {
    color: #A0A8B7;
    font-size: 19px;
}

#content.store-details .store-data #rates-div .rate-unit-div .user-name {
    font-family: Tajawal-Medium, sans-serif;
    margin-bottom: 0px;
}

#content.store-details .store-data #rates-div .rate-unit-div small {
    font-size: 12px;
    color: var(--basic-600-color);
}

#content.store-details .store-data #rates-div .rate-unit-div .user-comment {
    background: #F7F7FA 0 0 no-repeat padding-box;
    border-radius: 5px;
    padding: 14px 15px;
    margin-top: 15px;
}

#content.store-details .store-data #rates-div .rate-unit-div .rate-types-div {
    border-bottom: 1px solid #E8E8E8;
    padding: 20px 0;
}

#content.store-details .store-data #rates-div .rate-unit-div .rate-types-div .stars-display i {
    font-size: 14px;
    color: #F7C51E;
}


#content.store-details .store-data #contact-us-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    padding: 44px 30px;
}

#content.store-details .store-data #contact-us-div .contact-us-icon {
    width: 49px;
    height: 49px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #EEF1F6;
    border-radius: 50%;
}

#content.store-details .store-data #contact-us-div .contact-us-icon i {
    font-size: 20px;
    color: var(--primary-color);
}

#content.store-details .store-data #contact-us-div p {
    color: #05111E;
    margin-bottom: 5px;
}

#content.store-details .store-data #contact-us-div h6 {
    font-size: 16px;
    color: var(--basic-700-color);
}


#content.store-details .store-data #policy-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    padding: 20px;
    font-size: 16px;
    color: var(--basic-700-color);
}


#mapLocationModal .modal-body {
    padding: 0;
    text-align: start;
}

#mapLocationModal .modal-body h1 {
    font-size: 16px;
    margin: 0 25px 25px 0;
}

#mapLocationModal .modal-body .btn-primary-color {
    height: 48px;
    line-height: 48px;
    padding: 0 52px;
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
}


#rateModal .modal-body {
    padding: 0 20px;
}

#rateModal .modal-body form {
    text-align: start;
    font-size: 16px;
    font-family: Tajawal-Regular, sans-serif;
    color: #252525;
}

#rateModal .modal-body form .rate-section {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 20px;
    margin-bottom: 16px;
}

#rateModal .modal-body form .rate-section p {
    margin-bottom: 0;
}

#rateModal .modal-body form .rate-section .rates-input-div i {
    font-size: 20px;
    color: #F7C51E;
    cursor: pointer;
}

#rateModal .modal-body form .btn-primary-color {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
}

#rateModal .modal-body form .btn-outline-primary-color {
    padding: 0 40px;
}

/* end of store details */


/* cart empty */
#content.cart-empty .row {
    min-height: 500px;
    text-align: center;
}

#content.cart-empty .row span {
    display: block;
    font-size: 18px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 30px;
    color: #252525;
    padding: 35px 0 30px 0;
}

/* end of cart empty */


/* contact us */
#content.contact-us .contact-us-form {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border-radius: 10px;
    padding: 35px 70px;
    margin-top: 10px;
}

#content.contact-us .contact-us-form h6 {
    font-size: 16px;
    font-family: Tajawal-Regular, sans-serif;
    line-height: 22px;
    color: var(--primary-color);
}

#content.contact-us .contact-us-form h1 {
    font-size: 22px;
    line-height: 45px;
    color: #022335;
    margin-bottom: 20px;
}

#content.contact-us .contact-us-form form {
    text-align: start;
}

#content.contact-us .contact-us-form form .input-group .input-group-text {
    background-color: var(--white-color);
    border-top: 1px solid #E4E9F2;
    border-right: 1px solid #E4E9F2;
    border-bottom: 1px solid #E4E9F2;
    border-left: 1px solid transparent;
    border-radius: 0 5px 5px 0;
}

#content.contact-us .contact-us-form form .input-group:focus-within .input-group-text {
    border-top: 1px solid var(--primary-color);
    border-right: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    transition: 300ms ease;
}

#content.contact-us .contact-us-form form .input-group .input-group-text i {
    color: var(--primary-color);
    font-size: 20px;
}

#content.contact-us .contact-us-form form .input-group:focus-within .input-group-text i {
    font-size: 25px;
    transition: 300ms ease;
}

#content.contact-us .contact-us-form form .input-group .form-control {
    background-color: var(--white-color);
    border-top: 1px solid #E4E9F2;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #E4E9F2;
    border-left: 1px solid #E4E9F2;
    border-radius: 5px 0 0 5px;
    color: #303030;
    font-size: 16px;
    height: 60px;
}

#content.contact-us .contact-us-form form .input-group .form-control:focus {
    border-top: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    border-left: 1px solid var(--primary-color);
    transition: 300ms ease;
}

#content.contact-us .contact-us-form form .select2-container--default .select2-selection--single,
#content.contact-us .contact-us-form form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 60px;
}

#content.contact-us .contact-us-form form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 60px;
}

#content.contact-us .contact-us-form form textarea {
    background-color: var(--white-color);
    border: 1px solid #E4E9F2;
    border-radius: 5px;
    color: #303030;
    font-size: 16px;
}

#content.contact-us .contact-us-form form textarea:focus {
    border: 1px solid var(--primary-color);
    transition: 300ms ease;
}

#content.contact-us .contact-us-form form button {
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    padding: 0 45px;
}

#content.contact-us .contact-us-info {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border-radius: 10px;
    padding: 35px 70px;
    margin-top: 20px;
}

#content.contact-us .contact-us-info h6 {
    font-size: 16px;
    font-family: Tajawal-Regular, sans-serif;
    line-height: 22px;
    color: var(--primary-color);
}

#content.contact-us .contact-us-info h1 {
    font-size: 22px;
    line-height: 45px;
    color: #022335;
    margin-bottom: 30px;
}

#content.contact-us .contact-us-info .contact-us-info-item .custom-icon {
    width: 49px;
    height: 49px;
    padding: 0;
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: #fff;
    border-radius: 50%;
    font-size: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#content.contact-us .contact-us-info .contact-us-info-item span {
    color: #05111E;
    line-height: 20px;
}

#content.contact-us .contact-us-info .contact-us-info-item h5 {
    color: var(--basic-700-color);
    font-size: 18px;
    line-height: 26px;
}

/* end of contact us */


/* questions */
#content.questions {
    padding: 30px 0;
}

#content.questions .row {
    padding: 0 30px;
}

#content.questions .row h1 {
    font-size: 22px;
    margin-bottom: 20px;
}

#content.questions .row .accordion .accordion-item {
    background: var(--white-color) 0 0 no-repeat padding-box;
    box-shadow: 0 3px 2px #0000000f;
    border: 1px solid #D9E0E5;
    border-radius: 10px;
}

#content.questions .row .accordion .accordion-item .accordion-header .accordion-button {
    background: var(--white-color) 0 0 no-repeat padding-box;
    color: #022335;
    font-size: 16px;
    font-family: Tajawal-Bold, sans-serif;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #D9E0E5;
    box-shadow: none;
}

#content.questions .row .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    border-radius: 10px;
}

#content.questions .row .accordion .accordion-item .accordion-header .accordion-button::after {
    content: "\2b";
    width: 15px;
    height: 15px;
    font-family: "FontAwesome", sans-serif;
    background: none;
    color: #70749C;
    transition: 300ms ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

#content.questions .row .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    content: "\f068";
}

#content.questions .row .accordion .accordion-item .accordion-collapse .accordion-body {
    font-size: 16px;
    font-family: Tajawal-Regular, sans-serif;
    line-height: 30px;
    color: var(--basic-700-color);
}

/* end of questions */


/* fixed pages */
#content.fixed-pages .use-policy {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border-radius: 10px;
    padding: 35px 25px 40px 25px;
}

#content.fixed-pages .use-policy h1 {
    font-size: 22px;
    margin-bottom: 40px;
}

#content.fixed-pages .use-policy .body-text {
    margin-bottom: 50px;
}

#content.fixed-pages .use-policy a.btn-primary-color {
    font-size: 20px;
    height: 56px;
    line-height: 56px;
    padding: 0 35px;
    display: inline-flex;
    align-items: center;
}

#content.fixed-pages .use-policy a.btn-primary-color i {
    font-size: 30px;
    margin-left: 25px;
}

#content.fixed-pages .about-us {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border-radius: 10px;
    padding: 40px 60px;
    text-align: center;
}

#content.fixed-pages .about-us h1 {
    font-size: 22px;
    margin: 40px 0 20px 0;
}

#content.fixed-pages .about-us a img {
    height: 80px;
    object-fit: contain;
}

/* end of fixed pages */


/* cart fill */
#content.cart-fill .cart-products .product-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 20px;
}

#content.cart-fill .cart-products .product-div .img-div {
    text-align: center;
}

#content.cart-fill .cart-products .product-div .img-div .product-discount {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    border-radius: 100px;
    padding: 3px 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 14px;
}

#content.cart-fill .cart-products .product-div .img-div img {
    width: 100px;
    height: 80px;
    object-fit: contain;
    margin-top: 20px;
}

#content.cart-fill .cart-products .product-info .product-sections {
    font-size: 12px;
    color: var(--basic-600-color);
    display: inline-flex;
    align-items: center;
}

#content.cart-fill .cart-products .product-info .product-sections span {
    font-family: Tajawal-Medium, sans-serif;
    color: var(--basic-700-color);
    margin: 0 5px;
}

#content.cart-fill .cart-products .product-info h1 {
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 24px;
    margin-bottom: 25px;
}

#content.cart-fill .cart-products .product-info .other-info {
    background: #F5F7FE 0 0 no-repeat padding-box;
    color: #242424BF;
    font-size: 12px;
    font-family: Tajawal-Medium, sans-serif;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
}

#content.cart-fill .cart-products .product-info .other-info .img-div2 {
    background: var(--basic-200-color) 0 0 no-repeat padding-box;
    border: 1px solid #EEF1F6;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

#content.cart-fill .cart-products .product-info .other-info .img-div2 img {
    width: 19px;
    height: 19px;
    object-fit: contain;
}

#content.cart-fill .cart-products .product-info .other-info .product-owner {
    margin-bottom: 0;
    color: #242424;
    font-size: 14px;
}

#content.cart-fill .cart-products .product-info .product-price {
    line-height: 30px;
}

#content.cart-fill .cart-products .product-info .product-price > span {
    font-size: 16px;
    font-family: Tajawal-Bold, sans-serif;
    color: var(--primary-color);
    margin: 0 10px;
}

#content.cart-fill .cart-products .product-info .product-price small {
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    color: #A0A8B7;
    display: inline;
}

#content.cart-fill .cart-products .product-info .product-price small span {
    text-decoration: line-through;
}

#content.cart-fill .cart-products .product-info .product-rate {
    font-size: 12px;
    font-family: Tajawal-Medium, sans-serif;
    color: #F7C51E;
}

#content.cart-fill .cart-products .product-info .product-rate i {
    font-size: 17px;
}

#content.cart-fill .cart-products .product-info .product-rate span {
    color: var(--basic-600-color);
}

#content.cart-fill .cart-products .product-info .product-rate a {
    color: var(--secondary-color);
    text-decoration: underline;
}

#content.cart-fill .cart-products .product-info .product-rate a:hover {
    /*color: var(--primary-color);*/
    transition: 300ms ease;
}

#content.cart-fill .cart-products .product-info form .form-label {
    color: #242424;
    font-size: 16px;
    line-height: 30px;
}

#content.cart-fill .cart-products .product-info form input {
    background: #F7F7FA 0 0 no-repeat padding-box;
}

#content.cart-fill .cart-products .product-info form input[type=number]::-webkit-inner-spin-button,
#content.cart-fill .cart-products .product-info form input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

#content.cart-fill .cart-products .product-info form .btn-primary-color {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
}

#content.cart-fill .cart-products .product-info form .btn-primary-color span {
    font-size: 22px;
    font-family: Tajawal-Bold, sans-serif;
}

#content.cart-fill .cart-products .product-info form .btn-primary-color small {
    font-size: 16px;
    font-family: Tajawal-Medium, sans-serif;
}

#content.cart-fill .cart-products .product-info form .text-warning2 {
    font-size: 16px;
    line-height: 30px;
    color: #FA9600;
}

#content.cart-fill .cart-products .product-info .btn-fav {
    width: 40px;
    height: 40px;
    background: #F7F7FA 0 0 no-repeat padding-box;
    color: var(--basic-600-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#content.cart-fill .cart-products .product-info .btn-fav:hover,
#content.cart-fill .cart-products .product-info .btn-fav.active {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    transition: 300ms ease;
}


.btn-danger2 {
    background: #FF3D7142 0 0 no-repeat padding-box;
    color: #FF3D71;
    border: 1px solid #FF3D7142;
    border-radius: 5px;
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    display: inline-flex;
    align-items: center;
}

.btn-danger2 i {
    font-size: 16px;
}

.btn-danger2:hover {
    background: #FF3D7142 0 0 no-repeat padding-box;
    color: #FF3D71;
    border: 1px solid #FF3D71;
    font-weight: bold;
    transition: 300ms ease;
}

.btn-warning2 {
    background: #FA960042 0 0 no-repeat padding-box;
    color: #FA9600;
    border: 1px solid #FA960042;
    border-radius: 5px;
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    display: inline-flex;
    align-items: center;
}

.btn-warning2 i {
    font-size: 16px;
}

.btn-warning2:hover {
    background: #FA960042 0 0 no-repeat padding-box;
    color: #FA9600;
    border: 1px solid #FA9600;
    font-weight: bold;
    transition: 300ms ease;
}


#content.cart-fill .order-summary {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    padding: 20px 15px 15px 15px;
    font-size: 12px;
    color: var(--basic-600-color);
}

#content.cart-fill .order-summary .title {
    font-size: 14px;
    font-family: Tajawal-Bold, sans-serif;
    color: #1A1A1B;
    border-bottom: 1px solid #F3F3F3;
    padding-bottom: 15px;
    position: relative;
}

#content.cart-fill .order-summary .title:before {
    content: '';
    position: absolute;
    top: 30px;
    right: 0;
    width: 50px;
    height: 5px;
    background-color: var(--primary-color);
}

#content.cart-fill .order-summary .data {
    margin-top: 15px;
}

#content.cart-fill .order-summary .data form .form-control {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    font-family: Tajawal-Regular, sans-serif;
    color: var(--basic-700-color);
}

#content.cart-fill .order-summary .data form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #959595;
    font-size: 12px;
}

#content.cart-fill .order-summary .data form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #959595;
    font-size: 12px;
}

#content.cart-fill .order-summary .data form .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #959595;
    font-size: 12px;
}

#content.cart-fill .order-summary .data form ul {
    margin-bottom: 10px;
}

#content.cart-fill .order-summary .data form ul li hr {
    margin: 5px 0;
}

#content.cart-fill .order-summary .data form ul li.total {
    font-family: Tajawal-Medium, sans-serif;
}

#content.cart-fill .order-summary .data form ul li.total .title_ {
    color: var(--basic-1000-color);
}

#content.cart-fill .order-summary .data form ul li.total .price_ {
    color: var(--primary-color);
}

#content.cart-fill .order-summary .data form ul li.discount .price_ {
    color: #FF3D71;
}

/* end of cart fill */


/* cart complete order */
#deliver-way {
    margin-bottom: 20px;
}

#deliver-way h1 {
    font-size: 22px;
    margin-bottom: 20px;
}

#deliver-way #deliver-way-options {
    margin-bottom: 15px;
}

#deliver-way #deliver-way-options .form-check-inline {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid var(--basic-600-color);
    border-radius: 5px;
    font-size: 16px;
    font-family: Tajawal-Regular, sans-serif;
    color: var(--basic-600-color);
    width: 195px;
    height: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

#deliver-way #deliver-way-options .form-check-inline.checked {
    border: 1px solid var(--primary-color);
}

#deliver-way #deliver-way-options .form-check-inline .form-check-input {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: relative;
}

#deliver-way #deliver-way-options .form-check-inline .form-check-input:checked ~ label {
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    color: #252525;
}

#deliver-way #deliver-way-options .form-check-inline .form-check-input:checked {
    background-image: none;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

#deliver-way #deliver-way-options .form-check-inline .form-check-input:checked:before {
    content: '\f00c';
    font-family: "FontAwesome", sans-serif;
    color: var(--white-color);
    font-size: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#deliver-way #deliver-way-options .form-check-inline .form-check-input:focus {
    border-color: var(--primary-color);
    box-shadow: none;
}

#deliver-way #deliver-way-options .form-check-inline label {
    margin-right: 10px;
}


#deliver-way #from-location-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
}

#deliver-way #from-location-div .address-title {
    font-family: Tajawal-Medium, sans-serif;
    color: #252525;
    padding: 20px 30px;
    border-bottom: 1px solid #EDF1F7;
}

#deliver-way #from-location-div .address-info {
    display: flex;
    align-items: baseline;
    padding: 20px 30px;
    color: #111112;
}

#deliver-way #from-location-div .address-info .fa-location-dot {
    font-size: 18px;
    color: var(--basic-600-color);
}

#deliver-way #from-location-div .address-info .phone-title {
    font-family: Tajawal-Medium, sans-serif;
    color: var(--basic-1000-color);
}

#deliver-way #from-location-div .address-info .phone-value {
    margin: 0 10px;
    direction: ltr;
}

#deliver-way #from-location-div .address-info .fa-circle-check {
    font-size: 16px;
    color: var(--primary-color);
}


#deliver-way #deliver-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    padding: 20px;
}

#deliver-way #deliver-div h6 {
    font-size: 16px;
    margin-bottom: 16px;
}

#deliver-way #deliver-div .add-address-big-link div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    color: #111112;
    border: 1px solid var(--basic-300-color);
    border-radius: 5px;
    font-family: Tajawal-Medium, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
}

#deliver-way #deliver-div .add-address-big-link:hover div {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    transition: 300ms ease;
}

#deliver-way #deliver-div .add-address-big-link div i {
    color: var(--primary-color);
    font-size: 22px;
}


#deliver-way #add-address-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    padding: 14px 20px 30px 20px;
}

#deliver-way #add-address-div h6 {
    font-size: 16px;
}

#deliver-way #add-address-div .address-cancel {
    font-size: 12px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 16px;
    margin-left: 15px;
}

#deliver-way #add-address-div .btn-primary-color {
    height: 32px;
    line-height: 32px;
}


#deliver-way #show-addresses-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    padding: 20px;
}

#deliver-way #show-addresses-div h6 {
    font-size: 16px;
}

#deliver-way #show-addresses-div .add-new-address {
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 34px;
    color: #111112;
    display: inline-flex;
    align-items: center;
}

#deliver-way #show-addresses-div .add-new-address:hover {
    color: var(--primary-color);
    transition: 300ms ease;
}

#deliver-way #show-addresses-div .add-new-address i {
    font-size: 22px;
    color: var(--primary-color);
    margin-left: 7px;
}

#deliver-way #show-addresses-div .address-item {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid var(--basic-300-color);
    border-radius: 5px;
    padding: 10px;
}

#deliver-way #show-addresses-div .address-item .address-item-title {
    color: #111112;
    font-family: Tajawal-Medium, sans-serif;
    border-bottom: 1px solid var(--basic-300-color);
}

#deliver-way #show-addresses-div .address-item .address-item-title .form-check .form-check-input {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: relative;
}

#deliver-way #show-addresses-div .address-item .address-item-title .form-check .form-check-input:checked {
    background-image: none;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

#deliver-way #show-addresses-div .address-item .address-item-title .form-check .form-check-input:checked:before {
    content: '\f00c';
    font-family: "FontAwesome", sans-serif;
    color: var(--white-color);
    font-size: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#deliver-way #show-addresses-div .address-item .address-item-title .form-check .form-check-input:focus {
    border-color: var(--primary-color);
    box-shadow: none;
}

#deliver-way #show-addresses-div .address-item .address-item-title .form-check label {
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
}

#deliver-way #show-addresses-div .address-item .address-item-title .form-check label i {
    font-size: 18px;
    color: #5D6C85;
}

#deliver-way #show-addresses-div .address-item .address-item-title .address-actions {
    font-size: 16px;
    color: var(--basic-600-color);
    margin: 0 10px;
}

#deliver-way #show-addresses-div .address-item .address-item-title .address-actions:hover {
    color: var(--primary-color);
    transition: 300ms ease;
}

#deliver-way #show-addresses-div .address-item .address-item-body {
    padding: 20px 10px 10px 10px;
}

#deliver-way #show-addresses-div .address-item .address-item-body .title {
    line-height: 34px;
    color: #5D6C85;
}

#deliver-way #show-addresses-div .address-item .address-item-body .value {
    line-height: 22px;
    color: #111112;
}

#deliver-way #show-addresses-div .address-item .address-item-body i {
    font-size: 16px;
    color: #38AE04;
}


#content.cart-fill.complete-order .cart-products .cart-products-title h1 {
    font-size: 21px;
    line-height: 28px;
}

#content.cart-fill.complete-order .cart-products .cart-products-title a {
    color: var(--primary-color);
    text-decoration: underline;
}

#content.cart-fill.complete-order .cart-products .cart-products-title a:hover {
    /*color: var(--secondary-color);*/
    transition: 300ms ease;
}

#content.cart-fill.complete-order .cart-products .product-info .quantity-div .title_ {
    font-size: 16px;
    line-height: 30px;
    color: #242424;
}

#content.cart-fill.complete-order .cart-products .product-info .quantity-div .value_ {
    background: #F7F7FA 0 0 no-repeat padding-box;
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}


#content.cart-fill.complete-order .order-summary .data form .coupon-div .input-group input {
    font-size: 12px;
}

#content.cart-fill.complete-order .order-summary .data form .coupon-div .input-group button {
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding: 0 19px;
    border-radius: 5px;
}

#content.cart-fill.complete-order .order-summary .data form .alert {
    border-radius: 5px;
    line-height: 18px;
    padding: 4px 8px;
    width: 100%;
}

#content.cart-fill.complete-order .order-summary .data form .alert i {
    font-size: 16px;
}

#content.cart-fill.complete-order .order-summary .data form .alert-success {
    background: #44CAB421 0 0 no-repeat padding-box;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    margin: 5px 0 0 0;
}

#content.cart-fill.complete-order .order-summary .data form .alert-warning {
    background: #FFAA0026 0 0 no-repeat padding-box;
    color: #FFAA00;
    border: 1px solid #FFAA00;
    margin: 0 0 10px 0;
}

#content.cart-fill.complete-order .order-summary .data form .form-check {
    font-size: 14px;
    color: #242424;
    display: inline-flex;
    align-items: center;
}

#content.cart-fill.complete-order .order-summary .data form .form-check .form-check-input {
    width: 16px;
    height: 16px;
    border: 1px solid #979797;
    border-radius: 0;
}

#content.cart-fill.complete-order .order-summary .data form .form-check .form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

#content.cart-fill.complete-order .order-summary .data form .form-check .form-check-input:focus {
    border-color: var(--primary-color);
    box-shadow: none;
}


#content.cart-fill.complete-order #successModal .modal-body {
    padding: 80px 20px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 28px;
}

#content.cart-fill.complete-order #successModal .modal-body .icon {
    font-size: 88px;
    color: var(--primary-color);
    margin-bottom: 38px;
}

#content.cart-fill.complete-order #successModal .modal-body .title {
    font-size: 21px;
    margin-bottom: 20px;
}

#content.cart-fill.complete-order #successModal .modal-body .body {
    margin-bottom: 30px;
}

#content.cart-fill.complete-order #successModal .modal-body a {
    padding: 0 45px;
    margin: 5px;
}

/* end of cart complete order */


/* notifications */
#content .notifications {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    padding: 20px 25px 5px 25px;
}

#content .notifications .title {
    font-size: 22px;
}

#content .notifications .delete-all {
    font-family: Tajawal-Medium, sans-serif;
    color: var(--error-color);
    display: inline-flex;
    align-items: center;
}

#content .notifications .delete-all:hover span {
    text-decoration: underline;
    transition: 300ms ease;
}

#content .notifications .delete-all div {
    width: 32px;
    height: 32px;
    font-size: 15px;
    background-color: #E61B4221;
    border-radius: 50%;
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#content .notifications .notification-item {
    background: var(--basic-200-color) 0 0 no-repeat padding-box;
    border: 1px solid var(--basic-300-color);
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #111112;
}

#content .notifications .notification-item .colored-bell-div {
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--white-color) 0 0 no-repeat padding-box;
}

#content .notifications .notification-item .colored-bell-div.primary-color {
    color: var(--primary-color);
}

#content .notifications .notification-item .colored-bell-div.error-color {
    color: var(--error-color);
}

#content .notifications .notification-item .colored-bell-div.success-color {
    color: #49B00E;
}

#content .notifications .notification-item .colored-bell-div.alert-color {
    color: var(--alert-color);
}

#content .notifications .notification-item .colored-bell-div.info-color {
    color: #00B9FF;
}

#content .notifications .notification-item p {
    margin-bottom: 0;
    font-family: Tajawal-Medium, sans-serif;
}

#content .notifications .notification-item .btn {
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
}

#content .notifications .notification-item .delete-one {
    color: var(--basic-600-color);
    font-size: 15px;
}

#content .notifications .notification-item .delete-one:hover {
    color: var(--error-color);
    transition: 300ms ease;
}

#content .notifications .notification-item .custom-date {
    font-size: 12px;
    display: block;
}

/* end of notifications */


/* personal info */
#content.my-account .menu {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    padding: 20px 15px 15px 15px;
}

#content.my-account .menu h6 {
    font-size: 14px;
    color: #1A1A1B;
    border-bottom: 1px solid #F3F3F3;
    padding-bottom: 15px;
    position: relative;
}

#content.my-account .menu h6:before {
    content: '';
    position: absolute;
    top: 30px;
    right: 0;
    width: 50px;
    height: 5px;
    background-color: var(--primary-color);
}

#content.my-account .menu ul {
    margin: 20px 0 0 0;
}

#content.my-account .menu ul li {
    margin-bottom: 20px;
}

#content.my-account .menu ul li:last-child {
    margin-bottom: 10px;
}

#content.my-account .menu ul li hr {
    margin: 0;
}

#content.my-account .menu ul li a {
    font-family: Tajawal-Medium, sans-serif;
}

#content.my-account .menu ul li a.logout-link {
    font-family: Tajawal-Regular, sans-serif;
    color: var(--error-color);
}

#content.my-account .menu ul li a.active {
    color: var(--primary-color);
}

#content.my-account .menu ul li a.active {
    color: var(--primary-color);
}


#content.my-account.personal-info .data {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    padding: 20px;
}

#content.my-account.personal-info .data h6 {
    font-size: 14px;
    color: #1A1A1B;
    margin-bottom: 20px;
}

#content.my-account.personal-info .data .key {
    font-family: Tajawal-Medium, sans-serif;
    color: #242424;
}

#content.my-account.personal-info .data .value {
    background: var(--basic-200-color) 0 0 no-repeat padding-box;
    border-radius: 5px;
    padding: 15px;
    margin-top: 10px;
}

#content.my-account.personal-info .data .value a i {
    font-size: 12px;
    color: var(--primary-color);
}

#content.my-account.personal-info .data .value a:hover i {
    /*color: var(--primary-color);*/
    transition: 300ms ease;
}


#content.my-account.personal-info-edit .data {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    padding: 15px 20px 20px 20px;
}

#content.my-account.personal-info-edit .data form h6 {
    font-size: 20px;
    color: #1A1A1B;
    margin-bottom: 25px;
}

#content.my-account.personal-info-edit .data form .form-label {
    color: #242424;
    margin-bottom: 10px;
    font-family: Tajawal-Medium, sans-serif;
}

#content.my-account.personal-info-edit .data form .form-control:not(textarea) {
    height: 48px;
    line-height: 48px;
}

/* end of personal info */


/* my orders */
#content.my-account.my-orders .data {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    padding: 25px 20px;
}

#content.my-account.my-orders .data h6 {
    font-size: 14px;
    color: #1A1A1B;
    margin-bottom: 10px;
}

#content.my-account.my-orders .data form input[type="text"] {
    border-left: 1px solid transparent;
}

#content.my-account.my-orders .data form .input-group-text {
    background-color: var(--white-color);
    color: var(--basic-600-color);
    font-size: 16px;
    border-top: 1px solid #E4E9F2;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #E4E9F2;
    border-left: 1px solid #E4E9F2;
    border-radius: 5px 0 0 5px;
}

#content.my-account.my-orders .data form .input-group:focus-within .input-group-text {
    border-top: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    border-left: 1px solid var(--primary-color);
    transition: 300ms ease;
}

#content.my-account.my-orders .data form .col-form-label {
    color: var(--basic-600-color);
    font-size: 14px;
    line-height: 27px;
}

#content.my-account.my-orders .data table {
    --bs-table-striped-bg: var(--white-color);
}

#content.my-account.my-orders .data table.table-striped > tbody tr:nth-child(even) {
    background-color: var(--basic-200-color);
}

#content.my-account.my-orders .data table thead {
    background: var(--basic-200-color) 0 0 no-repeat padding-box;
    color: var(--secondary-color);
    border: 1px solid #E4E9F2;
    border-radius: 5px 5px 0 0;
    font-family: Tajawal-Medium, sans-serif;
}

#content.my-account.my-orders .data table .order-status {
    display: inline-flex;
    align-items: center;
    color: var(--secondary-color);
}

#content.my-account.my-orders .data table .order-status i {
    font-size: 10px;
}

#content.my-account.my-orders .data table .btn-outline-primary-color {
    height: 26px;
    line-height: 26px;
    padding: 0 15px;
    font-size: 12px;
}

#content.my-account.my-orders .data .show-more-link {
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    color: var(--primary-color);
}

#content.my-account.my-orders .data .show-more-link:hover {
    color: var(--basic-1000-color);
    transition: 300ms ease;
}


.custom-gray-color {
    color: var(--basic-600-color) !important;
}

.custom-red-color {
    color: var(--error-color) !important;
}

.custom-success-color {
    color: var(--primary-color) !important;
}

.custom-gold-color {
    color: #FFAA00 !important;
}

.custom-purple-color {
    color: #746BF3 !important;
}

.custom-dark-purple-color {
    color: var(--secondary-color) !important;
}

.custom-info-color {
    color: #00B9FF !important;
}

/* end of my orders */


/* favorite */
#content.my-account.favorite .data .product-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 25px;
}

#content.my-account.favorite .data .product-div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 20px;
}

#content.my-account.favorite .data .product-div .img-div {
    text-align: center;
}

#content.my-account.favorite .data .product-div .img-div .product-discount {
    background: var(--primary-color) 0 0 no-repeat padding-box;
    color: var(--white-color);
    border-radius: 100px;
    padding: 3px 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 14px;
}

#content.my-account.favorite .data .product-div .img-div img {
    width: 100px;
    height: 80px;
    object-fit: contain;
    margin-top: 20px;
}

#content.my-account.favorite .data .product-info .product-sections {
    font-size: 12px;
    color: var(--basic-600-color);
    display: inline-flex;
    align-items: center;
}

#content.my-account.favorite .data .product-info .product-sections span {
    font-family: Tajawal-Medium, sans-serif;
    color: var(--basic-700-color);
    margin: 0 5px;
}

#content.my-account.favorite .data .product-info h1 {
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 24px;
    margin-bottom: 25px;
}

#content.my-account.favorite .data .product-info .other-info {
    background: #F5F7FE 0 0 no-repeat padding-box;
    color: #242424BF;
    font-size: 12px;
    font-family: Tajawal-Medium, sans-serif;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
}

#content.my-account.favorite .data .product-info .other-info .img-div2 {
    background: var(--basic-200-color) 0 0 no-repeat padding-box;
    border: 1px solid #EEF1F6;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

#content.my-account.favorite .data .product-info .other-info .img-div2 img {
    width: 19px;
    height: 19px;
    object-fit: contain;
}

#content.my-account.favorite .data .product-info .other-info .product-owner {
    margin-bottom: 0;
    color: #242424;
    font-size: 14px;
}

#content.my-account.favorite .data .product-info .product-price {
    line-height: 30px;
}

#content.my-account.favorite .data .product-info .product-price > span {
    font-size: 16px;
    font-family: Tajawal-Bold, sans-serif;
    color: var(--primary-color);
    margin: 0 10px;
}

#content.my-account.favorite .data .product-info .product-price small {
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    color: #A0A8B7;
    display: inline;
}

#content.my-account.favorite .data .product-info .product-price small span {
    text-decoration: line-through;
}

#content.my-account.favorite .data .product-info .product-rate {
    font-size: 12px;
    font-family: Tajawal-Medium, sans-serif;
    color: #F7C51E;
}

#content.my-account.favorite .data .product-info .product-rate i {
    font-size: 17px;
}

#content.my-account.favorite .data .product-info .product-rate span {
    color: var(--basic-600-color);
}

#content.my-account.favorite .data .product-info .product-rate a {
    color: var(--secondary-color);
    text-decoration: underline;
}

#content.my-account.favorite .data .product-info .product-rate a:hover {
    /*color: var(--primary-color);*/
    transition: 300ms ease;
}

#content.my-account.favorite .data .product-info form .form-label {
    color: #242424;
    font-size: 16px;
    line-height: 30px;
}

#content.my-account.favorite .data .product-info form input {
    background: #F7F7FA 0 0 no-repeat padding-box;
}

#content.my-account.favorite .data .product-info form .btn-primary-color {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
}

#content.my-account.favorite .data .product-info form .btn-primary-color span {
    font-size: 22px;
    font-family: Tajawal-Bold, sans-serif;
}

#content.my-account.favorite .data .product-info form .btn-primary-color small {
    font-size: 16px;
    font-family: Tajawal-Medium, sans-serif;
}

#content.my-account.favorite .data .product-info form .btn-danger2 {
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 0;
}

/* end of favorite */


/* my wallet */
#content.my-account.my-wallet .my-wallet-item {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    padding: 25px 20px 20px 20px;
    font-size: 16px;
    color: #252525;
    line-height: 30px;
}

#content.my-account.my-wallet .my-wallet-item h6 {
    font-size: 16px;
    color: #1A1A1B;
    margin-bottom: 26px;
}

#content.my-account.my-wallet .my-wallet-item.balance-display {
    min-height: 200px;
}

#content.my-account.my-wallet .my-wallet-item.balance-display sup {
    font-size: 16px;
    color: #252525;
    line-height: 30px;
    display: block;
    top: 0;
}

#content.my-account.my-wallet .my-wallet-item.balance-display span {
    font-size: 36px;
    font-family: Tajawal-Bold, sans-serif;
    color: var(--primary-color);
}

#content.my-account.my-wallet .my-wallet-item.balance-display sub {
    font-size: 16px;
    color: #252525;
    line-height: 30px;
}

#content.my-account.my-wallet .my-wallet-item.balance-charge {
    min-height: 200px;
}

#content.my-account.my-wallet .my-wallet-item.balance-charge h6 {
    margin-bottom: 15px;
}

#content.my-account.my-wallet .my-wallet-item.balance-charge label {
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
}

#content.my-account.my-wallet .my-wallet-item.balance-charge .btn-primary-color {
    font-family: Tajawal-Regular, sans-serif;
}

#content.my-account.my-wallet .my-wallet-item.balance-transactions h6 {
    margin-bottom: 10px;
}

#content.my-account.my-wallet .my-wallet-item.balance-transactions .row {
    border-bottom: 1px solid #EDF1F7;
    padding: 10px 0;
}

#content.my-account.my-wallet .my-wallet-item.balance-transactions .row:first-child {
    padding-top: 0;
}

#content.my-account.my-wallet .my-wallet-item.balance-transactions .row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* end of my wallet */


/* my addresses */
#content.my-account.my-addresses .data {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    padding: 25px 20px 20px 20px;
}

#content.my-account.my-addresses .data h6 {
    font-size: 16px;
    margin-bottom: 16px;
}

#content.my-account.my-addresses .data .add-address-big-link div {
    background: var(--white-color) 0 0 no-repeat padding-box;
    color: #111112;
    border: 1px solid var(--basic-300-color);
    border-radius: 5px;
    font-family: Tajawal-Medium, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
}

#content.my-account.my-addresses .data .add-address-big-link:hover div {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    transition: 300ms ease;
}

#content.my-account.my-addresses .data .add-address-big-link div i {
    color: var(--primary-color);
    font-size: 22px;
}

#content.my-account.my-addresses-add .data {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    padding: 14px 20px 30px 20px;
}

#content.my-account.my-addresses-add .data h6 {
    font-size: 16px;
}

#content.my-account.my-addresses-add .data .address-cancel {
    font-size: 12px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 16px;
    margin-left: 15px;
}

#content.my-account.my-addresses-add .data .btn-primary-color {
    height: 32px;
    line-height: 32px;
}

#content.my-account.my-addresses-data .data {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    padding: 20px;
}

#content.my-account.my-addresses-data .data h6 {
    font-size: 16px;
}

#content.my-account.my-addresses-data .data .add-new-address {
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 34px;
    color: #111112;
    display: inline-flex;
    align-items: center;
}

#content.my-account.my-addresses-data .data .add-new-address:hover {
    color: var(--primary-color);
    transition: 300ms ease;
}

#content.my-account.my-addresses-data .data .add-new-address i {
    font-size: 22px;
    color: var(--primary-color);
    margin-left: 7px;
}

#content.my-account.my-addresses-data .data .address-item {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid var(--basic-300-color);
    border-radius: 5px;
    padding: 10px;
}

#content.my-account.my-addresses-data .data .address-item .address-item-title {
    color: #111112;
    font-family: Tajawal-Medium, sans-serif;
    border-bottom: 1px solid var(--basic-300-color);
}

#content.my-account.my-addresses-data .data .address-item .address-item-title .form-check .form-check-input {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: relative;
}

#content.my-account.my-addresses-data .data .address-item .address-item-title .form-check .form-check-input:checked {
    background-image: none;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

#content.my-account.my-addresses-data .data .address-item .address-item-title .form-check .form-check-input:checked:before {
    content: '\f00c';
    font-family: "FontAwesome", sans-serif;
    color: var(--white-color);
    font-size: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#content.my-account.my-addresses-data .data .address-item .address-item-title .form-check .form-check-input:focus {
    border-color: var(--primary-color);
    box-shadow: none;
}

#content.my-account.my-addresses-data .data .address-item .address-item-title .form-check label {
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
}

#content.my-account.my-addresses-data .data .address-item .address-item-title .form-check label i {
    font-size: 18px;
    color: #5D6C85;
}

#content.my-account.my-addresses-data .data .address-item .address-item-title .address-actions {
    font-size: 16px;
    color: var(--basic-600-color);
    margin: 0 10px;
}

#content.my-account.my-addresses-data .data .address-item .address-item-title .address-actions:hover {
    color: var(--primary-color);
    transition: 300ms ease;
}

#content.my-account.my-addresses-data .data .address-item .address-item-body {
    padding: 20px 10px 10px 10px;
}

#content.my-account.my-addresses-data .data .address-item .address-item-body .title {
    line-height: 34px;
    color: #5D6C85;
}

#content.my-account.my-addresses-data .data .address-item .address-item-body .value {
    line-height: 22px;
    color: #111112;
}

#content.my-account.my-addresses-data .data .address-item .address-item-body i {
    font-size: 16px;
    color: #38AE04;
}

/* end of my addresses */


/* my orders details */
#content.my-orders-details #order-info {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 15px;
}

#content.my-orders-details #order-info h6 {
    font-size: 16px;
    line-height: 24px;
}

#content.my-orders-details #order-info span {
    color: #111112;
    line-height: 22px;
}

#content.my-orders-details #order-info .deliver-way-display {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    padding: 7px 20px;
    font-family: Tajawal-Medium, sans-serif;
    color: #252525;
}

#content.my-orders-details #order-info .edit-link {
    font-family: Tajawal-Medium, sans-serif;
    color: var(--primary-color);
}

#content.my-orders-details #order-info .edit-link:hover,
#content.my-orders-details #order-info .edit-link:hover span {
    color: var(--secondary-color);
    transition: 300ms ease;
}

#content.my-orders-details #order-info .edit-link span {
    color: var(--primary-color);
    text-decoration: underline;
}

#content.my-orders-details #order-info .address-info {
    display: flex;
    align-items: baseline;
    color: #111112;
}

#content.my-orders-details #order-info .address-info .fa-location-dot {
    font-size: 18px;
    color: var(--basic-600-color);
}

#content.my-orders-details #order-info .address-info .phone-title {
    font-family: Tajawal-Medium, sans-serif;
    color: var(--basic-1000-color);
}

#content.my-orders-details #order-info .address-info .phone-value {
    margin: 0 10px;
    direction: ltr;
}

#content.my-orders-details #order-info .address-info .fa-circle-check {
    font-size: 16px;
    color: var(--primary-color);
}

#content.my-orders-details #order-info .order-status {
    display: inline-flex;
    align-items: center;
    color: var(--secondary-color);
}

#content.my-orders-details #order-info .order-status i {
    font-size: 10px;
}

#content.my-orders-details #order-info .buttons-div a {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    font-family: Tajawal-Medium, sans-serif;
}

#content.my-orders-details #order-info .btn-outline-info {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}

#content.my-orders-details #order-info .btn-outline-info i {
    font-size: 18px;
}

#content.my-orders-details #order-info .btn-outline-warning {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}

#content.my-orders-details #order-info .btn-outline-warning i {
    font-size: 18px;
}

#content.my-orders-details #payment-way .payment-way-options {
    margin-bottom: 22px;
}

#content.my-orders-details #payment-way .payment-way-options .form-check-inline {
    background: var(--white-color) 0 0 no-repeat padding-box;
    border: 1px solid #ECEEF1;
    border-radius: 5px;
    font-size: 14px;
    font-family: Tajawal-Regular, sans-serif;
    color: var(--basic-600-color);
    width: 175px;
    height: 38px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

#content.my-orders-details #payment-way .payment-way-options .form-check-inline.checked {
    border: 1px solid var(--primary-color);
}

#content.my-orders-details #payment-way .payment-way-options .form-check-inline .form-check-input {
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    position: relative;
}

#content.my-orders-details #payment-way .payment-way-options .form-check-inline .form-check-input:checked ~ label {
    color: #111112;
}

#content.my-orders-details #payment-way .payment-way-options .form-check-inline .form-check-input:checked {
    background-image: none;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

#content.my-orders-details #payment-way .payment-way-options .form-check-inline .form-check-input:checked:before {
    content: '\f00c';
    font-family: "FontAwesome", sans-serif;
    color: var(--white-color);
    font-size: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#content.my-orders-details #payment-way .payment-way-options .form-check-inline .form-check-input:focus {
    border-color: var(--primary-color);
    box-shadow: none;
}

#content.my-orders-details #payment-way .payment-way-options .form-check-inline label {
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
}

#content.my-orders-details #payment-way .payment-way-options .form-check-inline label img {
    margin-left: 10px;
}

#content.my-orders-details #payment-way .cash-pay-way .form-check {
    color: #242424;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

#content.my-orders-details #payment-way .cash-pay-way .form-check .form-check-input {
    width: 16px;
    height: 16px;
    border: 1px solid #979797;
    border-radius: 0;
}

#content.my-orders-details #payment-way .cash-pay-way .form-check .form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

#content.my-orders-details #payment-way .cash-pay-way .form-check .form-check-input:focus {
    border-color: var(--primary-color);
    box-shadow: none;
}

#content.my-orders-details #payment-way .wallet-pay-way span {
    font-size: 16px;
    line-height: 30px;
    color: #252525;
}

#content.my-orders-details #payment-way .wallet-pay-way .balance-value {
    font-size: 36px;
    font-family: Tajawal-Bold, sans-serif;
    line-height: 30px;
    color: var(--primary-color);
    margin: 0 15px;
}


#content.my-orders-details .order-summary .data ul {
    margin: 0;
}

#content.my-orders-details .order-summary .data ul li span.float-end,
#content.my-orders-details .order-summary .data ul li .dates-with-edit-link .custom-dir-ltr {
    color: var(--basic-700-color);
}

#content.my-orders-details .order-summary .data ul li .dates-with-edit-link {
    border: 1px solid #ECEEF1;
    border-radius: 5px;
    padding: 10px;
    margin: 5px 0;
}

#content.my-orders-details .order-summary .data ul li .dates-with-edit-link .edit-link {
    color: var(--primary-color);
}

#content.my-orders-details .order-summary .data ul li .dates-with-edit-link .edit-link:hover {
    color: var(--secondary-color);
    transition: 300ms ease;
}

#content.my-orders-details .order-summary .data ul li .dates-with-edit-link .edit-link span {
    text-decoration: underline;
}

#content.my-orders-details .modal-content {
    background: #F7F7FA 0 0 no-repeat padding-box;
}

#content.my-orders-details .modal-content .modal-header {
    padding: 25px;
}

#content.my-orders-details .modal-content .modal-header .modal-title {
    font-size: 22px;
}

#content.my-orders-details .modal-content .modal-header .btn-close2 {
    background: transparent;
    border: transparent;
}

#content.my-orders-details .modal-body {
    padding: 0 25px 25px 25px;
}

#content.my-orders-details .modal-body form {
    margin-top: 0;
}

#content.my-orders-details .modal-body form .edit-dates label {
    font-size: 12px;
    color: var(--basic-600-color);
    margin-bottom: 6px;
}

#content.my-orders-details .modal-body form .edit-dates input {
    font-size: 12px;
    color: var(--basic-700-color);
    height: 32px;
    line-height: 32px;
}

#content.my-orders-details .modal-body form .action-buttons .cancel-link {
    font-size: 14px;
    font-family: Tajawal-Medium, sans-serif;
    line-height: 20px;
    color: var(--basic-1000-color);
}

#content.my-orders-details .modal-body form .action-buttons .cancel-link:hover {
    color: var(--primary-color);
    transition: 300ms ease;
}

#content.my-orders-details .modal-body form .action-buttons .btn-primary-color {
    height: 40px;
    line-height: 40px;
    width: auto;
}

#content.my-orders-details .modal-body #deliver-way #add-address-div .btn-primary-color {
    width: auto;
}


.custom-dir-ltr {
    direction: ltr !important;
}

/* end of my orders details */


/* responsive */
/* xxl */
@media screen and (min-width: 1400px) {
}

@media screen and (max-width:450px) {
    .dm{display:none !important;}
    .dmsize{
        flex: 0 0 auto;
    width: 66.66666667% !important;
    }

    .section-products-style .product-item .card-img-top {
        height:108px !important;
        object-fit: cover !important;
    }
    
    .section-products-style .section-products-div .item{
    box-shadow: 0px 0px 19px 1px #f0c3c3;
    border-radius: 20px;
    min-height:280px !important;
    }
    
    .section-products-style .product-item .card-body {
    padding: 0px 0px 0 0px !important;
    position: relative;
    height:130px !important;
}

.posion-w {
        position: fixed;
        bottom: 25px;
        right: 20px;
        height: 56px;
        width: 58px;
        border-radius: 50%;
        background-color: rgb(201 0 0);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 1px 1px 6px #5f4f3b;
        transition: all 0.5s;
        z-index: 999;

}

body .posion-w img {
    height: 30px;
    width: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    filter: invert(1);
}

.btn-primary-color {
    background: black 0 0 no-repeat padding-box;
    color: var(--white-color);
    box-shadow: 0 3px 6px #0000000F;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    font-size: 12px;
    font-family: Tajawal-Medium, sans-serif;
    height: 40px;
    line-height: 40px;
    padding: 0 6px;
}

}
@media screen and (max-width:768px) {
.d-sm-block-dep{
display: none !important;
}
.d-xs-none{
    display: block !important;
    }

}


/* xl */
@media screen and (max-width: 1399px) {
}

/* lg */
@media screen and (max-width: 1199px) {
    footer #footer .footer-desc {
        padding-left: 0;
    }

    #header .bottom-header .navbar-nav .nav-item .nav-link {
        margin: 0 8px;
    }

    #stores .stores-owl-carousel .owl-nav {
        display: none;
    }
}

/* md */
@media screen and (max-width: 991px) {
    #header .top-offers-header {
        padding-right: 5px;
    }

    #header .top-offers-header .top-offer-1 {
        font-size: 18px;
    }

    #header .top-offers-header .top-offer-2 {
        font-size: 22px;
    }

    #header .middle-header {
        padding: 10px 0;
    }

    #header .bottom-header .navbar-nav .nav-item .nav-link.all-sections-main-link {
        width: 100%;
    }

    #header .bottom-header .navbar-nav .nav-item .all-sections-main-dropdown-menu {
        border-radius: 0 0 10px 10px;
        margin-bottom: 8px;
    }

    footer #footer .footer-desc {
        padding-left: 15%;
    }

    #section-categories .section-categories-div .colored-div {
        border-radius: 15px 15px 0 0;
    }

    #section-categories .section-categories-div .white-div {
        border-radius: 0 0 15px 15px;
    }

    #content .results-data2 .product-item .card-body {
        width: 55%;
    }


    .middle-header-style .bottom-header{
        background: #fff !important
    }

    .middle-header-style .bottom-header .navbar-nav .nav-item .nav-link.all-sections-main-link{
        border-radius: 5px !important;
    }
}

/* sm */
@media screen and (max-width: 767px) {
    #header .top-offers-header {
        padding-right: 0;
    }

    #header .top-offers-header .top-offer-item {
        border-radius: 0;
    }

    #header .top-offers-header .top-offer-1 {
        font-size: 16px;
    }

    #header .top-offers-header .top-offer-1:after {
        width: 0;
        height: 0;
    }

    #header .top-offers-header .top-offer-2 {
        font-size: 20px;
    }

    footer #footer .rss-div .rss-desc {
        padding-left: 0;
    }

    #section-categories .section-categories-div .white-div .small-div.small-div1 {
        border-left: 1px solid transparent;
        border-bottom: 1px solid #ECECED;
    }

    #section-categories .section-categories-div .white-div .small-div.small-div2 {
        border-bottom: 1px solid #ECECED;
    }

    #section-categories .section-categories-div .white-div .small-div.small-div3 {
        border-left: 1px solid transparent;
        border-bottom: 1px solid #ECECED;
    }

    #content .results-data2 .product-item .card-body {
        width: 70%;
    }
}

/* xs */
@media screen and (max-width: 575px) {
    #content.contact-us .contact-us-form {
        padding: 30px 15px;
    }

    #content.contact-us .contact-us-info {
        padding: 30px 15px;
    }

    #content.questions .row {
        padding: 0;
    }

    #content.fixed-pages .about-us {
        padding: 0;
    }

    .modal-body form .otp-code-div {
        margin: 0 30px;
    }

    #content.cart-fill .cart-products .product-div {
        padding: 10px;
    }

    #deliver-way #from-location-div .address-title {
        padding: 10px 15px;
    }

    #deliver-way #from-location-div .address-info {
        padding: 10px 15px;
    }

    #deliver-way #show-addresses-div .address-item .address-item-body {
        padding: 10px 0 0 0;
    }

    #content.my-account.my-addresses-data .data .address-item .address-item-body {
        padding: 10px 0 0 0;
    }

    #content.auth-pages .auth-pages-div {
        padding: 20px 10px;
    }

    #content.auth-pages.steps-system .custom-table .custom-table-head {
        border-radius: 15px 15px 0 0;
    }

    #content.auth-pages.steps-system .custom-table .custom-table-data {
        border-right: 1px solid var(--white-color);
    }

    #content .results-data2 .product-item .card-body {
        width: 55%;
    }
}

/* less xs */
@media screen and (max-width: 375px) {
    #product-details .product-info .product-price small {
        display: inline-block;
    }

    .modal-body form .otp-code-div {
        margin: 0;
    }

    #header .top-offers-header .top-offer-1 {
        padding: 10px;
    }
}

/* special with mega menu */
@media all and (min-width: 992px) {
    #header .bottom-header .dropdown-menu .dropdown-toggle::after {
        border-top: .3em solid transparent;
        border-right: .3em solid;
        border-bottom: .3em solid transparent;
        border-left: 0;
        position: absolute;
        left: 15px;
        margin-top: 15px;
    }

    #header .bottom-header .megasubmenu {
        right: 100%;
        top: 0;
        min-height: 100%;
        min-width: 500px;
    }

    #header .bottom-header .dropdown-menu > li:hover .megasubmenu {
        display: block;
    }
}

/* end of responsive */


/* scroll bar */
::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: var(--basic-200-color);
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: var(--basic-200-color);
}

::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background: var(--primary-color) 0 0 no-repeat padding-box;
}

/* end of scroll bar */
#product-details .product-descriptions {
    display: grid;
}

.product-name {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section-products-style .header-style {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
    position: relative;
}
.discount{
       background: black !important;
}
.d-center{
    display: flex;
    border-radius: 9px;
    justify-content: center;
    align-items: center;
    font-size:22px;     
}
.font-20{
    display: flex;
    border-radius: 9px;
    justify-content: center;
    align-items: center;}
}
.contact-us-item-title{
  color: #fff !important;
}


ul.looop.loo {
    display: inline-block;
    float: left;
    position: relative;
    overflow: hidden;
    margin-top: 5px;
}
ul.looop.loo li {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-left:2px;
}

a.nav-link.all-sections-main-link.d-center:hover {
    color: #fff !important;
}

a.nav-link.dropdown-toggle:hover {
    color: #fff !important;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #000;
    --bs-btn-border-color: #000;
    --bs-btn-focus-box-shadow: #000;
}

.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: #c90000;
    --bs-btn-border-color: #c90000;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #c90000;
    --bs-btn-hover-border-color: #c90000;
    --bs-btn-focus-shadow-rgb: 215, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c90000;
    --bs-btn-active-border-color: #c90000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #c90000;
    --bs-btn-disabled-border-color: #c90000;
}
.btn:hover {
    color: #fff;
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}