/* <------------------
GLOBAL MAIN HEADER
------------------>*/
.mobile-header {
  display: none !important;
}
header#main {
  display: flex;
  align-items: center;
  padding: 0 20px;
}
header#main .logo {
  width: 10%;
  float: left;
}
header#main .main-menu {
  width: 50%;
  float: left;
}
/* header#main .main-menu ul li.has-children a.open-sub:after {
  position: relative;
  content: "";
  display: inline-block;
  width: 0.3em;
  height: 0.3em;
  border-right: 0.1em solid #000;
  border-top: 0.1em solid #000;
  transform: rotate(135deg);
  margin-left: 10px;
  top: -3px;
} */
header#main .call-to-action-menu {
  width: 40%;
  float: left;
  text-align: right;
  z-index: 9999 !important;
}
header#main .call-to-action-menu ul li a#search-btn {
  position: relative;
  top: 5px;
  cursor: pointer;
  padding-left: 0;
}

header#main .call-to-action-menu ul {
  display: block;
  padding: 0;
  margin: 0;
}
header#main .main-menu ul li,
header#main .call-to-action-menu ul li {
  display: inline-block;
  list-style: none;
  padding: 0;
}
header#main .main-menu ul li a {
  color: #000;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  /*line-height: 0;*/
}
header#main .call-to-action-menu ul li a {
  color: #d86018;
  text-decoration: none;
  display: block;
  font-size: 13px;
	font-weight: bold;
}
header#main .call-to-action-menu ul li#find-your-country {
  background-color: #d86018;
}
header#main .call-to-action-menu ul li#find-your-country a {
  color: #fff;
  padding: 10px;
}
header#main .call-to-action-menu ul li#find-your-country:hover {
  background-color: #c4bfb6;
}
header#main .call-to-action-menu ul li#find-your-country:hover a {
  color: #474647;
}

header#main .call-to-action-menu ul li a:hover {
  color: #d86018;
}
/*header#main .main-menu ul li a:hover{
  color: #000;
}*/
header#main .call-to-action-menu .search-btn {
  position: relative;
  top: 5px;
}
header#main .call-to-action-menu-mobile {
  display: none;
}
header#main .call-to-action-menu ul li.customer-login {
  position: relative;
  padding: 25px 10px !important;
}
header#main .call-to-action-menu ul li.customer-login .dropdown-content-cl {
  background: #fff;
  opacity: 0;
  position: absolute;
  right: -150px;
  transition: all 0.5s ease;
  margin-top: 24px;
  display: none;
  z-index: 2;
  padding: 40px 20px;
  text-align: center;
  width: 1000px;
  border-top: 3px solid #d86018;
  box-shadow: 1px 1px 2px #8c857b;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
header#main
  .call-to-action-menu
  ul
  li.customer-login
  .dropdown-content-cl
  span.Tracktitle {
  font-size: 16px;
  font-weight: bold;
}
header#main
  .call-to-action-menu
  ul
  li.customer-login
  .dropdown-content-cl:before {
  z-index: 9;
  content: "";
  position: absolute;
  right: 195px;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d86018;
  clear: both;
}
header#main
  .call-to-action-menu
  ul
  li.customer-login
  .dropdown-content-cl
  span.title {
  font-size: 20px;
  font-family: Karla;
  width: 100%;
  display: block;
}
header#main
  .call-to-action-menu
  ul
  li.customer-login:hover
  .dropdown-content-cl {
  opacity: 1;
  display: block;
  text-decoration: none;
  transition-duration: 0.5s;
  padding: 40px 10px !important;
}
header#main
  .call-to-action-menu
  ul
  li.customer-login
  .dropdown-content-cl
  .dropdown-col {
  /* width: 24%; */
  width: 33%;
  float: left;
  border-right: 1px solid #e5e3dd;
  margin-top: 20px;
  height: 260px;
}
header#main
  .call-to-action-menu
  ul
  li.customer-login
  .dropdown-content-cl
  .dropdown-col.no-border {
  border: none;
}
header#main
  .call-to-action-menu
  ul
  li.customer-login
  .dropdown-content-cl
  .inner-content {
  padding: 20px 20px;
}
header#main
  .call-to-action-menu
  ul
  li.customer-login
  .dropdown-content-cl
  .inner-content
  p {
  font-size: 12px;
	  color: #000;
}
header#main
  .call-to-action-menu
  ul
  li.customer-login
  .dropdown-content-cl
  .inner-content
  span.subTitle {
  color: #000;
  font-family: Karla;
  font-size: 16px;
  padding-top: 15px;
  font-weight: bold;
  display: block;
}
header#main .call-to-action-menu ul li.customer-login .dropdown-content-cl img {
}
header#main
  .call-to-action-menu
  ul
  li.customer-login
  .dropdown-content-cl
  .bottom-txt {
  font-size: 10px;
  text-align: left;
  padding-top: 10px;
}
header#main
  .call-to-action-menu
  ul
  li.customer-login
  .dropdown-content-cl
  .bottom-txt
  a {
  font-size: 10px;
  display: contents;
  float: left;
}
header#main .dropdown-content-cl-mobile {
  display: none;
  position: absolute;
  z-index: 9 !important;
  background-color: #f4f3f2;
  width: 100% !important;
  left: 0;
  top: 55px;
}
header#main .dropdown-content-cl-mobile .inner-content .links ul {
  padding: 0;
}
header#main .dropdown-content-cl-mobile .inner-content .links ul li {
  list-style: none;
  display: inline-block;
  padding-right: 10px;
}
header#main .dropdown-content-cl-mobile .main-inner-content {
  padding: 30px 20px;
}
header#main .dropdown-content-cl-mobile .main-inner-content .link-close-cl {
  float: right;
}
header#main .dropdown-content-cl-mobile .main-inner-content .dropdown-col {
  margin-bottom: 30px;
  border-bottom: 1px solid #e5e3dd;
}
header#main .dropdown-content-cl-mobile h3 {
  font-size: 20px;
  font-family: Karla;
  padding-bottom: 20px;
}
header#main .dropdown-content-cl-mobile .dropdown-col .inner-content h4 {
  font-size: 14px;
  font-weight: bold;
  font-family: Karla;
  color: #000;
}
header#main .dropdown-content-cl-mobile .main-inner-content .bottom-txt {
  font-size: 12px;
  margin-bottom: 20px;
}
header#main .search-container {
  display: none;
  width: 30%;
  height: auto;
  position: fixed;
  top: 70px;
  right: 0;
  left: unset; 
  text-align: center;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.95);
  -webkit-transition: opacity 0.3s, visibility 0.3s, height 0.5s ease;
  transition: opacity 0.3s, visibility 0.3s, height 0.5s ease;
  overflow: hidden;
}
.business-mega-links .content{
	padding-left: 12%!important;
}
.logged-in header#main .search-container{
  top: 110px;
  z-index: 999999;
}
/* header#main .search-container img {
    float: right;
    position: relative;
    right: 35px;
    top: 35px;
} */
header#main .search-container img {
  float: right;
  position: relative;
  right: 35px;
  top: 15px;
}
/* header#main .search-container .search-inner-content{
	position: relative;
  top: 40%;
} */
header#main .search-container .search-inner-content {
    position: relative;
    top: 25%;
    padding: 40px 10px 20px;
}
header#main .search-container label {
  font-size: 30px;
  color: #fff;
  font-family: Karla;
}
header#main .search-container input.search-field {
  border-bottom: 2px solid #e5e3dd;
  padding: 10px;
  background: 0 0;
  border-top: none;
  border-left: none;
  border-right: none;
  font-size: 18px;
  color: #fff;
  font-family: Noto Sans;
  max-width: 600px;
  width: 64%;
  margin: 20px 20px;
}
header#main .search-container button.search-submit {
  color: #fff;
  background-color: #d86018;
  border: none;
  padding: 12px 25px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  line-height: 1.5;
}
header#main .search-container form.search-form label .screen-reader-text {
  display: none;
}
header#main .search-container button.search-submit:hover {
  background-color: #e5e3dd;
  color: #474647;
  transition: 0.5s ease;
}
header#main .search-container input[type="text"]:focus {
  outline: none;
}
header#main .call-to-action-menu ul li.lang-switcher,
header#main .call-to-action-menu ul li.li-search {
  padding: 0;
}
header#main .wpml-ls-legacy-dropdown {
  width: auto;
  max-width: 100%;
}
header#main .wpml-ls-legacy-dropdown ul {
  border: none;
  background: #fff;
}
header#main .wpml-ls-legacy-dropdown ul li {
  padding: 0;
  text-align: center;
}
header#main .wpml-ls-legacy-dropdown ul li a {
  border: none;
  color: #000;
}
header#main .wpml-ls-legacy-dropdown a:hover,
header#main .wpml-ls-legacy-dropdown a:active,
header#main .wpml-ls-legacy-dropdown a:focus {
  background: none;
}
header#main .network .main-container {
  padding: 30px 20px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
