@font-face {
    font-family: Shabnam;
    src: url('../../../fonts/Shabnam-FD.eot');
    src: url('../../../fonts/Shabnam-FD.eot') format('embedded-opentype'),
    url('../../../fonts/Shabnam-FD.woff') format('woff'),
    url('../../../fonts/Shabnam-FD.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: Shabnam;
    src: url('../../../fonts/Shabnam-FD.eot');
    src: url('../../../fonts/Shabnam-FD.eot') format('embedded-opentype'),
    url('../../../fonts/Shabnam-Bold-FD.woff') format('woff'),
    url('../../../fonts/Shabnam-Bold-FD.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Shabnam;
    src: url('../../../fonts/Shabnam-Light-FD.eot');
    src: url('../../../fonts/Shabnam-FD.eot') format('embedded-opentype'),
    url('../../../fonts/Shabnam-Light-FD.woff') format('woff'),
    url('../../../fonts/Shabnam-Light-FD.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: bootstrap-icons;
    src: url('../../../fonts/bootstrap-icons.woff') format('woff');
    font-display: swap;
    font-style: normal;
}

* {
    font-family: 'Shabnam' !important;
    direction: rtl;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

:root {
    --max-width: 1730px;
    --primary-color: #30569A;
    --secondery-color: #FA7516;
    --therth-color: #f7a061;
    --forth-color: #03466e;
    --green-bg: #C6F5C4;
    --white-text: #fff;
    --margin-top-enabz: 40px;
    --my-properties: all 0.2s ease;
    --fonts-size: 14px;
    --fonts-size-midle: 1.1rem;
    --fonts-size-mmidle: 1.2rem;
    --box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    --gap-box: 5.1rem;
    --text-justify: justify;
    --bs-gray-200: #e9ecef;
    --bs-gray-500: #adb5bd;
    --bs-gray-700: #495057;
    --mini-cart-color: #ef4056;
}

.container {
    max-width: var(--max-width) !important;
}

.bg-primary-color {
    background-color: var(--primary-color)
}

.bg-secondery-color {
    background-color: var(--secondery-color)
}

.bg-gray {
    background-color: var(--bs-gray-200);
}

.txt-secondery-color {
    color: var(--secondery-color)
}

.bg-therth-color {
    background-color: var(--therth-color) !important;
}

.bg-forth-color {
    background-color: var(--forth-color)
}

.bg-green-bg {
    background-color: var(--green-bg)
}

.mt-25 {
    margin-top: var(--margin-top-enabz) !important;
}

.transition {
    transition: var(--my-properties);
}

.gap-6 {
    gap: var(--gap-box) !important;
}

a {
    text-decoration: none;
    color: black;
}

li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

.font-14 {
    font-size: var(--fonts-size);
}

.font-17 {
    font-size: var(--fonts-size-midle);
}

.font-18 {
    font-size: var(--fonts-size-mmidle);
}

.w-md-100 {
    width: 100%;
}

.box-shadow {
    box-shadow: var(--box-shadow);
}

.text-justify {
    text-align: var(--text-justify);
}

.border-bottom {
    border-color: var(--primary-color) !important;
}

.color-mini-cart {
    color: var(--mini-cart-color);
}

.color-gry-500 {
    color: var(--bs-gray-500);
}

.color-gry-700 {
    color: var(--bs-gray-700);
}

.bg-mini-cart {
    background-color: var(--mini-cart-color);
}

/* scroll */
::-webkit-scrollbar {
    width: 0.5vw;
}

::-webkit-scrollbar-track {
    border-radius: 10em;
}

::-webkit-scrollbar-thumb {
    background: repeating-linear-gradient(48deg, rgba(250, 117, 22, 0.8), rgb(48, 86, 154) 150px);
    border-radius: 10em;
}

::-webkit-scrollbar-track-piece {
    border-radius: 10em;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    appearance: textfield;
}

input:focus {
    border: none !important;
    outline-offset: 2px !important;
    outline: 2px solid var(--secondery-color) !important;
    box-shadow: none !important;
    margin-bottom: 2px;
}

/* hover */
.btn:hover {
    background-color: var(--forth-color) !important;
}

/* brodcramp */
.boracramp {
    height: 50px;
}

.boracramp a:hover {
    color: var(--secondery-color) !important;
}

/* add & minus */
.qty-plus,
.qty-minus {
    cursor: pointer;
    height: 100%;
    background-color: var(--forth-color);
    align-items: center;
    display: flex;
    border-radius: 0 5px 5px 0;
}

.qty-minus {
    border-radius: 5px 0 0 5px;
}

.container-cart {
    max-width: 1232px;
    padding: 0 24px;
    margin: 0 auto;
}
figure.image-basket img{
    width: 100%;
    height: 114px;
    border-radius: 5px;
}

/* menu */
.megamenue-box:hover > .main-menu-category {
    visibility: visible;
    opacity: 1;
    transform: translateX(0px);
    transition: all 300ms ease-in;
}

.main-menu-category {
    visibility: hidden;
    opacity: 0;
    background: var(--secondery-color);
    transform: translateX(12px);
    transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
}

.main-menu-category .menu-item .main-menu-submenus-category a {
    color: black !important;
}

.remove-mini-cart {
    right: 340px;
}

.mini-basket-product img {
    width: 114px;
    height: 114px;
    object-fit: cover;
    border-radius: 5px;
}

footer p a.enabz {
    color: var(--secondery-color) !important;
}