* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    font-family: IRANSans;
    font-size: 12px;
}

body {
    margin: 0px;
    font-family: Vazir;
    direction: rtl;
    color:#656565;
}

header {
  
    z-index: 100;
}

section
{
    margin:40px 0px 75px 0px;
}


.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}


a {
    text-decoration: none;
    color: #282828;
    font-family: vazir;
    font-size:14px;
    font-weight:300;
}

h1{
    font-size:25px;
    font-weight:600;
}

h2 {
    font-size: 17px;
    font-weight: 400;
}

p {
    font-size: 15px !important;
    line-height: 2.7;
    margin: 1px 45px;
}

strong , b{
    font-size: 15px !important;
    line-height: 2.7;
    color: #b44c4c;
}

li {
    font-size: 15px !important;
    line-height: 2.3;  

}

ol , ul
{
margin:40px 120px;
}

.header_top_panel {
    display: flex;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #6a6e70;
    /* background-color: #282828; */
    /* background-color: #0d97ab; */
    background-color: #191919;
    background-color: #404242;
    color: #cccfd1;
    padding: 6px 25px;
    font-weight: 600;
    font-family: vazir;
    justify-content: space-between;
}

    .header_top_panel span {
     
    display: flex;
    align-items: center;
    padding: 8px 20px;
   
    border-radius: 15px;
}


        .header_top_panel span.bgy {
            background-color: #cedce3;
            color: #424236;
        }

.header_main_panel {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    height: 120px;
    border-bottom: 1px solid #404040;
    /* background-color: #ebebeb; */
    background-color: #282828;
}

    .header_main_panel div {
        min-width: 200px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 7px;
        padding: 12px 5px;
    }

    .header_main_panel div span, .header_main_panel div span a {
            font-size: 13px;
            font-weight: 500;
            color: #c5c3c1;
            font-family: Vazir;
     }

    .header_main_panel div span a {
        color: #cb4e53;
    }

    .header_main_panel div span a:hover {
        font-size:14px;    
    }

    img.logo {
        width: 53%;
        height: auto;
    }

    img.header_icon
    {
        height:40px;
        margin:2px auto;
    }

    #basketamount2
    {
        margin:1px auto;
    }

.nav_bar {
    text-align: center;
    /* border-bottom: 1px solid #cfcfcf; */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
    height: 40px;
    background-color: #209537;
}

    .nav_bar ul {
        margin: 10px;
    }

    .nav_bar li {
        display: inline-block;
        margin: 1px 15px;
        cursor: pointer;
    }

.main_panel
{
    box-sizing:border-box;
    padding:0px;
    display:flex;
}

.main_panel .main{
   margin:2px;
   width: calc(100% - 230px);
   text-align:center;
   
   
}

.main_panel .main{
   
   padding:14px;
   text-align:right;
   font-size:17px;
}

.flxPanel {
    display: flex;
    width: 30% !important;
}

.w_Panel {
    display: -webkit-inline-box;
    width: 35% !important;
    border-right: 2px solid #0d97ab;
    overflow: hidden;
    min-height: 140px;
}

.w_Panel .item1 {
    flex-grow: 1;
    width: fit-content !important;
}

.w_Panel .item2 {
    flex-grow: 2;
    width: fit-content !important;
}

.w_Panel span {
    display: block;
    font-size: inherit;
}

.sidebar
{
display:inline-block;
box-sizing:border-box;
padding:0px;
border-left:1px solid #bbb;
width:230px;
}

.sidebar ul{
    list-style:none;
    margin:0px;

}

    .sidebar ul li {
        height: 35px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #bbb;
        cursor: pointer;
        padding-right: 10px;
        font-weight: 400;
    }


    .sidebar ul li.toprow, .sidebar ul li.toprow a{
        height: 35px;
        display: flex;
        align-items: center;
        
        cursor: pointer;
        background-color: #404242;
        color: #fff;
    }

.sidebar ul li.toprow {
    padding: 18px 10px;
}


        .sidebar ul li.toprow:hover, .sidebar ul li.toprow:hover a {
            background-color: #000;
            color: #fff;
            font-weight: 400;
        }

        .sidebar ul li:hover, .sidebar ul li:hover a {
            /* background-color: #c15252; */
            background-color: #209537;
            color: #1c1c1c;
            height: 35px;
            display: flex;
            align-items: center;
            padding: 0px 10px;
            font-weight: 400;
            color: #fff;
        }

video {
    width: 99%;
    height: auto;
    object-fit: cover;
    margin: 8px auto;
    border-radius: 25px;
}



button.addtobasket {
    min-height: 38px;
    min-width: 200px;
    display: block;
    background-color: #209537;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: 0px;
    border-radius: 4px;
    font-family: Vazir;
    margin: 10px auto;
    margin-top: 5px;
    left: 0px;
    right: 0px;
    cursor: pointer;
    position: relative;
    bottom: -2px;
}

    button.addtobasket:hover {
        background-color: #d52f67;
    }

footer {
    background-image: url('Image/footer_bg_1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden;
    position:relative;
}

.footer_cantainer {
    height: 400px;
    width: 100%;
    padding: 50px;
    background-color: #1e1e1e47;
    border-top: 5px solid #ff0000;
    display:flex;
    justify-content:center;
    gap:10px;

}

.footer_cantainer div{
    height: 400px;
    width: 24.5%;
    color:#ddd;
   
}

footer h3{
    font-size:15px;
    font-weight:600;
    margin-bottom:15px;
    color:#ebb10f;
}
footer .footer_bottom {
    /* text-align: center; */
    display: flex;
    background-color: #424242; /*#209537 */
    height: 33px;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #bbbbbb;
    font-size:14px;
}