*,
*::before,
*::after{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    direction: rtl;
}
@font-face {
    font-family: 'iransans';
    src:url('IRANSans(FaNum).ttf') ;
  
}
@font-face {
    font-family: 'iransans_bold';
    src:url('IRANSans(FaNum)_Bold.ttf') ;
  
}



body{
    background-color: #f4f4f4;
    font-family: iransans;
    margin-bottom:100px;
}
button,input{
    font-family: iransans;
}
h1{
 font-size:100%;
 color:var(--co1);
 font-family:iransans_bold;
 

}

a{
    color: #4f2203;
    text-decoration: none;
}
p{
    text-align:justify; 
    font-size:90%;
}

select{
    font-family:iransans;
}
img{
    overflow:hidden;
    position:relative; 
}

.price{
    
}
.price::after{
    content:"تومان";
    color:gray;
    font-size:8px; 
}
.old-price{
    color:#c3c3c3;
    text-decoration-line:line-through; 
}
.w-100{
    width:100%;
}
.d-inline-block{
    display:inline-block;
}


.logo{
    width: auto;
    text-align: center;
}



.main-part{
        height:auto;
        width:95%;
        overflow:hidden;
        border-radius:15px;
        margin:auto;
        margin-top:10px;
        border-style:solid;
        border-width:0.5px;
        border-color:#DDD;
        padding:0 20px 0 20px;
}



.main-img{
    direction: ltr;
    width: 60%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    border-color: #cebf9e;
    border-width: 10px;
    border-style: solid;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 1px 1px 3px 0px gray;
    

}
.main-titr{
     display:flex; 
    flex-wrap:nowrap; 
    align-items:stretch; 
    justify-content:center;
    margin:10px

}



.main-titr h1{
    color:var(--co3); 
    font-size:100%
}

.main-titr h2{
    color:var(--co3); 
    font-size:100%
}
.titr{
    position: absolute;
    top: 0px;
    left: 0px;
}

.title{
    background: radial-gradient(#a11f01, #510900);
    padding:30px;
    max-width:300px;
    text-align:center;
    color:var(--co3)
}
.main-img img{
    width: 60%;
    height: auto;
    
}
.main-txt{
    display: flex;
    flex-direction: column;
    background-color: var(--co3); 
    color:var(--co4);
    width: 40%; 
    text-align: center;
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-item{
    width: 40%;
    font-weight: bolder;
    text-align: left;
    font-size: 10px;
    line-height: 16px;
    border-bottom: solid;
    border-width: 1px;
    
}





h1.int_title {
  text-align: center;
  margin-top: 20px;
  font-size: 24px;
  color:gray;
}



@media (max-width:991px){
    .main-img,.main-part{
             width: 95%;
    }
    
    .main-titr h1{
  
    font-size:70%
}
   


    
}