header#main .network {
  display: none;
  background-color: #f4f3f2;
  width: 100%;
  position: absolute;
  top: 74px;
  right: 0;
  z-index: 9;
  padding: 0;
  max-height: 550px;
  overflow: hidden;
  box-shadow: 0 2px 5px #8c857b;
}
header#main .network .main-container .network-items .term-list {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  padding: 0 20px;
}
header#main .network .main-container .close-icon-network {
  position: absolute;
  background-color: #c4bfb6;
  padding: 6px 10px 4px;
  border-radius: 3px;
  right: 30px;
  top: 11px;
  z-index: 4;
}
header#main .network .main-container .network-items {
  display: inline-block;
  width: 19%;
  vertical-align: text-top;
  height: 450px;
  border-right: 1px solid #e5e3dd;
}
header#main .network .main-container .network-items:last-child {
  border-right: none;
}
header#main .network .main-container .network-items h3 {
  font-size: 18px;
  font-family: Karla;
  color: #d86018;
  padding: 0 20px;
}
header#main .network .main-container .network-items .term-list .country-name a {
  color: #000;
  font-size: 13px;
  line-height: 2;
}
header#main
  .network
  .main-container
  .network-items
  .term-list
  .country-name
  a:hover {
  color: #d86018;
}
header#main .network .link-close-network {
  display: none;
}
header#main .lang-switcher-mobile {
  display: none;
}
header#main .search-container a.close-icon {
    z-index: 9999;
    position: relative;
    cursor: pointer;
}
.desktop-header ul.mega-links.sustain-links{
	column-count: 1;
	max-width: 500px;
}
@media screen and (max-width: 1221px) {
  .desktop-header {
    display: none !important;
  }
  .mobile-header {
    display: block !important;
  }
  html:lang(ar) header#main .menu-trigger {
    right: 0% !important;
  }
}
/* <------------------
GLOBAL MAIN HEADER | MOBILE
------------------>*/
@media screen and (max-width: 1439px) and (min-width: 1221px) {
  header#main .logo img {
    width: 100%;
  }
  header#main .main-menu {
    width: 50%;
    float: left;
  }
  header#main .main-menu ul li a {
    font-size: 10px;
  }
  header#main .call-to-action-menu ul li a {
    font-size: 10px;
  }
  header#main .main-menu ul li.has-children {
    padding: 15px 10px 25px !important;
  }
  header#main .call-to-action-menu {
    width: 40%;
    float: left;
    text-align: right;
  }
  header#main .call-to-action-menu ul li.customer-login {
    padding: 25px 5px !important;
  }
  header#main .main-menu .sub-menu {
    margin-top: 25px !important;
  }
}
@media screen and (min-width: 1220px) {
  header#main .main-menu ul li.has-children {
    position: relative;
    text-decoration: none;
    padding: 25px 5px !important;
  }
  header#main .main-menu ul li.has-children:hover .sub-menu {
    opacity: 1;
    display: block;
  }
  header#main .main-menu .sub-menu {
    background: #d86018;
    opacity: 0;
    min-width: 250px;
    position: absolute;
    transition: all 0.5s ease;
    margin-top: 26px;
    left: 0;
    display: none;
    z-index: 2;
    padding: 0px;
  }
  header#main .main-menu .sub-menu li a {
    color: #fff;
  }
  header#main .main-menu .sub-menu li {
    padding: 10px 20px;
    width: 250px;
  }
  header#main .main-menu .sub-menu li:hover {
    background-color: #fff;
  }
  header#main .main-menu .sub-menu li:hover a {
    color: #d86018;
  }
  /* Sub Sub Menu */
  header#main .main-menu ul li.has-another-children {
    position: relative;
  }
  header#main .main-menu ul li.has-another-children > a:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    border-right: 0.1em solid #fff;
    border-top: 0.1em solid #fff;
    transform: rotate(135deg);
    transition: 0.5s ease;
    margin: 0;
    top: 18px;
    left: 94%;
  }
  header#main .main-menu ul li.has-children a.open-sub:hover:after {
    border-right: 0.1em solid #d86018;
    border-top: 0.1em solid #d86018;
  }
  header#main .main-menu ul li.has-another-children:hover > a:after {
    border-right: 0.1em solid #d86018;
    border-top: 0.1em solid #d86018;
    transform: rotate(50deg);
    transition: 0.5s ease;
  }
  header#main .main-menu ul li.has-another-children:hover .sub-sub-menu {
    opacity: 1;
    display: block;
  }
  header#main .main-menu .sub-menu .sub-sub-menu {
    background: #ea6700;
    opacity: 0;
    min-width: 250px;
    position: absolute;
    transition: all 0.5s ease;
    display: none;
    left: 100%;
    z-index: 2;
    padding: 0;
    top: 0;
  }
  header#main .main-menu .sub-menu .sub-sub-menu li a {
    color: #fff;
  }
  header#main .main-menu .sub-menu .sub-sub-menu li {
    padding: 10px 20px;
    width: 250px;
  }
  header#main .main-menu .sub-menu .sub-sub-menu li:hover {
    background-color: #fff;
  }
  header#main .main-menu .sub-menu .sub-sub-menu li:hover a {
    color: #d86018;
  }
}
@media screen and (max-width: 1220px) {
  header#main {
    padding: 0;
	z-index:9999;
	  position:relative;
  }
  header#main .logo img {
    height: 50px;
    width: auto;
  }
  header#main .call-to-action-menu {
    display: none;
  }
  header#main .logo {
    width: 20%;
  }
  header#main .main-menu {
    display: none;
    position: absolute;
    z-index: 9 !important;
    background-color: #d86018;
    width: 100% !important;
    left: 0;
    top: 10 0px;
  }
  header#main .main-menu ul.primary-menu {
    list-style: none;
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
  }
  header#main .main-menu ul.primary-menu li.has-children {
    padding: 15px 0 !important;
    display: block;
  }
  header#main .main-menu ul.primary-menu li.has-children ul.sub-menu {
    display: none;
    background-color: #fff;
    margin: 20px 0 0;
  }
  header#main .main-menu ul.primary-menu li.has-children ul.sub-menu li {
    display: block;
    padding: 15px 20px 10px;
  }
  header#main .main-menu ul.primary-menu li.has-children ul.sub-menu li a {
    color: #000;
  }
  header#main .main-menu ul.primary-menu li a {
    color: #fff;
    padding: 0 10px;
  }
  header#main .main-menu ul.primary-menu li a.open-sub:after {
    position: relative;
    content: "";
    display: inline-block;
    width: 0.3em;
    height: 0.3em;
    border-right: 0.1em solid white;
    border-top: 0.1em solid white;
    transform: rotate(45deg);
    margin-left: 10px;
    transition: 0.5s;
  }
  header#main .main-menu ul.primary-menu li a.open-sub.active:after {
    position: relative;
    content: "";
    display: inline-block;
    width: 0.3em;
    height: 0.3em;
    border-right: 0.1em solid white;
    border-top: 0.1em solid white;
    transform: rotate(135deg);
    margin-left: 10px;
    margin-bottom: 3px;
    transition: 0.5s;
  }
  /* Sub-Sub Menu */
  header#main .main-menu ul.primary-menu li.has-children ul.sub-menu li.has-another-children .sub-sub-menu {
    display: none;
    background-color: #f4f3f2;
    margin: 20px 0 0;
  }
  header#main .main-menu ul li.has-another-children {
    position: relative;
  }
  header#main .main-menu ul li.has-another-children > a:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    border-right: 0.1em solid #000;
    border-top: 0.1em solid #000;
    transform: rotate(135deg);
    transition: 0.5s ease;
    margin: 0;
    top: 18px;
    left: 94%;
  }
  header#main .main-menu ul li.has-another-children > a.active:after {
    transform: rotate(50deg);
    transition: 0.5s ease;
  }
  /* Menu Trigger - Hamburger */
  header#main .lang-switcher-mobile {
    display: block;
  }
  header#main .wpml-ls-legacy-dropdown {
    width: auto;
    max-width: 100%;
    position: absolute;
    right: 50px;
    top: 15px;
  }
  header#main .menu-trigger {
    position: absolute;
    height: 44px;
    right: 0;
    width: 10%;
    cursor: pointer;
    transition: opacity 130ms ease-out;
    -webkit-transition: opacity 130ms ease-out;
    -moz-transition: opacity 130ms ease-out;
    -ms-transition: opacity 130ms ease-out;
  }
  header#main .menu-trigger:hover {
    opacity: 0.7;
  }
  header#main .menu-trigger .bar {
    position: absolute;
    right: 10px;
    width: 28px;
    height: 3px;
    background: #000;
    transition: transform 180ms ease-out, opacity 160ms ease-out,
      top 180ms ease-out, width 120ms ease-out, background 300ms ease-out;
    -webkit-transition: transform 180ms ease-out, opacity 160ms ease-out,
      top 180ms ease-out, width 120ms ease-out, background 300ms ease-out;
    -moz-transition: transform 180ms ease-out, opacity 160ms ease-out,
      top 180ms ease-out, width 120ms ease-out, background 300ms ease-out;
    -ms-transition: transform 180ms ease-out, opacity 160ms ease-out,
      top 180ms ease-out, width 120ms ease-out, background 300ms ease-out;
  }
  header#main .menu-trigger .bar-1 {
    top: 13px;
  }
  header#main .menu-trigger .bar-2 {
    top: 21px;
  }
  header#main .menu-trigger .bar-3 {
    top: 29px;
  }

  header#main .menu-trigger .open,
  header#main .menu-trigger .open:hover {
    opacity: 1 !important;
  }
  header#main .menu-trigger.active .bar {
    background: #000;
  }
  header#main .menu-trigger.active .bar-1 {
    top: 21px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
  }
  header#main .menu-trigger.active .bar-2 {
    opacity: 0;
    width: 0px;
  }
  header#main .menu-trigger.active .bar-3 {
    top: 21px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
  }
  header#main .call-to-action-menu-mobile {
    display: block;
    background: #000;
    padding: 10px;
  }
  header#main .call-to-action-menu-mobile ul li a {
    color: #fff;
    text-decoration: underline;
  }
  header#main .call-to-action-menu-mobile ul li {
    width: 40%;
    padding: 10px;
  }
  header#main .network {
    top: 55px;
  }
  header#main .network .link-close-network {
    display: block;
    position: absolute;
    right: 20px;
    top: 10px;
  }

  .mobile-inner-sub-menu {
    padding: 20px 0px !important;
  }
  .mobile-inner-sub-menu ul {
    padding: 5px 25px !important;
  }
  .mobile-inner-sub-menu ul:not(:last-child) {
    margin-bottom: 15px !important;
  }
  .mobile-inner-sub-menu ul li{
    padding: 0px !important;
  }
  .mobile-inner-sub-menu ul li a{
    padding: 0px !important;
  }

}

