@font-face {
    font-family: edc;
    src: url(../fonts/ShamelFamily-SemiRoundMedium.ttf) format("truetype");
}

@font-face {
    font-family: edc;
    src: url(../fonts/FFShamelFamily-SansOneBold.ttf) format("truetype"),
    url(../fonts/FFShamelFamily-SansOneBook.otf) format("opentype");
    font-weight: bold;
}

body {
    font-family: 'edc', sans-serif;
    background-color: #eee;
}

a {
    text-decoration: none;
    color: #555555;
}

a:hover {
    color: #d70f39 !important;
}

.edc-color-primary {
    color: #5743a0 !important;
}

.edc-color-red-new {
    color: #d70f39 !important;
}

.logo-img {
    max-width: 150px;
}

.logo {}

.logo .link {}

.logo .link .logo-img {}

.logo .title {}

.main-card {
    box-sizing: border-box;
    --widgets-spacing: 20px 20px;
    background-color: #FFF;
    box-shadow: #cccccc6e 1px 1px 5px;
}
.height-fill{
     height: 100%;
}
.cart-item {
    box-sizing: border-box;
    --widgets-spacing: 20px 20px;
    background-color: #cccccc6e;
    box-shadow: #FFF 1px 1px 5px;
}
.cart-item:hover {
    background-color: rgba(243, 243, 243, 0.43);
    box-shadow: #FFF 1px 1px 5px;
}
.border-radius-10{
    border-radius: 10px 10px 10px 10px;
}
.border-radius-20{
    border-radius: 20px 20px 20px 20px;
}
.border-radius-top-right-left-20{
    border-radius: 20px 20px 0 0;
}
.border-radius-30{
    border-radius: 30px 30px 30px 30px;
}
.text-justify{
    text-align: justify;
    line-height: 1.5rem;
}
.border-radius-right-left-top-30{
    border-radius: 30px 30px 0 0;
}
.category-list.active:hover{
    background-color: rgb(250, 253, 255) !important;
}
.category-list.active{
    background-color: rgb(217, 217, 217);
}
.category-list{
    background-color: rgb(250, 253, 255);
}
.category-list.active  .close{
    display: block !important;
    color: red;
}

.lang-flag{
    width: 40px;
    height: 40px;
    background-position: center;
}
.card-logo {
    background: #ffffff;
    width: 60px;
    height: 60px;
    border: #cccccc6e solid 3px;
}
.card-logo-50{
    background: #ffffff;
    width:50px;
    height: 50px;
    border: #cccccc6e solid 3px;
}
.card-logo-30{
    background: #ffffff;
    width:30px;
    height: 30px;
    border: #cccccc6e solid 3px;
}
.logo-border-white{
    border: rgba(255, 255, 255, 0.84) solid 3px;
}
.main-card .card-logo img {
    max-width: 100px;
    width: 40px;
    margin: auto;
}

.main-card .card-content {}

.main-card .card-content h2 {
    font-size: 1.2rem;
}

.sabeeli-logo {
    height: 67px;
}
.reset-input-filter{
    background-color: transparent !important;
    border: none!important;
}
.img-flag{
    width: 2rem;
    height: 2rem;;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0.2rem;
}

.img-flag.active,.img-flag:hover{
    -webkit-filter: grayscale(0%) !important; /* Safari 6.0 - 9.0 */
    filter: grayscale(0%)!important;
    opacity: 1;
}
.store{

}
.store .store-icon{
    width: 40px;
}
.store .store-box img:hover{
    opacity: 0.6;
}
/* HTML: <div class="loader"></div> */
.loader {
    --d:22px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    color: #79301c;
    box-shadow:
            calc(1*var(--d))      calc(0*var(--d))     0 0,
            calc(0.707*var(--d))  calc(0.707*var(--d)) 0 1px,
            calc(0*var(--d))      calc(1*var(--d))     0 2px,
            calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3px,
            calc(-1*var(--d))     calc(0*var(--d))     0 4px,
            calc(-0.707*var(--d)) calc(-0.707*var(--d))0 5px,
            calc(0*var(--d))      calc(-1*var(--d))    0 6px;
    animation: l27 1s infinite steps(8);
}
@keyframes l27 {
    100% {transform: rotate(1turn)}
}
.footer-social img{
    width: 2rem;
    height: 2rem;
}
.footer-contact img{
    width: 2rem;
    height: 2rem;
}
.footer-contact ul li span{
    font-size: 0.8rem !important;
}
.footer-contact ul li{
    font-size: 0.9rem !important;

}
.footer-contact ul li a{
    color: #000!important;
}