@font-face {
  font-family: "nassim-bold";
  src: url(../../fontawesome/webfonts/nassim-bold.woff);
}
.form-check {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

.form-check-label {
  margin: 0;
}

header {
  background-color: white;
  margin: 0;
}

.header-1 {
  padding-right: 4.6%;
}

.header-container {
  height: 34px;
}

.custom-top-nav a {
  color: #222222;
  font-family: "nassim-bold" !important;
  font-size: 13px;
  padding: 8px 6px;
  text-decoration: none;
}
.custom-top-nav a:hover {
  background-color: #e4e4e4;
  color: black;
}

#persian-datetime-text {
  color: #222222;
  font-family: "yekan";
  font-size: 12px !important;
  font-weight: 500;
  margin-left: 4px;
}

#persian-clock-text {
  color: #222222;
  font-family: "yekan";
  font-size: 12px;
  display: inline-block;
  width: 45px;
  text-align: center;
}

.fa-clock, .fa-calendar-days {
  color: #5a5a5a;
  margin-left: 0px;
}

.auth-btn {
  background-color: #656565;
  border: none;
  color: white;
  font-family: "nassim-bold";
  font-size: 13px;
  margin: 0px 20px 0px 135px;
  padding: 3px 5px;
  border-radius: 2px;
}
.auth-btn::after {
  background-color: #dddddd;
  content: "";
  display: block;
  height: 110%;
  left: 2%;
  position: absolute;
  top: -5%;
  width: 1px;
}

.sign-in-menu-container input {
  background-color: white;
  border: 1px solid #cccccc;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 5px 11px;
}

.sing-in-buttons button a {
  padding: 6px 31px;
  text-align: center;
}
.sing-in-buttons button a.red-button {
  padding-right: 40px;
}

.searchbar-container {
  margin-left: 4.7%;
}

.form-control {
  background-color: #e4e4e4;
  border-radius: 0px;
  height: 80%;
  padding: 4px 50px 5px 0px;
  text-align: start;
}

.fa-search::before {
  font-size: 13px;
}

.search-submit {
  left: 0px;
  top: -3px;
}

.top-red-navbar {
  background-color: #bb0000;
  background-image: url(../img/navbar-pattern.png);
  max-height: 77px;
}
.top-red-navbar .nav-item.dropdown {
  align-self: flex-start;
  position: relative;
}
.top-red-navbar ul li {
  color: white;
  flex: 0px 0px auto;
  font-family: "nassim-bold";
  font-size: 18px;
}
.top-red-navbar .logo-container {
  margin-right: 4.4%;
  width: 14.8%;
  margin-left: 0.7%;
}
.top-red-navbar .red-area-nav {
  color: white;
  padding: 27px 10px;
}
.top-red-navbar .red-area-nav:hover {
  background-color: #92191f;
  color: white;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
}
.top-red-navbar .red-area-nav::after {
  display: none;
}
.top-red-navbar .fa-caret-down::before {
  padding-right: 4px;
  font-size: 14px;
}
.top-red-navbar .nav-item.dropdown-hover:hover > .dropdown-menu {
  display: flex;
  justify-content: space-evenly;
}
.top-red-navbar .dropdown-menu {
  background-color: black;
  border-bottom: 4px solid #bb0000;
  border-radius: 0px;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 17%;
  z-index: 1000;
}
.top-red-navbar .outer-custom-container {
  margin: 18px 0px 9px;
  width: 31%;
}
.top-red-navbar .outer-custom-container .custom-container .row {
  padding-right: 14px;
}