@media screen and (max-width: 768px) {
  header#main .logo {
    width: 50%;
  }
  header#main .network .main-container {
    padding: 20px 0;
  }
  header#main .network {
    height: 500px;
    overflow: scroll;
  }
  header#main .network .main-container .network-items {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  header#main .search-container img {
    width: 40px;
  }
}

.header-wrapper {
  z-index: 99;
  background: #fff;
  max-width: 1920px;
  width: 100%;
  padding: 0px 30px;
  height: 70px;
  line-height: 70px;
  margin: auto;
  display: flex;
  align-items: center;
}

.header-wrapper .nav-links {
  display: inline-flex;
}
.nav-links li {
  list-style: none;
}
.nav-links li a {
  color: #000;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  padding: 9px 15px;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.nav-links li a:hover {
  background: #fff;
}
.nav-links .mobile-item {
  display: none;
}
.nav-links .drop-menu {
  position: absolute;
  background: #fff;
  width: 180px;
  line-height: 45px;
  top: 85px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}
.nav-links li:hover .drop-menu,
.nav-links li:hover .mega-box {
  transition: all 0.3s ease;
  top: 70px;
  opacity: 1;
  visibility: visible;
}
.drop-menu li a {
  width: 100%;
  display: block;
  padding: 0 0 0 15px;
  font-weight: 400;
  border-radius: 0px;
}
.mega-box {
  position: absolute;
  left: 0;
  /* width: 1440px; */
  width: 100%;
  padding: 0 30px 0 0;
  /* top: 85px; */
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  /* margin-top: 36px; */
}
.mega-box .content {
  background: #fff;
  padding: 0;
  display: flex;
  border-top: 1px solid #e5e3dd;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.05);
   /*padding-left: 13%; */
}
.mega-box .content .row-mega {
  /*width: calc(25% - 30px);*/
  line-height: 45px;
  /* border-right: 1px solid #f2f2f2; */
  margin-right: 25px;
	padding-left: 12%;    
	margin-top: 25px;
    margin-bottom: 25px;
}
body.rtl .mega-box .content .row-mega{
	padding-left: 5%;    
}
.for-header-title {
    padding: 25px;
}

