@font-face {font-family: irsans;font-display: swap;src: url(iransans.woff) format("truetype");}
html {
    scroll-behavior: smooth;
    scroll-snap-type: y proximity;
}
body {
    font-family: irsans, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 16px;
    text-align: right;
    background-color: #505050;
}
.ltr{direction: ltr;}
header{
    background-color: #333333;
    margin: -20px;
    text-align: center;
}
.img {
    max-width: 100%;
    transition: all 0.3s ease-out 0;
}
a{
    color: #f7b12f;
    text-decoration: none;
}
a:hover, a:active, a:focus{
    color:#f8d404
}
.pl{float:left;}
.pr{float:right;}
.justify-content-center {justify-content: center !important;}
.d-block{display: block !important;}
.d-none{display: none !important;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.p10{padding:10px}
.p15{padding:15px}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.m10{margin:10px}
.m15{margin:15px}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.cursor-pointer{cursor: pointer;}
.navbar, .navbar .container, .navbar .container-fluid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.navbar {
    position: relative;
    padding: .5rem 1rem;
}
.navbar-brand{
    position: absolute;
}
header .navbar-brand img{
    max-width: 100%;
    height: auto;
}
header .navbar-brand {
    width:150px
   }
@media(min-width:1200px) {
    header .navbar-brand {
     width:200px;
}
}
.nav-menu{
    position: relative;
    overflow: hidden;
    display: flex !important;
    flex-basis: 100%;
}
ul.navbar-nav{
    list-style: none;
}
ul.navbar-nav li{
    float: right;
    margin-left: 30px;
    font-size: 18px;
    font-weight: 500;
}
ul.navbar-nav li:last-child{
    margin-left: 0px;
}

.navbar .search{
    position: absolute;
    right: 0;
    top: 20px;
}

.drow-down-menu {
    display: none;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    }
.drow-down:hover > .drow-down-menu{
    display: block;
    position: fixed;
}

ul.drow-down-menu li{
    float: none;
    margin-left: 0;
}

.svg-inline--fa {
    display: var(--fa-display, inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
    font-size: 20px;
    color: #333;
}