#header #nav .second-level-list .link-list:before, #header #nav .second-level-list:before, #header #nav .with-submenu .nav-link:before, #header #nav .second-level-list .item-list.with-submenu .nav-link:before,
#header #nav .with-submenu .link-list:before,
#header #nav .second-level-list .item-list.with-submenu .link-list:before, #header #nav .navbar-collapse .footer-menu-section .link:before, #header .wrap-logo .logo:before, #header #nav .second-level-list .link-list:after, #header #nav .second-level-list:after, #header #nav .with-submenu .nav-link:after, #header #nav .second-level-list .item-list.with-submenu .nav-link:after,
#header #nav .with-submenu .link-list:after,
#header #nav .second-level-list .item-list.with-submenu .link-list:after, #header #nav .navbar-collapse .footer-menu-section .link:after, #header .wrap-logo .logo:after {
  content: "";
}

#header .search-form .btn-search, #header .search-form .btn-show-search, #header #nav .with-submenu .nav-link .open-more,
#header #nav .with-submenu .link-list .open-more {
  top: 50%;
  transform: translateY(-50%);
}

.mobile-app #header #nav .nav-item.app {
  display: block;
}

#header {
  background: #262a35;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-shadow: 0 0 8px 0 rgba(38, 42, 53, 0.4);
  box-shadow: 0 0 8px 0 rgba(38, 42, 53, 0.4);
}
@media (min-width: 768px) {
  #header {
    padding-top: 0;
    padding-bottom: 0;
    position: sticky;
    top: 0;
    z-index: 99;
  }
}
@media (max-width: 576px) {
  #header .inner-menu-section {
    overflow: auto;
  }
}
#header .holder {
  max-width: 1230px;
  position: relative;
}
#header .wrap-logo {
  margin: 0 auto;
}
@media (min-width: 992px) {
  #header .wrap-logo {
    margin: 0 0 0 7px;
  }
}
#header .wrap-logo .logo {
  height: 35px;
  max-width: 38px;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#header .wrap-logo .logo::before {
  content: "";
  display: none;
}
@media (min-width: 576px) {
  #header .wrap-logo .logo {
    height: 71px;
    max-width: 73px;
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin-top: 9px;
  }
}
@media (min-width: 768px) {
  #header .wrap-logo .logo {
    z-index: 2;
  }
  #header .wrap-logo .logo .shape {
    width: 89px;
    height: 16px;
    position: absolute;
    z-index: -1;
    bottom: -6px;
    right: -7px;
  }
}
@media (min-width: 992px) {
  #header .wrap-logo .logo {
    display: inline-block;
    vertical-align: middle;
  }
}
#header #nav {
  color: #ffffff;
  margin-left: 20px;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  #header #nav {
    font-size: 21px;
    line-height: 40px;
    margin-right: 5px;
    margin-left: 0;
    display: block;
    font-family: "Tajawal", sans-serif;
  }
}
#header #nav .midle-section {
  margin: 0 auto;
}
#header #nav .midle-section .logo {
  transform: translateX(-100%);
  position: static;
}
#header #nav .navbar-collapse {
  position: fixed;
  z-index: 99;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #262a35 url("../../images/mobilee-menu-bg.png") 0 0 no-repeat;
  background-size: 100%;
  padding-right: 25px;
  padding-left: 25px;
}
#header #nav .navbar-collapse.show {
  display: flex;
}
@media (min-width: 992px) {
  #header #nav .navbar-collapse {
    position: static;
    background: transparent;
    padding: 0;
  }
}
#header #nav .navbar-collapse .top-menu-section {
  padding: 10px 0;
}
#header #nav .navbar-collapse .name-active-link {
  font: 30px/1 "TajawalBold", sans-serif;
  color: #fde85e;
}
#header #nav .navbar-collapse .menu-back-btn {
  padding: 0;
  width: 8px;
  height: 14px;
  background: url("../../images/back-menu-btn.png") 0 0 no-repeat;
  background-size: contain;
}
#header #nav .navbar-collapse .menu-close {
  padding: 0;
  width: 14px;
  height: 14px;
  background: url("../../images/close-menu.png") 0 0 no-repeat;
  background-size: 100%;
}
#header #nav .navbar-collapse .footer-menu-section {
  background: #14161d;
  border-radius: 26px 26px 0 0;
  min-height: 113px;
  margin-right: -25px;
  margin-left: -25px;
  padding: 27px 25px;
}
#header #nav .navbar-collapse .footer-menu-section .link:after {
  width: 6px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