.ar-header .mega-box .content .row-mega:not(:first-child) {
  border-right: 2px solid #f2f2f2 !important;
}
.en-header .mega-box .content .row-mega:not(:last-child) {
  border-right: 2px solid #f2f2f2;
}

/*.en-header .our-invesment-mega-box .row-mega:not(:first-child) {
  align-items: center;
  flex-direction: column;
  display: flex;
}*/
.business-mega-links .content .row-mega {
  /*width: 20%;*/
}
.content .row-mega img {
  /*width: 100%;*/
  /*height: 100%;*/
  /*object-fit: cover;*/
}
.content .row-mega header,.content .for-header-title header {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  padding-bottom: 0;
  font-family: Karla;
}
.content .row-mega .mega-links {
  margin-left: -80px;
  border-left: 1px solid rgba(255, 255, 255, 0.09);
}
.BusinessMega a {
    padding: 0px 15px!important;
}
.row-mega .mega-links li {
  padding: 0 20px;
}
.row-mega .mega-links li a {
  padding: 0px;
  padding: 5px 15px 5px 0;
  color: #000;
  font-size: 15px;
  display: block;
  line-height: 28px;
  font-weight: 400;
}
.row-mega .mega-links li a:hover {
  color: #000;
}
.header-wrapper .btn {
  color: #000;
  font-size: 20px;
  cursor: pointer;
  display: none;
}
.header-wrapper .btn.close-btn {
  position: absolute;
  right: 30px;
  top: 10px;
}
header#main .main-menu .mega-links li {
  display: block !important;
}

