@font-face {
    font-family: 'isans';
    font-display: swap;
    src: url("fonts/IranSansLight.eot");
    src: url("fonts/IranSansLight.eot?#iefix") format("eot"), 
         url("fonts/IranSansLight.woff") format("woff"), 
         url("fonts/IranSansLight.ttf") format("ttf");

}
*{
    font-family: isans;
}
.alert-error{
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}
a .active{
    box-shadow: 0px -0.7px 6px 0px rgb(0 0 0 / 8%)
}
.row{
    margin-right: 0;
}
.media-links{
    width: 50px;;
    height: 50px;
}
.nav{
    padding-left: 2rem;
}
.nav-link{
    padding: 10px;
    color : #1a1b1e;
    font-size: 14px;
}
.navbar-nav {
    float:none;
    margin:0 auto;
    display: block;
    text-align: center;
}

.navbar-nav > li {
    display: inline-block;
    float:none;
}
/* ------------ */
.sidebar{
    position: sticky;
    right: 0;
    top: 0;
    padding-top: 100px;
    max-height: calc(100vh);
}
.buy-slidbar{
    padding-top: 0px;
    max-height: calc(100vh - 190px);
}
.overflow-y-scroll{
    overflow-y: auto;
    font-size: 14px;
}
.overflow-y-scroll a{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-group-item{
    border-left: 0px;
    border-right: 0px;
}
/* .row>*{
    padding-right: 0px;
} */
/* --------------- */
.product-info>::before {
    left: 100%;
    margin-left: 5px;
}
.product-info>::after {
    right: 100%;
    margin-right: 5px;
}
.product-info>::after, .product-info>::before {
    content: "";
    width: 100%;
    position: absolute;
    border-bottom: calc(0.2px + 0.05em) solid #e5e5e5;
    border-bottom-width: 1.5px;
    top: calc(50% - ((0.2px + 0.05em)/ 2));
}
.info{
    font-size: 14px;
}
.title{
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5;
}
.tab-content{
    text-align: justify;
    line-height: 30px;
    font-size: 15px ;
}
.dropdown-menu{
    font-size : 14px
}
.offcanvas-end {
    width: 270px;
}
.navbar-toggler:focus{
    box-shadow: 0 0 0 #fff;
}
.row{
    margin: auto!important;
}
.bg-image{
    background: url(/static/vendors/pictures/index-1.png) no-repeat;
}
.breadcrumb{
    font-size:12px;
}
.breadcrumb *{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-group-item{
    background-color : transparent;
}
[data-theme="dark"] .list-group-item {
    background-color : transparent;
}
.btn-social{
    background-color:white;color:rgb(223, 15, 80);border-color:rgb(223, 15, 80);
}