﻿@font-face {
    font-family: 'Hacen-Maghreb';
    src: url('../font/Hacen-Maghreb.ttf') format('truetype');
}
*:not(.fa) {
    font-family: 'Hacen-Maghreb' !important;
}
body {
    background-image: url('../img/شعار شفاف للخلفية.png');
}
#Header {
    width: 100%;
    text-align: center;
    background-color: #403c3d;
    height:125px;
}
#Header img{
    position:inherit;
    padding-top:75px;
    width:100px;
}
#ContactInfo {
    text-align: center;
    padding-top: 65px;
    padding-bottom: 10px;
    background-color: #dedddb;
    border-bottom: 20px solid #3361ac;
}
#ContactInfo a{
    padding:0 10px;
    color: #5f5e5c;
    text-decoration:none;
    font-size:16px;
    font-weight:bolder;
}
#Products{
    padding:20px 0;
}
#Products .Item{
    border:1px solid #e73d61;
    border-radius:15px;
    /*max-width:360px;*/
    margin:15px 0;
    width:100%;
    background-color: #fbf5f7;
}
#Products .Item .Product-Image{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width: 100%;
}
#Products .Item .Info{
    background-color:#e83c61;
    text-align:center;
    color:#fff8fe;
    padding:10px 0;
}
#Products .Item .Price{
    color:#616160;
    display:flex;
    justify-content: center;
    align-items: center;
    padding:5px;
    background-color:#fbf5f7;
}
#Products .Item .Price h3{
    font-weight:bolder;
    font-size:16px;
    margin:0px !important;
}
#Operations {
    padding:20px 0;
}
#Operations button{
    background-color:#3260ab;
    padding:15px;
    border-radius:15px;
    color:#fffaff;
    border:1px solid #3260ab;
    font-weight:bolder;
    font-size:32px;
}
#Operations img{
    width:50%;
}
#Operations h1{
    padding:40px 0;
    color:#e83c61;
    font-size:32px;
    font-weight:bolder;
}

.Form-Input{
    border:1px solid #403c3d;
    border-radius:50px;
    display:flex;
    direction:rtl;
    padding:5px 20px;
    margin:20px 0;
}
.Form-Title {
    font-weight: bolder;
    font-size: 28px;
    color: #616160;
}
.Form-Input input {
    width: 100%;
    border: none;
    font-size:28px;
}

#OrderSend {
    color: #fffaff;
    background-color: #e83c61;
    border:1px solid #e83c61;
    border-radius:50px;
    font-size:32px;
    padding:5px 15px;
}
.Modal-Operation h6{
    color:#403c3d;
    padding:2px 0;
}
.Check{
    cursor:pointer;
}
.CustomerNote {
    text-align: center;
    padding: 20px 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.CustomerNote textarea{
    width:95%;
    direction:rtl;
    border:2px solid #3361ac;
    border-radius:15px;
    padding:5px;
}
.CustomerNote textarea:focus{
    outline: none !important;
    box-shadow: 0 0 10px #3361ac;
    border:2px solid #3361ac;
}
.Prices {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-left: unset !important;
    margin-right: unset !important;
}
.Category {
    text-align: center;
}
.Category h2{
    color:#e83c61;
    font-size:10px;
    direction:rtl;
}