@media screen and (max-width: 970px) {
  .header-wrapper .btn {
    display: block;
  }
  .header-wrapper .nav-links {
    position: fixed;
    height: 100vh;
    width: 100%;
    max-width: 350px;
    top: 0;
    left: -100%;
    background: #fff;
    display: block;
    padding: 50px 10px;
    line-height: 50px;
    overflow-y: auto;
    box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
  }
  /* custom scroll bar */
  ::-webkit-scrollbar {
    width: 10px;
  }
  ::-webkit-scrollbar-track {
    background: #fff;
  }
  ::-webkit-scrollbar-thumb {
    background: #3a3b3c;
  }
  #menu-btn:checked ~ .nav-links {
    left: 0%;
  }
  #menu-btn:checked ~ .btn.menu-btn {
    display: none;
  }
  #close-btn:checked ~ .btn.menu-btn {
    display: block;
  }
  .nav-links li {
    margin: 15px 10px;
  }
  .nav-links li a {
    padding: 0 20px;
    display: block;
    font-size: 20px;
  }
  .nav-links .drop-menu {
    position: static;
    opacity: 1;
    top: 65px;
    visibility: visible;
    padding-left: 20px;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    box-shadow: none;
    transition: all 0.3s ease;
  }
  #showBusinessMega:checked ~ .drop-menu,
  #showBusinessMega:checked ~ .mega-box,
  #showAboutDrop:checked ~ .drop-menu,
  #showAboutMega:checked ~ .mega-box,
  #showInvesmentMega:checked ~ .drop-menu,
  #showInvesmentMega:checked ~ .mega-box,
  #showSustainMega:checked ~ .drop-menu,
  #showSustainMega:checked ~ .mega-box,
  #showInvestorMega:checked ~ .drop-menu,
  #showInvestorMega:checked ~ .mega-box,
  #showInsightMega:checked ~ .drop-menu,
  #showInsightMega:checked ~ .mega-box {
    max-height: 100%;
  }

  .nav-links .desktop-item {
    display: none;
  }
  .nav-links .mobile-item {
    display: block;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
  }
  .nav-links .mobile-item:hover {
    background: #fff;
  }
  .drop-menu li {
    margin: 0;
  }
  .drop-menu li a {
    border-radius: 5px;
    font-size: 18px;
  }
  .mega-box {
    position: static;
    top: 65px;
    opacity: 1;
    visibility: visible;
    padding: 0 20px;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease;
  }
  .mega-box .content {
    box-shadow: none;
    flex-direction: column;
    padding: 20px 20px 0 20px;
  }
  .mega-box .content .row-mega {
    width: 100%;
    margin-bottom: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }
  .mega-box .content .row-mega:nth-child(1),
  .mega-box .content .row-mega:nth-child(2) {
    border-top: 0px;
  }
  .content .row-mega .mega-links {
    border-left: 0px;
    padding-left: 15px;
  }
  .row-mega .mega-links li {
    margin: 0;
  }
  .content .row-mega header, .content .for-header-title header {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .header-wrapper {
    justify-content: flex-end;
  }
  .mega-box .content {
    padding: 20px 20px 0 0px;
  }
  .row-mega .mega-links li a {
    padding: 0 35px 20px 5px;
  }
  .mega-box .content .row-mega {
    line-height: 0px;
    margin-bottom: 0 !important;
  }
  .nav-links li {
    margin: 5px 10px;
  }
}
.header-wrapper input {
  display: none;
}

.body-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding: 0 30px;
}
.body-text div {
  font-size: 45px;
  font-weight: 600;
}
ul.mega-links.mega-links-by-country {
  /* column-count: 2; */
}
ul.mega-links.mega-links-by-country{
  column-count: 1;
}
.investor-relation-links {
  column-count: 1;
}
ul.about-mega-links{
 column-count: 1;
}
ul.sustain-links{
 column-count: 1;
}
ul.insight-mega-links {
  column-count: 1;
}
.insight-mega-box .content .row-mega {
  /*width: calc(50% - 30px) !important;*/
}
body.rtl .our-invesment-mega-box .content .row-mega{
	width: 60%!important;
}
.our-invesment-mega-box .content .row-mega {
  width: 50%!important;
}
.our-invesment-mega-box .content .row-mega .first-col,
.our-invesment-mega-box .content .row-mega .second-col,
.our-invesment-mega-box .content .row-mega .third-col {
	width:32.33%!important;
	float: left;
	padding-left:1%!important;
}
.our-invesment-mega-box .content .row-featured {
	width: 25%!important;
	float:left;
	padding-left:2%!important;
}
body.rtl .our-invesment-mega-box .content .row-featured{
	width: 25%!important;
}
.our-invesment-mega-box .content .row-mega p{
	width: 100%!important;
	float:left;
}
.our-invesment-mega-box .content .first-col, .insight-mega-box .content .first-col{
  width: 25%;
}
.our-invesment-mega-box .content .second-col, .insight-mega-box .content .second-col{
  width: 60%;
  padding-left: 5%;
}
.BusinessMega .mega-box .row-mega {
  /*width: unset !important;*/
}
.about-mega-box .row-mega, .investor-relation-mega-box .row-mega, .sustain-mega-box .content .row-mega{
  width: 50%;
}
.about-mega-box .about-latest-news, .investor-relation-mega-box .relation-annual-report, .sustain-mega-box .sustain-report, .our-invesment-mega-box .investment-report{
  width: 20%;
  padding-left: 4%;
  padding-bottom: 4%;
}