.custom-container-base, .dropdown-menu.forth-custom-container, .dropdown-menu.third-custom-container, .dropdown-menu.second-custom-container {
  background-color: #111111;
  background-image: url(../img/navbar-pattern.png);
  padding: 14px 0;
}
.custom-container-base a, .dropdown-menu.forth-custom-container a, .dropdown-menu.third-custom-container a, .dropdown-menu.second-custom-container a {
  border-left: 1px solid #444444;
  color: white;
  font-family: "nassim";
  font-size: 15px;
  padding: 2px 4px 2px 9px;
  text-align: start;
}
.custom-container-base a::before, .dropdown-menu.forth-custom-container a::before, .dropdown-menu.third-custom-container a::before, .dropdown-menu.second-custom-container a::before {
  color: #b71818;
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 7px;
}
.custom-container-base a:hover, .dropdown-menu.forth-custom-container a:hover, .dropdown-menu.third-custom-container a:hover, .dropdown-menu.second-custom-container a:hover {
  background-color: #b71818;
  color: white;
}
.custom-container-base a:hover::before, .dropdown-menu.forth-custom-container a:hover::before, .dropdown-menu.third-custom-container a:hover::before, .dropdown-menu.second-custom-container a:hover::before {
  color: white;
}

.dropdown-menu.second-custom-container a {
  width: 14%;
}
.dropdown-menu.third-custom-container a {
  padding: 2px 4px 2px 0px;
}
.dropdown-menu.third-custom-container .col-2 {
  padding: 0px 9px 9px 0px;
}
.dropdown-menu.forth-custom-container {
  padding: 14px 0px;
}
.dropdown-menu.forth-custom-container a {
  border-left: none;
}
.dropdown-menu.forth-custom-container a:hover {
  background-color: transparent;
}
.dropdown-menu.forth-custom-container a::before {
  content: none !important;
}
.dropdown-menu.forth-custom-container a img {
  border-radius: 4px;
}
.dropdown-menu.forth-custom-container a img:hover {
  box-shadow: inset 9px 9px 9px 3px #bb0000;
}

.custom-container {
  background-color: #1b1b1b;
}
.custom-container h1 {
  background-color: #313131;
  color: white;
  font-family: "nassim-bold";
  font-size: 14px;
  padding: 4px 0px 9px;
}
.custom-container h1:hover {
  background-color: #b71818;
}
.custom-container ul li {
  font-family: "nassim";
  font-size: 14px;
  padding: 4px 5px 4px 1px;
  text-align: start;
}
.custom-container ul li:hover {
  background-color: #b71818;
  cursor: pointer;
}
.custom-container .h1 {
  font-family: "nassim-bold";
  font-size: 14px;
}