#header #nav .navbar-collapse .footer-menu-section .info-text {
  max-width: 220px;
  margin: 0 auto;
  font-size: 19px;
  line-height: 22px;
}
#header #nav .navbar-collapse .footer-menu-section .info-text .all-news {
  margin-bottom: 14px;
}
#header #nav .navbar-collapse .footer-menu-section .info-text .link {
  color: #fde85e;
  font: 600 13px/20px "TajawalBold", sans-serif;
}
#header #nav .navbar-collapse .footer-menu-section .info-text .link:after {
  background: url("../../images/yellow-arrow.png") 0 0 no-repeat;
  background-size: contain;
}
#header #nav .navbar-collapse .footer-menu-section .news-subscription .link {
  font-size: 17px;
}
#header #nav .navbar-collapse .footer-menu-section .news-subscription .link:after {
  background: url("../../images/white-arrow.png") 0 0 no-repeat;
  background-size: contain;
}
#header #nav .navbar-collapse .footer-menu-section .news-subscription .custom-switch {
  padding-right: 0;
  padding-top: 19px;
  border-top: 1px solid #3c4253;
  margin-top: 15px;
  text-align: right;
}
#header #nav .navbar-collapse .footer-menu-section .news-subscription .custom-switch .custom-control-input {
  left: 0;
}
#header #nav .navbar-collapse .footer-menu-section .news-subscription .custom-switch .custom-control-input:checked ~ .custom-control-label:after {
  transform: translateX(0.75rem);
}
#header #nav .navbar-collapse .footer-menu-section .news-subscription .custom-switch .custom-control-label {
  width: 100%;
  padding-left: 48px;
  font-size: 14px;
}
#header #nav .navbar-collapse .footer-menu-section .news-subscription .custom-switch .custom-control-label:before {
  right: auto;
  left: 0;
  background: #fde85e;
}
#header #nav .navbar-collapse .footer-menu-section .news-subscription .custom-switch .custom-control-label:after {
  top: calc(0.25rem + 2px);
  left: 1px;
  right: auto;
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #2c2c24;
}
@media (min-width: 992px) {
  #header #nav .nav-item {
    position: relative;
  }
  #header #nav .nav-item.active .nav-link, #header #nav .nav-item:hover .nav-link {
    color: #fde85e;
  }
  #header #nav .nav-item:hover > .second-level-list {
    display: block;
  }
  #header #nav .nav-item.with-submenu > .nav-link:after {
    display: none;
  }
}
#header #nav .nav-item.app {
  display: none;
}
#header #nav .nav-item.mobile {
  display: inline-block;
}
#header #nav .nav-item.desktop {
  display: none;
}
#header #nav .nav-item.mobile.desktop {
  display: inline-block;
}
@media (min-width: 768px) {
  #header #nav .nav-item.mobile {
    display: none;
  }
  #header #nav .nav-item.desktop {
    display: inline-block;
  }
  #header #nav .nav-item.mobile.desktop {
    display: inline-block;
  }
}
#header #nav .with-submenu .nav-link, #header #nav .second-level-list .item-list.with-submenu .nav-link,
#header #nav .with-submenu .link-list,
#header #nav .second-level-list .item-list.with-submenu .link-list {
  position: relative;
}
#header #nav .with-submenu .nav-link .open-more,
#header #nav .with-submenu .link-list .open-more {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  background: url("../../images/plus.png") 0 0 no-repeat;
  background-size: 9px;
  position: absolute;
  left: 0;
  transform: rotate(0deg);
}
#header #nav .nav-link {
  padding: 15px 0;
  border-top: 1px solid #3c4253;
}
@media (min-width: 992px) {
  #header #nav .nav-link {
    padding: 20px 14px;
    border-top: none;
  }
  #header #nav .nav-link:hover, #header #nav .nav-link:active, #header #nav .nav-link:focus {
    color: #fde85e;
  }
}
#header #nav .nav-link .link-icon {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  margin-left: 24px;
}
#header #nav .second-level-list {
  display: none;
  font-family: "Tajawal", sans-serif;
}
@media (min-width: 992px) {
  #header #nav .second-level-list {
    position: absolute;
    top: 76px;
    right: 14px;
    background: #ffffff;
    z-index: 2;
    min-width: 213px;
    min-height: 151px;
    border-radius: 6px;
    padding-top: 16px;
    padding-bottom: 16px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(65, 114, 163, 0.25);
    box-shadow: 0 5px 10px 0 rgba(65, 114, 163, 0.25);
  }
  #header #nav .second-level-list:before {
    width: 18px;
    height: 6px;
    background: url("../../images/triangle.png") 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    top: -6px;
    right: 54px;
  }
}
#header #nav .second-level-list .item-list.with-submenu:hover > .sub-list {
  display: block;
}
@media (min-width: 992px) {
  #header #nav .second-level-list .item-list.with-submenu > .link-list:after {
    width: 5px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    background: url("../../images/menu-arrow.png") 0 0 no-repeat;
    background-size: contain;
    margin-right: 3px;
    position: static;
    transform: rotate(0deg);
  }
}
#header #nav .second-level-list .link-list {
  padding: 15px 0;
  display: block;
}
@media (min-width: 992px) {
  #header #nav .second-level-list .link-list {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #30323f;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 27px;
  }
  #header #nav .second-level-list .link-list:hover {
    color: #627281;
  }
}
@media (min-width: 992px) {
  #header #nav .second-level-list .sub-list {
    right: 95%;
    top: 0;
    -webkit-box-shadow: -5px 5px 10px 0 rgba(65, 114, 163, 0.25);
    box-shadow: -5px 5px 10px 0 rgba(65, 114, 163, 0.25);
  }
  #header #nav .second-level-list .sub-list::before {
    width: 3px;
    height: inherit;
    position: absolute;
    border: none;
    background: #fde85e;
    top: 18px;
    bottom: 18px;
    right: 0;
  }
  #header #nav .second-level-list .sub-list .link-list:after {
    display: none;
  }
}
#header #nav .menu {
  padding: 0;
  width: 23px;
  height: 16px;
  background: url("../../images/menu.png") 0 0 no-repeat;
  background-size: contain;
}
@media (min-width: 576px) {
  #header #nav .menu {
    width: 33px;
    height: 18px;
  }
}
#header #nav .mobile-view {
  display: block;
}
#header .search-section .search-button {
  padding: 0;
  line-height: 0;
  width: 17px;
  height: 17px;
  background: url("../../images/search-white.svg") 0 0 no-repeat;
  background-size: contain;
}
#header .search-section .search-button:hover {
  background: url("../../images/search-hover.png") 0 0 no-repeat;
  background-size: contain;
}
#header .search-section .search-button .active {
  visibility: hidden;
}
@media (min-width: 576px) {
  #header .search-section .search-button {
    width: 19px;
    height: 19px;
  }
}
@media (min-width: 992px) {
  #header .search-form {
    margin-right: auto;
    cursor: pointer;
    width: 30px;
    overflow: hidden;
    transition: width 0.3s ease-in-out;
  }
  #header .search-form:hover {
    width: 296px;
  }
  #header .search-form:hover .btn-search, #header .search-form:hover .btn-show-search {
    left: 15px;
  }
}
#header .search-form .form-control {
  border-radius: 20px;
  height: 37px;
  border: transparent;
  padding: 0 28px;
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
}
#header .search-form .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#header .search-form .form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#header .search-form .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#header .search-form .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#header .search-form .form-control:focus, #header .search-form .form-control:active {
  box-shadow: none;
}
#header .search-form .btn-search, #header .search-form .btn-show-search {
  width: 19px;
  height: 19px;
  background: url("../../images/search-white.svg") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 9;
  padding: 0;
}
@media (min-width: 992px) {
  #header .search-form .btn-search, #header .search-form .btn-show-search {
    left: 0;
  }
}
#header .search-form .btn-show-search {
  position: static;
  margin-top: 16px;
}
#header .personal-link {
  height: 35px;
  max-width: 80px;
  width: 100%;
  color: #ffffff;
  border: 1px solid rgba(253, 232, 94, 0.7);
  border-radius: 25px;
  padding: 0;
  font-size: 13px;
  line-height: 34px;
  font-family: "TajawalBold", sans-serif;
  white-space: nowrap;
}
#header .personal-link:hover, #header .personal-link:active, #header .personal-link:focus {
  background: #d4c459;
  color: #30323f;
  border-color: #d4c459;
}
#header .personal-link.link-1 {
  margin-left: -10px;
  margin-right: 5px;
}
@media (min-width: 576px) {
  #header .personal-link {
    font-size: 14px;
    line-height: 39px;
    border-radius: 41px;
    height: 41px;
    max-width: 122px;
    width: 100%;
    margin-right: 17px;
  }
  #header .personal-link.link-1 {
    display: none;
  }
}

.show-menu-items {
  display: block !important;
}

.hide-menu-items {
  display: none !important;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/_mixins.scss%22,%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/header.scss%22,%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/_varibales.scss%22,%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/rtl-ar/_direction.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%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%22%7D */