:root {
    --main-color: #D32F2F;
    --second-color: #212121;
    --third-color: #bb2d3b;
}

body {
    /*font-family: "Vazir M";*/
    /*font-family: "SansPro R";*/
    /*font-family: "TradeGothicNext CM";*/
    /*font-family: "TradeGothic B";*/    
    /*font-weight: 500;*/
    /*direction: rtl;*/
    /* color: #757575;     */
    color: var(--second-color);
}

.table {
    color: var(--second-color) !important;
}

.main-color {
    color: var(--main-color);
}

.back-main-color {
    background-color: var(--main-color);
    color: white;
}

.border-main {
    border-color : var(--main-color);
}

.bg-main {
    background-color: var(--main-color);
    color:white;
}

    .bg-main:hover {
        background-color: var(--second-color);
        color: white;
    }

.vazir {
    font-family:"Vazir M";
    /*direction:rtl;*/
}

.sans {
    font-family: "SansPro R";
    /*direction:ltr;*/
}

.barcode {
    font-family: "BarcodeFont";
    /*direction:ltr;*/
}

.fsmall {
    font-size:small;
}

.fmedium {
    font-size: medium;
}

.flarge {
    font-size: large;
}

#headline {
    font-weight: normal;
    letter-spacing: .125rem;
    text-align: center;
    /*text-transform: uppercase;*/
}

.spacing-3 {
    letter-spacing: 0.3rem;
}

.spacing-2 {
    letter-spacing: 0.2rem;
}

.spacing-1 {
    letter-spacing: 0.125rem;
    font-weight: normal;
}

.border-main-color {
    border-style:solid;
    border-width:1px;
    border-color: var(--main-color);
}

a {    
    color: var(--second-color);
}

    a:hover {
        color: var(--main-color);
    }

h1, h2, h3, h4, h5, h6 {    
    line-height: 1.8;
}

p {
    line-height: 2;
}

header {
    position:sticky;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
}

footer {
    padding: 3rem 0;
}

.container-66vh {
    width: 66vw;
    margin: 0 auto;
}

.section-bg {
    background-image: url('../images/shape2.png');
}

.top-menu {
    /*font-family: Vazir T;*/
    background-color: var(--main-color);
}

.top-menu li {
    /*margin-left: 2rem;*/
    padding: 0.6rem 0;

}

.top-menu i {
    vertical-align: middle;
    margin-left: 0.2rem;
}