.investor-relation-mega-box .investor-relation-links a:hover, .sustain-mega-box .row-mega a:hover, .about-mega-box .row-mega a:hover, .our-invesment-mega-box .row-mega a:hover{
    /*background-color: #F4F3F2 ; */
    display: inline-block;
     width: 100%;
}
.our-invesment-mega-box .row-mega a:hover, .insight-mega-box .row-mega a:hover{
    /*background-color: #F4F3F2; */
    display: inline-block;
    width: 100%;
	color: #d86018!important;
}
.our-invesment-mega-box .row-mega a,
.insight-mega-box .row-mega a{
	padding: 5px 15px 5px 15px; 
}
.our-invesment-mega-box .content{
  flex-wrap: wrap;
}
.business-mega-links .row-mega a:hover{
    /*background-color: #F4F3F2 !important;*/
     color: #d86018!important;
     padding: 5px 15px 5px 15px; 
    display: inline-block;
    width: 345px;
}
.business-mega-links .first-rw .first-rw-col-2 a{
  width: 260px;
}
.business-mega-links .content{
  display: block;
}
.business-mega-links .first-rw{
  display: flex;
}
.business-mega-links .first-rw .first-rw-col-1,.business-mega-links .first-rw .first-rw-col-2{
    width: 50%;
}
.business-mega-links .first-rw-col-1, .business-mega-links .first-rw-col-2{
  display: flex;
}
.business-mega-links .content .row-mega{
  display: flex;
  position: relative;
}
.business-mega-links .content .row-mega:after{
  content: '';
  position: absolute;
  background-color: #F4F3F2;
  width: 80%;
  height: 1px;
  bottom: 0;
}
.business-mega-links .row-mega header {
    min-width: 320px;
}
inks .first-rw-col-1 .mega-links{
  padding-left: 3% !important;
}
.business-mega-links .first-rw-col-2 .mega-links-right{
  padding-left: 6% !important;
}
.business-mega-links li{
  line-height: .5;
}
.business-mega-links .mega-links a{
  padding-top: 0 !important;
}
.business-mega-links .content .row-mega{
  width: 80%;
  /*border-bottom: 1px solid #F4F3F2;*/
  padding: 8px 0px;
}
.business-mega-links .content{
  padding-top: 5px;
  padding-bottom: 5px;
}
.en-header .business-mega-links .content .row-mega:not(:last-child){
  border-right: unset  ;
}
/* @media screen and (min-width: 1366px) {
  .mega-box {
    width: 1200px;
  }
} */
.content .featuredTitle{
	padding-bottom: 15px!important;
	font-size:16px!important;
}
.sustain-report .download-content{
    background-image: url('https://www.agility.com/wp-content/uploads/2025/06/agility-sustainabilityfy24.png');
}
body.rtl .sustain-report .download-content{
    background-image: url('https://www.agility.com/wp-content/uploads/2025/06/agility-sustainabilityfy24.png');
}
.ventures-report{
	background-image: url(https://www.agility.com/wp-content/uploads/2021/12/ventures-hero-banner-img.jpeg);
    background-size: cover;
    background-position: center;
}
.blog-report {
    background-image: url(/wp-content/uploads/2024/02/emli-thumb-2024.jpg);
    background-size: cover;
    background-position: center;
}
.blog-download-report .blog-download-content span {
    background-color: #474647;
    padding: 10px 20px;
}
.ventures-report .download-content span,
.blog-report .download-content span{
    font-size: 16px;
    margin: 0;
    line-height: 0;
    margin-right: 10px;
    font-family: Karla;
    color: #ed8b00!important;
    text-decoration: underline;
    font-weight: normal!important;
}
.ventures-report a span{
	color:#ed8b00!important;
	font-weight: bold;
}
.ventures-report a:hover span,
.blog-report a:hover span{
	color:#ed8b00!important;
}
.relation-annual-report .download-content{
    background-image: url('/wp-content/uploads/2022/08/Rectangle-65.png');
}
.blog-right-col .blog-download-content{
   background-image: url('/wp-content/uploads/2022/08/Rectangle-65-2.png');
}
.download-report .download-content{
 display: flex;
    justify-content: space-between;
    align-items: end;
    padding-bottom: 20px;
    background-size: cover;
    background-position: center;
    min-height: 196px;
	padding-right: 5%;
    padding-left: 5%;
}
.sustain-report .download-report .download-content{
  min-height: 245px!important;
}
/*.sustain-report .download-report .download-content span{
  color: #000;
  text-decoration: underline;
} */
.blog-download-report .blog-download-content{
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding-bottom: 20px;
    background-size: cover;
    background-position: center;
    height: 180px;
	padding-right: 0%;
    padding-left: 0%;
}
.download-content a, .blog-download-content a{
  line-height: 0;
}

.download-report .download-content span, .blog-download-report .blog-download-content span{
  color: #fff;
  font-size: 16px;
  margin: 0;
  line-height: 0;
  margin-right: 10px;
  font-family: Karla;
	font-weight: bold;
}
.download-report .download-content img, .blog-download-report .blog-download-content img{
   width: 20px;
}
.blog-right-col {
  display: flex;
  align-items: center;
}
.blog-right-col .mega-links{
  width: 30%;
}
.blog-right-col .blog-download-report{
  width: 30%;
}
.latest-news-div .featured-single-overlay{
  padding: 35% 5% 2% 5%;
}
.latest-news-div .featured-single-overlay .featured-p-title{
  font-weight: bold;
}
.latest-news-div .featured-single-overlay .featured-p-title, .latest-news-div .featured-single-overlay .featured-p-text{
  line-height: 1;
  color: #fff;
  margin: 0;
	font-size: 16px;
    font-family: karla;

}
.latest-news-div .featured-single-overlay .featured-p-text a{
    color: #ed8b00!important;
    padding-left: 0;
    font-size: 14px !important;
    text-decoration: underline !important;
}
.latest-news-div .featured-single-overlay .featured-p-text a:hover{
  color: #fff !important;
  background-color: transparent;
}

.download-content a:hover, .blog-download-content a:hover{
  width: unset !important;
  background-color: transparent !important;
}
a.desktop-item:hover{
  color: #d86018 !important;
}
header#main .main-menu ul li a.desktop-item:focus {
    /*color: #d86018;*/
}
@media only screen and (min-width: 1520px) and (max-width: 1680px) {
  .mega-box {
    padding-right: 0;
  }/*
  .mega-box .content {
    width: 89.7%;
    padding-right: 0 !important;
    padding-left: 10.2%;
  }*/
  .ar-header#main .logo {
    width: 20%;
  }
  header#main .main-menu {
    width: 60%;
  }
  .sustain-mega-box .content .row-mega,
  .insight-mega-box .content .row-mega {
    /*width: calc(60% - 30px) !important;*/
  }
  header#main .logo {
    width: 7%;
  }
  .investor-relation-mega-box .content .row-mega {
    /*width: calc(50% - 30px);*/
  }
  header#main .search-container input.search-field {
    width: 55%;
  }
  header#main .search-container {
    top: 75px;
  }
  .business-mega-links .row-mega header {
    min-width: 270px;
  }
  .business-mega-links .row-mega a:hover {
    width: 230px;
  }
  .business-mega-links .content .row-mega:after{
    width: 80%;
  }
  .about-mega-box .about-latest-news, .investor-relation-mega-box .relation-annual-report, .sustain-mega-box .sustain-report{
    width: 30%;
  }
  .blog-right-col .blog-download-report{
  width: 40%;
}
	
	.our-invesment-mega-box .content .row-featured{
		width: 30%!important;
	}
	.our-invesment-mega-box .content .row-featured a{
		padding-bottom: 10px!important;
	}
}
@media only screen and (min-width: 1441px) and (max-width: 1521px) {
  .mega-box {
    padding-right: 0;
  }
  .mega-box .content {
    /*width: 87%;*/
    padding-right: 0 !important;
  }
  .ar-header#main .logo {
    width: 20%;
  }
  header#main .main-menu {
    width: 60%;
  }
  .sustain-mega-box .content .row-mega,
  .insight-mega-box .content .row-mega {
    /*width: calc(70% - 30px) !important;*/
  }
  header#main .logo {
    width: 7%;
  }
  .investor-relation-mega-box .content .row-mega {
    /*width: calc(50% - 30px);*/
  }
  header#main .search-container input.search-field {
    width: 50%;
  }
  header#main .search-container {
    top: 55px;
  }
  .business-mega-links .row-mega header {
    min-width: 250px;
  }
  .business-mega-links .row-mega a:hover {
    width: 220px;
  }
  .business-mega-links .content .row-mega:after{
    width: 85%;
  }
  .about-mega-box .about-latest-news, .investor-relation-mega-box .relation-annual-report, .sustain-mega-box .sustain-report{
    width: 30%;
  }
  .blog-right-col .blog-download-report{
  width: 40%;
}
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  header#main .search-container input.search-field {
    width: 50%;
  }
  .header-wrapper {
    padding: 0 10px;
  }
  /* .mega-box .content {
    padding-left: 9%;
  }*/
  .business-mega-links .content .row-mega {
    /*width: 23%;*/
  }
  .ar-header#main .logo {
    width: 10%;
  }
  .ar-header#main .main-menu {
    width: 50%;
  }
  .mega-box {
    /* width: 1280px; */
    /* left: -90px; */
    /* margin-top: 0; */
  }
  .our-invesment-mega-box .content .row-mega {
    /*width: calc(20% - 30px);*/
  }
  .sustain-mega-box .content .row-mega,
  .insight-mega-box .content .row-mega {
    /*width: calc(65% - 30px) !important;*/
  }
  header#main .main-menu {
    width: 57%;
  }
  header#main .call-to-action-menu {
    width: 37%;
}
  .investor-relation-mega-box .content .row-mega {
    /*width: calc(40% - 30px);*/
  }
  header#main .search-container {
    width: 35%;
    top: 77px;
    right: 7px;
  }
  header#main .search-container .search-inner-content {
    top: 26%;
  }
  header#main .search-container img {
    height: 15px;
    width: 15px;
  }