.small-gray-navbar {
  background-color: #dedede;
}
.small-gray-navbar .navbar-nav .nav-item {
  flex: none;
  scroll-snap-align: start;
}
.small-gray-navbar .navbar-nav.gray-carousel {
  -ms-overflow-style: none;
  justify-content: center;
  scrollbar-width: none;
  scroll-snap-type: none;
  width: 100%;
}
.small-gray-navbar .navbar-nav.gray-carousel::-webkit-scrollbar {
  display: none;
}
.small-gray-navbar .gray-carousel-li {
  align-items: center;
  display: flex;
}
.small-gray-navbar > ul.navbar-nav li > a {
  color: black;
  padding: 6px 0px;
}
.small-gray-navbar .nav-separator {
  background-color: #a0a0a0 !important;
  flex-shrink: 0;
  height: 14px;
  margin-inline: 5px;
  width: 1px;
}
.small-gray-navbar .navbar-nav > li:first-child .nav-separator {
  display: none;
}
.small-gray-navbar .dropdown-menu {
  background-color: #d2d2d2;
  position: fixed;
  left: 0;
  right: 0;
  top: 23%;
  display: none;
  z-index: 1001;
  border-radius: 0;
}
.small-gray-navbar .dropdown-menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  list-style: none;
  margin: 0;
  padding: 0;
}
.small-gray-navbar .dropdown-menu ul li {
  padding: 4px;
  text-align: start;
  width: 17%;
}
.small-gray-navbar .dropdown-menu ul li a {
  border-left: 1px solid #b1b1b1;
  color: #111 !important;
  padding: 2px;
}
.small-gray-navbar .dropdown-hover:hover > .dropdown-menu {
  display: block;
}
.small-gray-navbar .six-col-2-row, .small-gray-navbar .six-col-six-row {
  padding: 4px;
  width: 15% !important;
}
.small-gray-navbar .six-col-six-row a {
  padding: 7px 9px;
  padding-bottom: 7px;
}
.small-gray-navbar .petroshimi li a {
  padding-left: 2%;
}
.small-gray-navbar .gray-carousel .gray-carousel-li a.nav-link {
  color: black;
}
.small-gray-navbar li.sherkatha a:hover, .small-gray-navbar li.keshavarzi a:hover, .small-gray-navbar li.egtesaddigital a:hover, .small-gray-navbar li.eghtesadshahri a:hover, .small-gray-navbar li.karvatavon a:hover, .small-gray-navbar li.tegaratobazargani a:hover, .small-gray-navbar li.sanay-emaden a:hover, .small-gray-navbar li.abobargh a:hover, .small-gray-navbar li.petroshimi a:hover, .small-gray-navbar li.naftogaz a:hover, .small-gray-navbar li.kargozari a:hover, .small-gray-navbar li.bime a:hover, .small-gray-navbar li.bank a:hover, .small-gray-navbar li.kalan-bodge a:hover, .small-gray-navbar li.eco a:hover, .small-gray-navbar li.jahan a:hover {
  color: white !important;
}
.small-gray-navbar li.sherkatha:hover a.nav-link, .small-gray-navbar li.keshavarzi:hover a.nav-link, .small-gray-navbar li.egtesaddigital:hover a.nav-link, .small-gray-navbar li.eghtesadshahri:hover a.nav-link, .small-gray-navbar li.karvatavon:hover a.nav-link, .small-gray-navbar li.tegaratobazargani:hover a.nav-link, .small-gray-navbar li.sanay-emaden:hover a.nav-link, .small-gray-navbar li.abobargh:hover a.nav-link, .small-gray-navbar li.petroshimi:hover a.nav-link, .small-gray-navbar li.naftogaz:hover a.nav-link, .small-gray-navbar li.kargozari:hover a.nav-link, .small-gray-navbar li.bime:hover a.nav-link, .small-gray-navbar li.bank:hover a.nav-link, .small-gray-navbar li.kalan-bodge:hover a.nav-link, .small-gray-navbar li.eco:hover a.nav-link, .small-gray-navbar li.jahan:hover a.nav-link {
  color: white;
}
.small-gray-navbar li.orasia a:hover {
  background-color: #cecece;
}
.small-gray-navbar li.jahan a:hover {
  background-color: #483d8b;
}
.small-gray-navbar li.eco a:hover {
  background-color: #cecece;
}
.small-gray-navbar li.kalan-bodge a:hover {
  background-color: #dc143c;
}
.small-gray-navbar li.bank a:hover {
  background-color: #483d8b;
}
.small-gray-navbar li.bime a:hover {
  background-color: #0099cc;
}
.small-gray-navbar li.kargozari a:hover {
  background-color: #09be0f;
}
.small-gray-navbar li.naftogaz a:hover {
  background-color: #326798;
}
.small-gray-navbar li.petroshimi a:hover {
  background-color: #cb00cc;
}
.small-gray-navbar li.abobargh a:hover {
  background-color: #0364ff;
}
.small-gray-navbar li.sanay-emaden a:hover {
  background-color: #dda324;
}
.small-gray-navbar li.tegaratobazargani a:hover {
  background-color: #8b0101;
}
.small-gray-navbar li.karvatavon a:hover {
  background-color: #473c88;
}
.small-gray-navbar li.eghtesadshahri a:hover {
  background-color: #228b22;
}
.small-gray-navbar li.egtesaddigital a:hover {
  background-color: #1e90ff;
}
.small-gray-navbar li.keshavarzi a:hover {
  background-color: #268922;
}
.small-gray-navbar li.sherkatha a:hover {
  background-color: #bb0000;
}/*# sourceMappingURL=header.css.map */