@font-face{
    font-family: "Shabnam";
    src: url(../Fonts/Shabnam-FD.woff2) format(woff2);
}
* {
    box-sizing: border-box;
    margin: 0;
}
body{
    font-family: "Shabnam";
    background-color: #EEEEEE;
}
.container{
    width: 1100px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}
.head{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    font-size: 20px;

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

} 
.felex__itmes{
    display: flex;
    gap: 36px;

}
.box__itmes{
    width: 250px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
}
img{
    width: 100%;
}
p{
    
}
a{
    font-family: 17px;
    text-decoration-line: none  ;
}
.content{
    color: black;
    font-size: 15px;
    margin-top: 10px;
}
.off{
    font-size: small;
    margin-top: 20px;
    text-decoration-line:line-through ;
}
.end{
    display: flex;
    justify-content: space-between;
}
span{
    color: #00897B;
}
.srat{
    font-size: small;
}
logo{
    width: 15px;
    height: 15px;
    color: #4DB6AC;
}
logo2{
    width: 13px;
    height: 13px;
    color: #4DB6AC;
}
.ofer{
    background-color:#E0F2F1 ;
    color: #80DEEA;
}