/* 
  .mega-box .content {
    width: 89.5%;
  } */
  .mega-box {
    padding-right: 0;
  }
  .business-mega-links .row-mega header {
    min-width: 265px;
  }
  .business-mega-links .row-mega a:hover {
    width: 220px;
  }
  .business-mega-links .first-rw .first-rw-col-1{
    width: 60%;
  }
   .business-mega-links .first-rw .first-rw-col-2{
      width: 40%;
  }
  .business-mega-links .content .row-mega:after{
    width: 90%;
  }
  .about-mega-box .about-latest-news, .investor-relation-mega-box .relation-annual-report, .sustain-mega-box .sustain-report{
    width: 30%;
  }
  .blog-right-col .blog-download-report{
	  width: 40%;
	}
	.our-invesment-mega-box .content .row-featured{
		width: 30%!important;
	}
	.our-invesment-mega-box .content .row-featured a{
		padding-bottom: 10px!important;
	}
}
@media only screen and (min-width: 1221px) and (max-width: 1270px) {

  header#main .main-menu {
    width: 54% !important;
  }
  header#main .call-to-action-menu {
    width: 40% !important;
  }
  .about-mega-box .about-latest-news, .investor-relation-mega-box .relation-annual-report, .sustain-mega-box .sustain-report{
    width: 30%;
  }
  .blog-right-col .blog-download-report{
  width: 40%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1355px) {
  .nav-links li a {
    padding: 0 12px 0 0;
  }
}


