@font-face {
    font-family: "IRANSansXFaNum";
    src: url("/fonts/FarsiNumerals/IRANSansXFaNum-Regular.ttf");
}
* {
    font-family: "IRANSansXFaNum" !important;
}
.navbar {
    direction: rtl;
    z-index: 1;
}
#navlink::after {
    content: "";
    position: absolute;
    background-color: #18409a;
    height: 3px;
    width: 100%;
    top: 0;
}
.logo{
    margin-right: 5%;
}
.nav-item .nav-link {
    position: relative;
}
.nav-link1 {
    color: rgb(0, 0, 0);
    cursor: pointer;
}
.nav-item .nav-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50;
    width: 0;
    height: 1px;
    background-color: #18409a;
    transition: 0.6s;
}


.nav-item .nav-link:hover::after {
    left: 0;
    width: 100%;
}
.header {
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);
}
.logo img{
    width: 45%;
    max-width: 400px;
    height: auto;
}
.nav-logo {
    margin-right: 10%;
}
.Social-media-up {
    display: none;
}
.navbar-nav {
    font-family: "KALAMEH_REGULAR";
    color: #393939;
    font-size: 1em;
    width: 100%;
    font-weight: 600;
}
.nav-item {
    margin-left: 2%;
}
.hamburger {
    opacity: 1;
    cursor: pointer;
}
.bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    background-color: #18409a;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.Social-media {
    direction: ltr;
    width: 20%;
    margin-left: 5%;
}
.navbar-toggler {
    border: none;
}
.img-social {
    width: 13%;
}

.nav-color{
    color: black !important;
}
@media (max-width: 767.98px) {
    .navbar-nav {
        text-align: center;
        background-color: #18409a;
        border-radius: 10px;
    }
    .navbar-light .navbar-nav .nav-link  {
        color: #ffffff ;
    }

    .Social-media {
        display: none;
    }
    .Social-media-up {
        display: block;
    }
    .dropdown-toggle span{
        color: #ffffff !important;
    }
}
@media (max-width: 964px) {
    .nav-item {
        margin-left: 2% !important;
    }
    .nav-logo {
        margin-right: 0 !important;
    }
    .navbar-nav {
        font-size: 1em !important;
    }
    .Social-media {
        width: 30%;
    }
}
@media (max-width: 840px) and (min-width: 640px) {
    .navbar-nav {
        background-color: #ffffff;
    }
    .navbar-light .navbar-nav .nav-link {
        color: rgb(0, 0, 0) !important;
        /* color: black; */
    }
    .Social-media-up {
        display: none;
    }
}
@media (max-width: 704px) and (min-width: 575.5px) {
    .navbar-nav {
        background-color: #ffffff;
    }
    .navbar-light .navbar-nav .nav-link {
        color:  rgba(0, 0, 0, 0.55) !important;
    }
    .Social-media-up {
        display: none;
    }
}
@media (max-width: 550px) {
    .navbar-toggler .hamburger {
        margin-left: 18%;
    }
    .navbar-toggler {
        margin-left: 2%;
    }
    .logo {
        width: 30%;
    }

    .Social-media-up img {
        width: 23%;
    }
    .nav-item .nav-link:hover::after {
        display: none !important;
    }

}
@media (max-width: 575.98px) {
    .navbar-nav {
        background-color: #ffffff;
    }
    .navbar-light .navbar-nav .nav-link {
        color: rgb(255, 255, 255) !important;
    }
    .Social-media-up {
        display: none;
    }
    .navbar-nav {
        text-align: center;
        background-color: #18409a;
        border-radius: 10px;
    }
    .navbar-light .navbar-nav .nav-link  {
        color: #ffffff ;
    }
    .nav-link1 {
        color: rgb(255, 255, 255);
        cursor: pointer;
    }
    .main-top{
      margin-top: 10%;
    }

    #respons-mobile{
        background-color: #8ca6df;
        text-align: center;
    }

}