@media only screen and (min-width: 1025px) and (max-width: 1366px) {

  header#main .search-container input.search-field {
    width: 50%;
  }
  .mega-box {
    /* left: -150px; */
    /* width: 1250px; */
    /* margin-top: 0; */
  }
  header#main .logo {
    width: 10%;
  }
  .ar-header#main .logo {
    width: 10%;
  }
  .ar-header#main .main-menu {
    width: 50%;
  }
  header#main .main-menu {
    width: 56%;
  }
  header#main .call-to-action-menu {
    width: 38%;
  }
  .business-mega-links .content .row-mega {
    /*width: 23%;*/
  }

  .insight-mega-box .content .row-mega {
    /*width: calc(65% - 30px) !important;*/
  }
  .mega-box .content {
    padding-left: 8%;
  }
	
	.mega-box .our-invesment-mega-box .content{
		padding-left: 12%;
	}
  .our-invesment-mega-box .content .row-mega {
    /*width: calc(20% - 30px);*/
  }
  .investor-relation-mega-box .content .row-mega {
    /*width: calc(35% - 30px);*/
  }

  .header-wrapper {
    padding: 0;
  }
  .mega-box {
    padding-right: 0;
  }
  .business-mega-links .row-mega header {
    min-width: 265px;
  }
  .business-mega-links .row-mega a:hover {
    width: 220px;
  }
  .business-mega-links .first-rw .first-rw-col-1{
    width: 55%;
  }
   .business-mega-links .first-rw .first-rw-col-2{
      width: 45%;
  }
  .business-mega-links .content .row-mega:after{
    width: 100%;
  }
  .about-mega-box .about-latest-news, .investor-relation-mega-box .relation-annual-report, .sustain-mega-box .sustain-report{
    width: 30%;
  }
  .blog-right-col .blog-download-report{
  width: 50%;
}
	
	.our-invesment-mega-box .content .row-featured{
		width: 30%!important;
	}
	.our-invesment-mega-box .content .row-featured a{
		padding-bottom: 10px!important;
	}
}
@media only screen and (max-width: 1220px) {
  header#main .search-container{
    width: 100%;
    top: 56px;
  }
  header#main .search-container input.search-field{
    width: 50%;
  }
	header#main .search-container input.search-field{
	margin: 0 20px;
	}
	header#main .main-menu ul li a#search-btn-mobile:hover{
		color:#fff!important;
	}
}
/* --------- */
/* .about-mega-links .content .row-mega {
  display: grid;
  grid-template-columns: 10% 90%;
}
.BusinessMega .content {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}
.our-invesment-mega-box .row-mega{
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
} */
.logged-in .mega-box {
  margin-top: 36px;
}
.desktop-item img {
  width: 12px;
  height: 10px;
}
.ar-header .row-mega .mega-links li a {
  padding: 0;
}
.ar-header .mega-box .content .row-mega {
  padding-right: 40px;
}
.screen-reader-text {
  border: 0 !important;
  clip: unset !important;
  -webkit-clip-path: unset !important;
  clip-path: unset !important;
  height: unset !important;
  margin: -8px;
  overflow: visible !important;
  padding: unset !important;
  position: unset !important;
  width: unset !important;
}


.agility-global-menu {
  padding-left: 0;
  border-top: 1px solid #d86018;
  margin-top: 10px;
  display: flex;
  gap: 40px;
}
/*.agility-global-menu-col:not(:last-child) {*/
/*  border-bottom: 1px solid #d86018;*/
/*  padding-bottom:20px*/
/*}*/
.agility-global-subhead-col {
  display: flex;
  padding: 10px 0px;
}
.agility-global-subhead-col:not(:last-child) {
  border-bottom: 1px solid #dbdbdb;
}
.agility-global-menu a {
  padding: 0px 10px !important;
  line-height: 2;
  width: 100%;
}
.agility-global-color-subhead {
  color: #ed8b00;
  line-height: 2;
  min-width: 170px;
	font-size: 13px;
}
.business-mega-links .agility-global-menu a:hover {
  width: 100% !important;
  font-weight: 400 !important;
}
.agility-global-menu .agility-global-menu-head {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  padding-bottom: 0;
  font-family: Karla;
}
.agility-global-subhead-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.business-ftr-menu-col span a {
    color: #fff;
}
@media only screen and (min-width: 1222px) and (max-width: 1440px) {
	.content .row-mega header, .content .for-header-title header{
		font-size:12px;
	}
	header#main .main-menu ul li a {
		font-size: 10px;
		padding: 0 10px;
	}
	.mega-box .content .row-mega{
		line-height:2em;
		padding-left: 6%;
	}
	.business-mega-links .content .row-mega{
		padding: 2px 0;
	}
	.header-wrapper .nav-links a {
		font-size: 10px!important;
	}
	header#main .call-to-action-menu ul li a{
		font-size:10px;
	}
	
}
@media screen and (max-width: 410px) {
  header#main .search-container input.search-field {
    width: 44% !important;
  }
}

.row-mega.tenth-rw {
    border-bottom: none;
}


/* Additional CSS for Switch BG Image to featured Image*/
.about-latest-news .featured-image{
	position:relative;
}
.about-latest-news .featured-image img{
	position: relative;
    z-index: 0;
}
.about-latest-news .latest-news-div .featured-single-overlay {
    position: absolute;
    z-index: 1;
    bottom: 40px;
    left: 20px;
    max-width: 400px;
	padding:0!important;
}
.about-latest-news .latest-news-div .featured-single-overlay .featured-p-text{
	padding: 0;
	display: block;
}
.investor-relation-mega-box .featured-single-overlay{
	padding: 0!important;
}
.investor-relation-mega-box .featured-single-overlay .featured-p-text a {
    color: #fff!important;
    font-size: 16px!important;
    margin: 0 0 10px;
    line-height: 0;
    margin-right: 10px;
    font-family: Karla;
    font-weight: bold;
    text-decoration: none!important;
}
.investor-relation-mega-box .featured-single-overlay .featured-p-text a:hover{
	color: #ed8b00!important;
}

html[lang="ar"] .our-invesment-mega-box .content .row-mega .second-col{
	float: right;
}

.mega-links .region-title a {
    font-weight: bold!important;
    font-family: 'Karla';
    padding: 0 5px!important;
    color: #d86018!important;
	font-size: 14px!important;
}
.first-rw-col-2 .mega-links:nth-child(2) .region-title,
.first-rw-col-2 .mega-links:nth-child(3) .region-title{
    margin-top: 20px;
}
.BusinessMega .firstCol, .secondCol {
    width: 50%;
    float: left;
}
