ol>li {
  display: list-item !important;
  list-style: decimal !important;
}

html.js {
  direction: rtl;
}

:root {
  --black-color: #000000;
  --white-color: #fff;
  --bg-gray-color: #fbfbfb;
  --main-color: #05b25a;
  --gray-bold-color: #656669;
  --text-color: #535353;
  --orange-color: #f69320;
}

a:focus {
  outline: thin dotted;
  outline: none;
  outline-offset: 0;
}

body {
  position: relative;
  /* scroll-behavior: smooth; */
  overflow: hidden;
}

.print-header {
  display: none;
}

@media (min-width: 1200px) {
  .header.scrolled .container {
    width: 1220px;
  }
}

*,
::before,
::after {
  /* transition: 0.3s ease; */
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.breadcrumb {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  position: absolute;
  top: 346px;
  right: 7%;
  color: #fff;
  font-size: 13.7px;
  font-weight: normal;
  padding-right: 25px;
  background: url(../images/home.png) no-repeat right;
}

.messages__wrapper div.messages {
  display: inline-block;
  padding: 20px !important;
  position: fixed;

  display: inline-block;
  top: 0;
  bottom: 0;
  height: 200px;
  right: 0;
  left: 0;
  margin: auto;
  width: 500px;
  /* background: #bdbdbd; */
  /* align-items: center; */
  text-align: center;
  color: #ffffff;
  /* box-shadow: 0px 1px 15px #a5a4a4; */
  border-radius: 15px;
  z-index: 999;
  position: fixed !important;
  height: auto !important;
  width: 38% !important;
  top: 36% !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 237px !important;
  margin: 0 auto !important;
  border: 1px solid #dddddd
  /*{borderColorContent}*/
  ;
  background-color: #ffffff !important;
  color: #333333
  /*{fcContent}*/
  ;
  font-size: 22px;
  padding-top: 97px;
  font-family: "GEMedium";
}

.messages__wrapper div.messages {
  font-size: 22px;
  margin-bottom: 22px !important;
  text-align: center;
  position: relative;
  padding-top: 0 !important;
  color: #000;
  height: auto !important;
  max-block-size: fit-content;
  min-height: 100px;
  display: inline-block;
  align-items: center;
  justify-content: center;
  padding: 0 20px !important;
  border-radius: 2px;
  margin-bottom: 0px !important;
  top: 0 !important;
  bottom: 0px !important;
  margin: auto !important;
  padding-top: 30px !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.messages__wrapper div.messages:after {
  content: " ";
  width: 24px;
  height: 24px;
  margin: 0;
  clip: unset;
  font-size: 0px;
  display: inline-block;
  background: url(../images/closeMenu.png) no-repeat center;
  background-size: 13px;
  float: none;
  position: absolute;
  right: 3%;
  top: 10px;
  z-index: 9999;
  cursor: pointer;
}

.messages__wrapper {
  border: 0px !important;
  background-color: #0000007a !important;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0px;
  background-size: 0;
  -moz-animation: unset;
  -moz-background-size: unset;
  -moz-box-shadow: unset;
  -webkit-animation: unset;
  z-index: 999;
}

.messages__wrapper div {
  width: 100%;
  display: inline-block;
  margin: 10px 0;
}

table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
}

/* .overflow {
  white-space: nowrap;
  overflow: auto;
  table-layout: fixed;
  padding-bottom: 10px;
  max-height: 100vh;
} */
td,
th {
  border: 3px solid #fff;
  padding: 8px;
  text-align: right;
  font-size: 12px;
}

tr {
  background: #f9f9f9;
  color: #0e0e0e;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

tr:hover {
  background-color: #ddd;
}

th,
thead td {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #d8efe9;
  color: var(--text-color);
  font-weight: normal;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
}

.header {
  position: fixed;
  width: 100%;
  top: 0;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  z-index: 99;
}

.header.scrolled {
  background: #fff;
  padding: 25px 0;
}

.curent-date {
  display: inline-block;
  width: 100%;
  text-align: left;
  margin-top: 10px;
  color: var(--white-color);
}

div#block-sdc-site-branding {
  margin-bottom: 20px;
  float: right;
}

div#block-topheaderblock {
  /* float: left; */
  margin-top: 30px;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  font-size: 11.5px;
  color: var(--white-color);
  display: inline-block;
}

ul.sf-menu a,
ul.sf-menu span.nolink {
  display: block;
  padding: 0;
  position: relative;
  color: var(--white-color);
  font-size: 13.5px;
  padding: 0 18px;
  border-left: 1px solid var(--white-color);
}

ul.sf-menu.menu li:last-child a {
  border: 0px;
  padding-left: 0px;
}

ul.sf-menu.menu li:first-child a {
  padding-right: 0px;
}

ul.sf-menu.rtl li {
  margin-top: 23px;
  position: relative;
}

ul.sf-menu.rtl li:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 3px;
  background: var(--main-color);
  position: absolute;
  top: -26px;
  right: 0;
  opacity: 0;
}

ul.sf-menu.rtl li:hover::before {
  opacity: 1;
}

ul.sf-menu.rtl.sf-horizontal.sf-shadow ul {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  z-index: 9;
  text-align: right;
  margin-top: 1px;
  border: 1px solid #c5cfc540;
  width: 24em !important;
}

ul.sf-menu.rtl.sf-horizontal.sf-shadow ul li {
  margin-top: 0;
  margin-bottom: 18px;
  font-size: 12.5px;
}

ul.sf-menu.rtl.sf-horizontal.sf-shadow ul li::before {
  display: none;
}

ul.sf-menu.rtl.sf-horizontal.sf-shadow ul li:hover a::before {
  content: "_";
  font-size: 0px;
  display: inline-block;
  background-color: unset;
  background-image: url(../images/right-arrow-red.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 3px;
  right: -15px;
  transition: 0.4s;
}

ul.sf-menu.rtl.sf-horizontal.sf-shadow ul a {
  padding: 0 18px;
}

ul.sf-menu.rtl.sf-horizontal.sf-shadow ul a {
  color: var(--text-color);
  font-size: 12.5px;
  transition: 0.4s;
  border: 0px;
}

ul.sf-menu.rtl.sf-horizontal.sf-shadow ul li:hover a {
  color: var(--main-color);
  background-color: white;
  padding-right: 30px;
  transition: 0.4s;
}

.top-header {
  display: inline-block;
  position: relative;
  width: 100%;
  bottom: 0;
  right: 0;
  text-align: left;
}

.top-header::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 3px;
  background: #ccced5;
  position: absolute;
  bottom: 0;
  right: 0;
}

div#block-mainnavigation {
  display: inline-block;
  float: right;
}

div#block-menutools {
  display: inline-block;
  float: left;
  margin-top: 14px;
}

div#block-menutools ul {
  float: right;
  margin-left: 2px;
}

div#block-menutools ul li {
  margin: 0 2px;
}

div#block-menutools ul a {
  width: 30px;
  height: 29px;
  display: flex;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(255, 255, 255);
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

div#block-menutools ul a img {
  filter: brightness(0) invert(1);
  transition: 0.3s;
}

div#block-menutools ul li:hover a {
  border-color: var(--main-color);
}

div#block-menutools ul li:hover img {
  filter: none;
}

div#block-menutools h2 {
  width: 110px;
  height: 35px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-color);
  margin: 0;
  border-radius: 17px;
  background-color: var(--main-color);
  font-family: "NotoKufiArabic-Bold";
  font-size: 13.5px;
}

/* .header {
  transition: 0.3s;
} */
.header.scrolled {
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
  padding: 10px 0;
}

.header.scrolled #block-topheaderblock {
  display: none;
}

#block-mainnavigation {
  transition: 0.3s;
}

.header.scrolled .curent-date {
  display: none;
}

.header.scrolled .top-header {
  float: right;
  width: auto;
}

.header.scrolled .top-header::after {
  display: none;
}

.header.scrolled div#block-blacklogo2 {
  display: inline-block;
}

.header.scrolled div#block-sdc-site-branding {
  display: none;
}

.header.scrolled ul.sf-menu a,
.header.scrolled ul.sf-menu span.nolink {
  color: var(--text-color);
  font-size: 12.5px;
  padding: 0 10px;
  border-left: 1px solid var(--text-color);
}

.header.scrolled div#block-mainnavigation {
  margin-right: 15px;
}

.header.scrolled ul.sf-menu.menu li:first-child {
  display: none;
}

.header.scrolled div#block-menutools ul a img {
  filter: brightness(0);
}

.header.scrolled div#block-menutools ul a {
  border-color: var(--text-color);
  width: 30px;
  height: 30px;
}

.header.scrolled div#block-menutools h2 {
  width: 90px;
  height: 30px;
  font-size: 10.5px;
}

.header.scrolled div#block-menutools ul {
  margin-left: 0;
}

.header.scrolled div#block-menutools li {
  margin: 0;
  margin-left: 7px;
}

.inner-space .header {
  padding-bottom: 22px;
  background: #fff;
}

.inner-space div#block-topheaderblock {
  color: var(--gray-bold-color);
}

.inner-space div#block-topheaderblock img {
  filter: brightness(0);
}

.inner-space div#block-menutools ul a img {
  filter: brightness(0);
  transition: 0.3s;
}

#color img {
  filter: none;
}

.inner-space div#block-menutools ul a:hover img {
  filter: none;
}

.inner-space div#block-menutools ul a {
  border-color: var(--text-color);
}

div#block-blacklogo2 {
  display: none;
}

.inner-space .header div#block-blacklogo2 {
  display: inline-block;
  float: right;
}

.inner-space .header div#block-sdc-site-branding {
  display: none;
}

.inner-space ul.sf-menu a,
.inner-space ul.sf-menu span.nolink {
  color: var(--gray-bold-color);
  border-left: 1px solid var(--gray-bold-color);
}

.inner-space ul.sf-menu a.is-active {
  color: var(--main-color);
}

.inner-space .curent-date {
  color: var(--text-color);
}

.inner-space .top-header::after {
  height: 1px;
  background: #ccced5;
  border-top: 0px solid #717b7d;
  border-bottom: 0px solid #717b7d;
}

.inner-space ul.sf-menu.rtl li:before {
  height: 1px;
  top: -24px;
}

div#block-views-block-slider-block-1 {
  display: inline-block;
  width: 100%;
  position: relative;
  height: 100vh;
  overflow: hidden;
}

div#block-views-block-slider-block-1 .views-field-field-image::before {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  background: #071b11;
  opacity: 0.3;
}

div#block-views-block-slider-block-1 img {
  min-height: 100vh;
}

div#block-views-block-slider-block-1 .slick-slide {
  position: relative;
}

div#block-views-block-slider-block-1 .views-field.views-field-body {
  display: inline-block;
  position: absolute;
  top: 400px;
  right: 7%;
  color: var(--white-color);
  font-size: 22.48px;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  z-index: 99999;
}

div#block-homemainitems {
  display: inline-block;
  width: 100%;
  margin-top: -5px;
}

div#block-homemainitems ul {
  width: 100%;
}

div#block-homemainitems li.expanded {
  width: 33.33%;
  height: 121px;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  float: right;
  background: var(--main-color);
  font-size: 18.64px;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  color: var(--white-color);
  float: right;
  /* width: 25%; */
  height: 121px;
  padding: 40px 30px;
  transition: 0.3s;
  overflow: hidden;
  text-align: center;
}

div#block-homemainitems li.expanded ul li {
  width: 100%;
  font-size: 12px;
  text-align: right;
  font-family: NotoKufiArabic, Poppins-Light;
}

div#block-homemainitems li.expanded ul li:before {
  content: ">";
  color: #fff;
  display: inline-block;
  margin-left: 3px;
  color: #ffffff;
  transition: all 0.2s ease;
  vertical-align: middle;
  margin-left: 7px;
  font-family: cursive;
  font-size: 16px;
  float: right;
  width: 1%;
  line-height: 1;
}

div#block-homemainitems li.expanded ul li a {
  position: relative;
  transition: 0.3s;
  left: 0;
  font-size: 12px;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  width: 96%;
  display: inline-block;
}

div#block-homemainitems li.expanded ul {
  opacity: 0;
}

div#block-homemainitems:hover li ul {
  opacity: 1;
}

div#block-homemainitems:hover li.expanded {
  height: 275px;
}

div#block-homemainitems li.expanded ul li a:hover {
  left: -10px;
}

div#block-homemainitems li.expanded:nth-child(2) {
  background: #26bd72;
}

div#block-homemainitems li.expanded:last-child {
  background: #58bf8b;
}

nav#block-mainhomelinks {
  display: inline-block;
  float: right;
  width: 60%;
  padding: 95px 0;
  padding-right: 7%;
  padding-left: 40px;
  background: #f2f2f2;
  background: #f2f2f2 url(../images/newwb.png) right center no-repeat;
  font-family: "DINNextLTArabic-Regular-3";
  position: relative;
}

/* nav#block-mainhomelinks::after {
  content: "";
  display: inline-block;
  width: 100px;
  height: 142px;
  background: url(../images/puttern.png) no-repeat;
  position: absolute;
  background-size: 100%;
  top: 0;
  right: 0;
  transform: rotate(180deg);
} */

nav#block-mainhomelinks h2 {
  width: 40%;
  height: 222px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-color);
  font-size: 20.86px;
  margin: 0;
  float: right;
  background: url(../images/menu-about-home.jpg) no-repeat;
}

nav#block-mainhomelinks ul {
  display: inline-block;
  width: 60%;
  background: #fff;
  padding: 20px 35px;
  min-height: 218px;
  padding-bottom: 0;
}

nav#block-mainhomelinks ul li {
  width: 100%;
  font-size: 13px;
  position: relative;
  padding-right: 25px;
  margin-bottom: 20px;
}

nav#block-mainhomelinks ul li a:hover {
  color: var(--main-color);
}

nav#block-mainhomelinks ul li::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 14px;
  background-color: rgb(5, 178, 90);
  position: absolute;
  top: 0;
  right: 0;
}

section.about-us {
  display: inline-block;
  width: 100%;
  margin-top: -5px;
}

div#block-about {
  display: inline-block;
  float: left;
  width: 40%;
  padding: 93px 0;
  padding-left: 7%;
  padding-right: 40px;
  background: #f8f8f8;
  position: relative;
}

div#block-about::after {
  content: "";
  display: inline-block;
  width: 100px;
  height: 142px;
  background: url(../images/puttern.png) no-repeat;
  position: absolute;
  background-size: 100%;
  top: -22px;
  left: 0;
  transform: rotate(90deg);
}

div#block-about .layout--onecol {
  display: inline-block;
  position: relative;
  left: -100px;
}

.col {
  width: 48%;
  float: right;
  display: inline-block;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 13px 0px rgb(0 0 0 / 11%);
  font-family: "DINNextLTArabic-Regular-3";
  padding: 25px 30px;
  margin: 0 1%;
  transition: 0.2s;
  height: 222px;
  position: relative;
}

.col:hover {
  transform: scale(1.2);
  color: var(--white-color);
  background: var(--main-color);
  padding: 10px 30px;
  z-index: 999;
}

.col a {
  display: table;
  float: none;
  margin: 0 auto;
  clear: both;
  font-size: 17.03px;
}

.col a.all.box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  font-size: 0;
}

.col .image {
  width: 96px;
  height: 96px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: rgb(242, 242, 242);
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.col:hover .image {
  margin-bottom: 10px;
}

.col a.more {
  background-color: rgb(255, 255, 255);
  width: 134px;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black-color);
  font-size: 12px;
  margin-top: 20px;
  opacity: 0;
  border-radius: 30px;
}

.col:hover a.more {
  opacity: 1;
}

nav#block-alawraqalmalyt {
  display: inline-block;
  width: 29%;
  float: right;
  font-family: "DINNextLTArabic-Regular-3";
}

section.partners,
section.links {
  padding: 100px 0;
  position: relative;
}

/* section.partners::after,
section.links::after {
  content: "";
  display: inline-block;
  width: 100px;
  height: 142px;
  background: url(../images/puttern.png) no-repeat;
  position: absolute;
  background-size: 100%;
  top: 0;
  right: 0;
  transform: rotate(180deg);
} */

/* section.partners::before,
section.links::before {
  content: "";
  display: inline-block;
  width: 100px;
  height: 142px;
  background: url(../images/puttern.png) no-repeat;
  position: absolute;
  background-size: 100%;
  bottom: 0;
  left: 0;
} */

nav#block-alawraqalmalyt h2 {
  margin: 0;
  font-size: 23.57px;
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid #bbbbbb;
  color: var(--gray-bold-color);
  font-family: "NotoKufiArabic-Bold";
}

nav#block-alawraqalmalyt ul {
  display: inline-block;
  margin-top: 25px;
  padding: 47px 18px;
  background: url(../images/partners.jpg) no-repeat;
  padding-bottom: 22px;
  background-color: rgb(0 0 0 / 55%);
  background-blend-mode: overlay;
}

nav#block-alawraqalmalyt ul li {
  width: 49%;
  margin-bottom: 25px;
  position: relative;
  color: var(--white-color);
  font-size: 16.49px;
  padding-right: 32px;
  line-height: 1;
}

nav#block-alawraqalmalyt ul li::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 14px;
  background-color: var(--white-color);
  position: absolute;
  top: 0;
  right: 0;
}

nav#block-alawraqalmalyt ul li:hover {
  color: var(--orange-color);
}

nav#block-alawraqalmalyt ul li:hover::before {
  background-color: var(--orange-color);
}

div#block-views-block-company-category-block-1 {
  display: inline-block;
  float: left;
  width: 67%;
  position: relative;
  font-family: "DINNextLTArabic-Regular-3";
}

div#block-views-block-company-category-block-1 h2 {
  margin: 0;
  font-size: 23.57px;
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid #bbbbbb;
  color: var(--gray-bold-color);
  font-family: "NotoKufiArabic-Bold";
}

div#block-views-block-company-category-block-1 .quicktabs-tabs li {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(209, 207, 207);
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  line-height: 1;
  padding: 10px;
  font-size: 13.5px;
  display: flex;
  float: right;
  margin-right: 10px;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

div#block-views-block-company-category-block-1 .quicktabs-tabs li img {
  position: relative;
  filter: brightness(0) invert(1);
}

div#block-views-block-company-category-block-1 .quicktabs-tabs li a {
  display: flex;
  align-items: center;
}

div#block-views-block-company-category-block-1 .quicktabs-tabs li .icon {
  border-radius: 7px;
  background-color: var(--gray-bold-color);
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  width: 28px;
  height: 27px;
  margin-left: 10px;
}

div#block-views-block-company-category-block-1 .quicktabs-tabs li:hover,
div#block-views-block-company-category-block-1 .quicktabs-tabs li.active {
  border-color: var(--main-color);
  background-color: var(--main-color);
  color: var(--white-color);
}

div#block-views-block-company-category-block-1 .quicktabs-tabs li:hover img,
div#block-views-block-company-category-block-1 .quicktabs-tabs li.active img {
  filter: none;
}

div#block-views-block-company-category-block-1 .quicktabs-tabs li:hover .icon,
div#block-views-block-company-category-block-1 .quicktabs-tabs li.active .icon {
  background-color: var(--white-color);
}

div#block-views-block-company-category-block-1 ul.quicktabs-tabs {
  position: absolute;
  top: 0;
  left: 0;
}

div#block-views-block-company-category-block-1 .quicktabs-main {
  margin-top: 25px;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.members-info header {
  border-radius: 4px;
  background-color: rgb(248, 248, 248);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
  width: 100%;
  height: 90px;
}

.members-info h3 {
  font-size: 14px;
  /* font-weight: bold; */
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
}

.members-info .views-row-group {
  width: 100%;
  margin-bottom: 30px;
  display: inline-block;
  font-family: "DINNextLTArabic-Regular-3";
  max-width: 50%;
  margin: 0 auto;
}

.members-info {
  text-align: center;
}

div#block-views-block-company-category-block-1 .quicktabs-main .views-row {
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 10.2px 4.8px rgb(5 178 90 / 9%);
  height: 167px;
  width: 23%;
  display: inline-block;
  margin: 0 1%;
  padding: 23px 0;
  text-align: center;
  transition: 0.3s;
  cursor: pointer;
}

.members-info .views-row {
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 10.2px 4.8px rgb(5 178 90 / 9%);
  height: 167px;
  display: inline-block;
  margin: 3% 2%;
  /* padding: 23px 0; */
  padding: 15px 0;
  text-align: center;
  transition: 0.3s;
  cursor: pointer;
  width: 46%;
  position: relative;
}

.members-info .views-row .views-field-nothing-1 a,
#block-views-block-company-category-block-1 .views-row .views-field-nothing-1 a {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 0;
  top: 0;
  right: 0;
}

div#block-views-block-company-category-block-1 .quicktabs-main .views-row:hover,
.members-info .views-row:hover {
  box-shadow: 0px 0px 10.2px 4.8px rgb(246 147 32 / 38%);
}

.members-info .views-row {
  float: right;
}

div#block-views-block-company-category-block-1 .quicktabs-main .views-row:first-child,
.members-info .views-row:first-child {
  margin-right: 0;
}

div#block-views-block-company-category-block-1 .quicktabs-main .views-row:last-child,
.members-info .views-row:last-child {
  margin-left: 0;
}

div#block-views-block-company-category-block-1 .views-field.views-field-field-icon,
.members-info .views-field.views-field-field-icon {
  display: inline-block;
  width: 75px;
  height: 65px;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  background: url(../images/comp-img.svg) no-repeat;
}

div#block-views-block-company-category-block-1 .views-field-name a,
.members-info .views-field-name a {
  font-size: 15px;
  color: var(--gray-bold-color);
  margin-top: 10px;
}

div#block-views-block-company-category-block-1 .views-field-nothing a,
.members-info .views-field-nothing a {
  margin-top: 15px;
  font-size: 12.43px;
  color: var(--main-color);
  opacity: 0;
}

div#block-views-block-company-category-block-1 .views-row:hover .views-field-nothing a,
.members-info .views-row:hover .views-field-nothing a {
  opacity: 1;
}

div#block-views-block-events-block-1 {
  display: inline-block;
  width: 50%;
  padding: 60px;
  padding-right: 7%;
  background: #f2f2f2;
  font-family: "DINNextLTArabic-Regular-3";
  text-align: center;
}

div#block-views-block-events-block-1 h2,
div#block-views-block-news-block-1 h2 {
  font-size: 23.57px;
  position: relative;
  padding-bottom: 15px;
  /* width: 80%; */
  border-bottom: 3px solid var(--main-color);
  color: var(--gray-bold-color);
  display: inline-block;
  margin: 0 auto;
  /* font-weight: 600; */
  font-family: "NotoKufiArabic-Bold";
  margin-bottom: 40px;
}

div#block-views-block-events-block-1 .slick-vertical .slick-slide,
div#block-views-block-news-block-1 .slick-vertical .slick-slide {
  height: 180px;
  background: #fff;
  margin-bottom: 25px;
  text-align: right;
  border: 0;
}

div#block-views-block-events-block-1 .views-field.views-field-fieldset {
  display: inline-block;
  float: right;
  width: 80px;
  height: 100%;
  background: var(--main-color);
  color: #fff;
}

div#block-views-block-events-block-1 .views-field-nothing {
  padding: 35px 7px;
  font-size: 15.21px;
  text-align: center;
}

div#block-views-block-events-block-1 .views-field-view-node {
  width: 100%;
  padding: 10px 15px;
  background: var(--gray-bold-color);
  text-align: center;
  font-size: 17.14px;
  font-weight: bold;
}

div#block-views-block-events-block-1 .views-field.views-field-fieldset-1 {
  display: inline-block;
  float: left;
  width: 82%;
  padding: 30px 25px;
  font-size: 12.86px;
  color: #000;
  text-align: justify;
}

div#block-views-block-events-block-1 .views-field-title {
  font-size: 16.14px;
  color: var(--gray-bold-color);
  /* font-weight: bold; */
  line-height: 1.2;
  padding-bottom: 15px;
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 17px;
  font-family: "NotoKufiArabic-Bold";
}

div#block-views-block-events-block-1 .views-field-title a {
  height: 43px;
  overflow: hidden;
  font-family: NotoKufiArabic-Bold, Poppins-Light;
  line-height: 1.3;
  text-align: justify;
  /* display: flex;
    align-items: center; */
}

div#block-views-block-news-block-1 {
  display: inline-block;
  width: 50%;
  padding: 60px;
  padding-left: 7%;
  background: #f8f8f8;
  font-family: "DINNextLTArabic-Regular-3";
  text-align: center;
  float: left;
}

div#block-views-block-news-block-1 .views-field.views-field-fieldset {
  display: inline-block;
  width: 35%;
  position: relative;
  float: right;
}

div#block-views-block-news-block-1 .views-field-field-images {
  height: 154px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ededed;
  overflow: hidden;
  background-image: url(../images/cover.jpg);
  background-size: 100%;
  background-position: center;
}

div#block-views-block-news-block-1 .views-field-field-images .field-content,
div#block-views-block-news-block-1 .views-field-field-images .field-content img {
  width: 100%;
}

.news-page .views-row .views-field.views-field-field-images img {
  width: auto;
}

.news-page .views-row .views-field.views-field-field-images .field-content {
  background-image: url(../images/cover.jpg);
  background-size: 100%;
  background-position: center;
}

/*** div#block-views-block-news-block-1 .views-field-field-images img {
  width: 120%;
  max-width: initial;
  object-fit: contain;
  margin: 0 auto;
  margin-right: -16px;
}****/

div#block-views-block-news-block-1 .views-field.views-field-fieldset .views-field-view-node a {
  width: 100%;
  height: 41px;
  background-color: rgb(5, 178, 90);
  display: inline-block;
  align-items: center;
  justify-self: center;
  color: var(--white-color);
  font-size: 17.14px;
  background-color: var(--main-color);
  position: relative;
  bottom: 15px;
  right: 0;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}

div#block-views-block-news-block-1 .views-field.views-field-fieldset-1 {
  display: inline-block;
  float: left;
  width: 65%;
  padding: 30px 25px;
  font-size: 12.86px;
  color: #000;
  text-align: justify;
}

div#block-views-block-news-block-1 .views-field-title {
  font-size: 16.14px;
  color: var(--gray-bold-color);
  /* font-weight: bold; */
  line-height: 1.2;
  padding-bottom: 15px;
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 17px;
  font-family: "NotoKufiArabic-Bold";
}

div#block-views-block-news-block-1 .views-field-title a {
  height: 39px;
  overflow: hidden;
}

div#block-views-block-news-block-1 .slick-list.draggable {
  width: 88%;
  float: right;
}

div#block-views-block-events-block-1 .slick-list.draggable {
  width: 88%;
  float: left;
}

.slick-slider {
  display: inline-block;
  width: 100%;
  position: relative;
}

div#block-views-block-events-block-1 .slick-arrow,
div#block-views-block-news-block-1 .slick-arrow {
  width: 50px;
  height: 50px;
  border: 0;
  background: transparent;
  font-size: 0;
}

div#block-views-block-events-block-1 .slick-prev {
  margin-top: 125px;
  background: #19c66e url(../images/arrow.png) no-repeat center;
  transform: rotate(180deg);
  float: right;
  border-top: 1px solid #fff;
}

div#block-views-block-events-block-1 .slick-next {
  background: #0bb860 url(../images/arrow.png) no-repeat center;
  float: right;
  border-bottom: 1px solid #fff;
}

div#block-views-block-news-block-1 .slick-prev {
  margin-top: 125px;
  background: #19c66e url(../images/arrow.png) no-repeat center;
  transform: rotate(180deg);
  float: left;
  border-top: 1px solid #fff;
}

div#block-views-block-news-block-1 .slick-next {
  background: #0bb860 url(../images/arrow.png) no-repeat center;
  float: left;
  border-bottom: 1px solid #fff;
}

div#block-views-block-news-block-1 footer a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 15px;
  position: absolute;
  left: 14%;
  bottom: 199px;
  background: var(--gray-bold-color);
  justify-content: center;
  font-weight: bold;
}

div#block-views-block-events-block-1 footer a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 15px;
  position: absolute;
  right: 14%;
  bottom: 199px;
  background: var(--gray-bold-color);
  justify-content: center;
  font-weight: bold;
}

section.links {
  padding: 100px 0;
  background: url(../images/newwb.png) right center no-repeat;
}

#block-views-block-links-block-1 {
  font-family: "DINNextLTArabic-Regular-3";
  position: relative;
  border-top: 1px solid #ede9e9;
}

#block-views-block-links-block-1 h2 {
  margin: 0;
  font-size: 23.57px;
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid #bbbbbb;
  color: var(--gray-bold-color);
  margin-bottom: 34px;
}

#block-views-block-links-block-1 .slick-slider .slick-slide {
  padding: 0;
}

#block-views-block-links-block-1 .slick__slide .slide__content {
  height: 147px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#block-views-block-links-block-1 .slick__slide {
  border-left: 1px solid #dfdcdc;
}

#block-views-block-links-block-1 .views-field-field-image {
  display: inline-block;
  width: 48px;
  height: 46px;
  overflow: hidden;
  float: right;
}

#block-views-block-links-block-1 .views-field-title {
  display: inline-block;
  width: 72%;
  padding: 0 6px;
  font-size: 12.86px;
}

#block-views-block-links-block-1 .slide__description {
  padding: 0 24px;
  display: flex;
}

#block-views-block-links-block-1 .slick-list {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 11.96px 1.04px rgb(84 84 84 / 7%);
  margin-top: 30px;
}

#block-views-block-links-block-1 .slick__slide {
  border-left: 1px solid #dfdcdc;
}

#block-views-block-links-block-1 ul.slick-dots {
  position: absolute;
  top: -20px;
  left: 0px;
}

#block-views-block-links-block-1 ul.slick-dots button {
  background-color: rgb(187, 187, 187);
  width: 32px;
  height: 7px;
  font-size: 0;
  border: 0px;
  margin-right: 8px;
}

#block-views-block-links-block-1 ul.slick-dots li.slick-active button {
  background-color: var(--main-color);
}

#block-views-block-links-block-1 button.slick-prev.slick-arrow {
  font-size: 0;
  border: 0px;
  width: 24px;
  height: 20px;
  background: url(../images/arrow.png) no-repeat center;
  position: absolute;
  right: -45px;
  top: 48%;
  filter: brightness(0.5);
  display: inline-block;
  transform: rotate(270deg);
}

#block-views-block-links-block-1 button.slick-next.slick-arrow {
  font-size: 0;
  border: 0px;
  width: 24px;
  height: 20px;
  background: url(../images/arrow.png) no-repeat center;
  position: absolute;
  left: -45px;
  top: 48%;
  filter: brightness(0.5);
  display: inline-block;
  transform: rotate(90deg);
}

footer.container-fluid {
  padding: 80px 0;
  background: #444547;
  color: #fff;
  position: relative;
}

div#block-sitebranding {
  float: right;
  width: 26%;
}

div#block-footerinfo {
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  font-size: 10px;
  /* margin-top: 25px; */
  float: right;
  clear: right;
  margin-left: 41px;
  width: 22%;
}

div#block-footerinfo img {
  margin-bottom: 20px;
}

div#block-footerinfo ul {
  margin-top: 20px;
}

div#block-footerinfo ul li {
  width: 100%;
  font-family: "Gordita-Regular";
  font-size: 14.36px;
}

footer.container-fluid nav {
  width: 21%;
  display: inline-block;
  float: right;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  font-size: 14.36px;
  margin-left: 64px;
  height: 226px;
}

footer.container-fluid nav:nth-child(4) {
  margin: 0;
}

footer.container-fluid h2 {
  margin: 0;
  font-size: 16px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #ffffff96;
  margin-bottom: 20px;
}

footer.container-fluid nav li {
  width: 100%;
  /* padding-right: 10px; */
  margin-bottom: 20px;
  position: relative;
  padding-right: 20px;
}

footer.container-fluid nav li::before {
  display: inline-block;
  content: "";
  top: 5px;
  right: 0;
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: rgb(255, 255, 255);
  border-radius: 100%;
}

footer.container-fluid nav li:hover a {
  color: var(--main-color);
}

footer.container-fluid nav li:hover::before {
  background-color: var(--main-color);
}

.inner-image {
  display: inline-block;
  width: 100%;
  min-height: 500px;
  background-color: #000000ab;
  background-blend-mode: overlay;
  background-image: url(/sites/default/files/default_images/f00sosDGCsgxbJm2CaNWFi2fWqZQxnFqFAbAkZmWyZa_9sYDak5vY1ybpLOxiDOpAR5lV41x_QAIXX1fwhH.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left top;
  z-index: auto;
  background-size: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  position: relative;
}

.inner-page-content-main {
  min-height: 400px;
  padding-bottom: 40px;
  padding-top: 65px;
  font-size: 14px;
  font-family: NotoKufiArabic, Poppins-Light;
  color: var(--text-color);
  line-height: 1.786;
  text-align: justify;
  background: #fff url(../images/newwb.png) right bottom no-repeat;
}

.inner-page-content-main::after {
  content: "";
  display: inline-block;
  width: 100px;
  height: 142px;
  background: url(../images/puttern.png) no-repeat;
  position: absolute;
  background-size: 100%;
  top: -22px;
  left: 0;
  transform: rotate(90deg);
}

.inner-image h1.page-title {
  position: absolute;
  top: 295px;
  right: 7%;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  color: var(--white-color);
  font-size: 33.09px;
  margin: 0;
  text-align: right;
  width: 89%;
  overflow: hidden;
  height: auto;
  line-height: 1.5;
}

.side-menu {
  border-radius: 14px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 4px 15.64px 7.36px rgba(157, 157, 157, 0.13);
  min-height: 40vh;
  overflow: hidden;
}

aside#sidebar {
  padding-right: 0;
  padding-left: 5px;
  position: -webkit-sticky;
  position: sticky;
  top: 92px;
  opacity: 0;
  transition: 0.3s;
}

#sidebar ul {
  width: 100%;
}

#sidebar li.expanded,
#sidebar li.nonexpanded {
  width: 100%;
  padding: 20px 30px;
  position: relative;
  text-align: right;
}

#sidebar li.expanded::after,
#sidebar li.nonexpanded::after {
  content: "";
  display: inline-block;
  background-color: rgb(231, 231, 231);
  width: 80%;
  height: 2px;
  position: absolute;
  border-bottom: 0;
  right: 30px;
  bottom: 0;
}

#sidebar li.expanded:last-child:after,
#sidebar li.nonexpanded:last-child::after {
  display: none;
}

#sidebar li a,
#sidebar li span,
#sidebar li {
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  font-size: 13.36px;
  color: var(--text-color);
}

#sidebar li a.is-active {
  color: var(--main-color);
}

#sidebar .side-expande {
  height: 0;
  overflow: hidden;
  transition: 0.3s;
  display: none;
}

#sidebar .side-expande.show {
  height: auto;
  margin-top: 20px;
  display: inline-block;
}

#sidebar li:has(> .side-expande.show) {
  background: var(--bg-gray-color);
}

#sidebar li.expanded {
  padding-right: 50px;
  position: relative;
}

#sidebar li.expanded::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 16px;
  background: url(../images/menu-arrow.png) no-repeat;
  position: absolute;
  top: 25px;
  right: 30px;
  filter: brightness(0.5);
  transition: 0.3s;
  cursor: pointer;
}

#sidebar li.expanded.active::before {
  filter: none;

  transform: rotate(269deg);
}

#sidebar li.expanded.active:before {
  filter: none;
}

#sidebar li.expanded li a {
  padding-right: 0;
}

#sidebar li.expanded li a::before {
  display: none;
}

#sidebar li.active::after {
  display: none;
}

#sidebar .side-expande li {
  width: 100%;
  margin-bottom: 18px;
}

#sidebar .side-expande li:last-child {
  margin: 0;
}

#sidebar .side-expande li::before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  background-color: rgb(5, 178, 90);
  width: 5px;
  height: 5px;
  margin-left: 10px;
  float: right;
  margin-top: 9px;
}

#sidebar .side-expande li a {
  color: var(--text-color);
  font-size: 11px;
  width: 90%;
}

#content.col-sm-9 {
  padding-left: 0;
  padding-right: 27px;
}

aside#sidebar h2 {
  margin: 0;
  width: 100%;
  font-size: 13.36px;
  font-family: "NotoKufiArabic-Bold";
  display: flex;
  height: 58px;
  align-items: center;
  padding-right: 30px;
  background: var(--main-color);
  color: var(--white-color);
}

#sidebar li a.is-active {
  color: var(--main-color);
}

.page-title {
  font-size: 19.99px;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  margin: 0;
  margin-bottom: 30px;
  color: var(--main-color);
  line-height: 1.5;
}

div#block-views-block-construction-and-tasks-block-1 {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}

div#block-views-block-construction-and-tasks-block-1 .views-row {
  height: 246px;
}

div#block-views-block-construction-and-tasks-block-1 .views-row .views-field-fieldset {
  border-radius: 17px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 3.4px 1.6px rgba(41, 41, 41, 0.1);
  height: 246px;
  overflow: hidden;
  transition: 0.3s;
  position: relative;
}

div#block-views-block-construction-and-tasks-block-1 .views-row:hover .views-field-fieldset {
  height: 193px;
}

div#block-views-block-construction-and-tasks-block-1 .views-row img {
  width: 192px;
  height: 193px;
  border-radius: 20px;
}

div#block-views-block-construction-and-tasks-block-1 .views-row .views-field-title a {
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  font-size: 10px;
  text-align: center;
  padding: 0 20px;
}

div#block-views-block-construction-and-tasks-block-1 .views-row .views-field-title-1 a {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--white-color);
  font-size: 12px;
  padding: 20px;
  text-align: center;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  background: rgb(5 178 90 / 75.5%);
  opacity: 0;
  transition: 0.3s;
  height: 193px;
  border-radius: 20px;
}

div#block-views-block-construction-and-tasks-block-1 .views-row:hover .views-field-title-1 a {
  opacity: 1;
}

.construction-and-tasks-body img {
  float: left;
  padding-right: 10px;
  border-radius: 48px;
}

.construction-and-tasks-body {
  display: inline-block;
  width: 100%;
  text-align: justify;
  float: right;
  padding-top: 10px;
}

.construction-and-tasks-body ul,
.achievements-body ul,
.node--type-inner-legislation- ul {
  margin-right: 20px;
}

.construction-and-tasks-body ul li,
.achievements-body ul li,
.node--type-inner-legislation- ul li {
  display: list-item;
  list-style: disc;
  /* margin-bottom: 10px; */
}

.construction-and-tasks-body ol ul li {
  margin-bottom: 0;
}

.construction-and-tasks-body ul li::marker,
.achievements-body ul li::marker,
.node--type-inner-legislation- ul li::marker {
  /* color: var(--main-color); */
}

.construction-and-tasks-image {
  display: inline-block;
  width: 33%;
  float: left;
  border-radius: 19px;
  overflow: hidden;
}

#block-views-block-about-us-block-1 .views-row .views-field-fieldset {
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.28);
  height: 317px;
  padding: 20px 10px;
  text-align: center;
}

#block-views-block-about-us-block-1 .views-row .views-field-fieldset .views-field-field-image {
  border-width: 1.4px;
  border-color: rgb(38, 175, 90);
  border-style: solid;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
  width: 84.2px;
  height: 84.2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 20px;
}

#block-views-block-about-us-block-1 .views-row .views-field-fieldset .views-field-field-image .field-content {
  display: flex;
  width: 82%;
  height: 81%;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: transparent;
  transition: 0.3s;
}

#block-views-block-about-us-block-1 .views-row:hover .views-field-fieldset .views-field-field-image .field-content {
  background: var(--main-color);
}

#block-views-block-about-us-block-1 .views-row:hover .views-field-fieldset .views-field-field-image .field-content img {
  filter: brightness(0) invert(1);
}

#block-views-block-about-us-block-1 .views-row .views-field-fieldset .views-field-title {
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  font-size: 20px;
  color: var(--main-color);
  margin-bottom: 20px;
}

#block-views-block-about-us-block-1 .views-row .views-field-fieldset .views-field.views-field-body {
  font-size: 13px;
  line-height: 1.7;
  text-align: center;
  text-align: justify;
}

#block-views-block-about-us-block-1 .views-row .views-field-fieldset .views-field.views-field-body ul.slick-dots {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

#block-views-block-about-us-block-1 .views-row .views-field-fieldset .views-field.views-field-body ul.slick-dots button {
  width: 13px;
  height: 14px;
  border-width: 0.7px;
  border-color: rgb(83, 83, 83);
  border-style: solid;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  font-size: 0;
  margin: 0 3px;
}

#block-views-block-about-us-block-1 .views-row .views-field-fieldset .views-field.views-field-body ul.slick-dots .slick-active button,
#block-views-block-about-us-block-1 .views-row .views-field-fieldset .views-field.views-field-body ul.slick-dots button:hover {
  background-color: var(--main-color);
  border-color: transparent;
}

div#block-views-block-about-us-block-2 {
  display: inline-block;
  width: 100%;
  margin-top: 65px;
  display: flex;
  height: 400px;
  align-items: center;
  position: relative;
  text-align: center;
  background: url(../images/core.jpg) no-repeat center;
}

div#block-views-block-about-us-block-2 .views-row {
  position: absolute;
  display: flex;
  padding: 24px;
  width: 156px;
  height: 156px;
  color: var(--main-color);
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  font-size: 14px;
  border: 2px solid #000;
  border-radius: 100%;
  box-shadow: -2px 1px 1px 3px rgb(142 142 142 / 50%);
}

div#block-views-block-about-us-block-2 .views-row .views-field.views-field-fieldset {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  position: relative;
}

div#block-views-block-about-us-block-2 .views-row .views-field.views-field-fieldset::before {
  position: absolute;
  width: 15px;
  height: 14px;
  border-radius: 100%;
  content: "";
  display: inline-block;
  background: var(--main-color);
  box-shadow: 0px 1px 1px 2px rgb(142 142 142 / 50%);
  top: 79px;
  left: -22px;
}

div#block-views-block-about-us-block-2 .views-row .views-field.views-field-fieldset::after {
  content: "";
  display: block;
  /* border-radius: 0 98px 90px 0; */
  border-top-right-radius: 125px;
  border-bottom-right-radius: 122px;
  width: 80%;
  height: 160%;
  background: transparent;
  position: absolute;
  right: -34px;
  top: -30px;
  border: 13px solid;
  border-left: 0;
  z-index: 9;
}

div#block-views-block-about-us-block-2 .views-row .views-field.views-field-fieldset .views-field-field-image {
  width: 56px;
  height: 56px;
  background: #fff;
  border-radius: 100%;
  padding: 10px;
  box-shadow: 3px 2px 0px 1px rgb(142 142 142 / 50%);
  position: absolute;
  right: -56px;
  top: 18%;
  z-index: 99;
}

div#block-views-block-about-us-block-2 .views-row .views-field.views-field-fieldset .views-field-field-image .field-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: var(--main-color);
}

div#block-views-block-about-us-block-2 .views-row:first-child {
  top: 19px;
  right: 186px;
}

div#block-views-block-about-us-block-2 .views-row:nth-child(2) {
  right: 22px;
  top: 110px;
}

div#block-views-block-about-us-block-2 .views-row:nth-child(2) .views-field.views-field-fieldset::before {
  left: -31px;
  top: 56px;
}

div#block-views-block-about-us-block-2 .views-row:nth-child(3) {
  right: 185px;
  top: 231px;
}

div#block-views-block-about-us-block-2 .views-row:nth-child(3) .views-field.views-field-fieldset::before {
  top: 6px;
}

div#block-views-block-about-us-block-2 .views-row:nth-child(3) .views-field.views-field-fieldset .views-field-field-image {
  top: 20%;
}

div#block-views-block-about-us-block-2 .views-row:nth-child(4) {
  left: 183px;
  right: auto;
  top: 20px;
}

div#block-views-block-about-us-block-2 .views-row:nth-child(4) .views-field.views-field-fieldset .views-field-field-image,
div#block-views-block-about-us-block-2 .views-row:nth-child(5) .views-field.views-field-fieldset .views-field-field-image,
div#block-views-block-about-us-block-2 .views-row:nth-child(6) .views-field.views-field-fieldset .views-field-field-image {
  left: -56px;
  right: auto;
  box-shadow: -3px 2px 0px 1px rgb(142 142 142 / 50%);
}

div#block-views-block-about-us-block-2 .views-row:nth-child(4) .views-field.views-field-fieldset::before,
div#block-views-block-about-us-block-2 .views-row:nth-child(6) .views-field.views-field-fieldset::before {
  top: 76px;
  right: -24px;
}

div#block-views-block-about-us-block-2 .views-row:nth-child(4) .views-field.views-field-fieldset::after,
div#block-views-block-about-us-block-2 .views-row:nth-child(5) .views-field.views-field-fieldset::after,
div#block-views-block-about-us-block-2 .views-row:nth-child(6) .views-field.views-field-fieldset::after {
  left: -34px;
  top: -30px;
  right: auto;
  border-left: 0;
  z-index: 9;
  transform: rotate(180deg);
}

div#block-views-block-about-us-block-2 .views-row:nth-child(5) {
  left: 26px;
  right: auto;
  top: 127px;
}

div#block-views-block-about-us-block-2 .views-row:nth-child(6) {
  left: 189px;
  right: auto;
  top: 228px;
}

div#block-views-block-about-us-block-2 .views-row:nth-child(6) .views-field.views-field-fieldset::before {
  top: 8px;
}

div#block-views-block-about-us-block-2 .views-row:nth-child(5) .views-field.views-field-fieldset::before {
  top: 40px;
  right: -29px;
}

div#block-views-block-about-us-block-2 .views-row:hover .views-field.views-field-fieldset .views-field-field-image .field-content {
  background: var(--orange-color);
}

div#block-views-block-about-us-block-2 .views-row:hover .views-field.views-field-fieldset::after {
  border-color: var(--orange-color);
}

div#block-views-block-about-us-block-2 .views-row:hover .views-field.views-field-fieldset::before {
  background: var(--orange-color);
}

div#block-views-block-about-us-block-2 h2 {
  display: flex;
  font-size: 20px;
  color: var(--white-color);
  margin: 0;
  width: 186px;
  height: 186px;
  margin: auto;
  align-items: center;
  justify-content: center;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  padding: 24px;
}

div#block-views-block-about-us-block-1 {
  display: inline-block;
  width: 100%;
}

#block-views-block-achievements-block-1 {
  display: inline-block;
  width: 100%;
  margin: 90px 0;
  padding: 30px 0;
  position: relative;
}

#block-views-block-achievements-block-1::before {
  display: inline-block;
  content: "";
  width: 30px;
  height: 100%;
  background: var(--main-color);
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}

#block-views-block-achievements-block-1 .views-row {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
  padding-top: 30px;
  position: relative;

  height: 200px;
  z-index: 9;
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}

#block-views-block-achievements-block-1 .views-row.show {
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  opacity: 1;
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

#block-views-block-achievements-block-1 .views-row::before {
  width: 18px;
  height: 16px;
  display: inline-block;
  content: "";
  background: url(../images/ach1.png) no-repeat;
  position: absolute;
  top: -22px;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 99;
}

#block-views-block-achievements-block-1 .views-row:first-child:before {
  display: none;
}

#block-views-block-achievements-block-1 .views-row .views-field.views-field-fieldset {
  display: inline-block;
  width: 34%;
  float: right;
  text-align: justify;
  padding-right: 60px;
  position: relative;
  margin-top: 36px;
}

#block-views-block-achievements-block-1 .views-row .views-field.views-field-fieldset .views-field-body {
  height: 125px;
  overflow: hidden;
}

#block-views-block-achievements-block-1 .views-row .views-field.views-field-fieldset::before {
  width: 19px;
  height: 20px;
  content: "";
  display: inline-block;
  background: var(--main-color);
  border: 2px solid #fff;
  position: absolute;
  top: 22%;
  left: -50px;
  border-radius: 100%;
  box-shadow: 0px 0px 1px 2px #666565;
}

#block-views-block-achievements-block-1 .views-row .views-field.views-field-title {
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  color: var(--main-color);
  font-size: 15px;
  margin-bottom: 20px;
  /* height: 74px; */
  overflow: hidden;
  display: flex;
  align-items: center;
  text-align: right;
}

#block-views-block-achievements-block-1 .views-row .views-field.views-field-field-image {
  display: inline-block;
  width: 120px;
  height: 121px;
  right: 0;
  position: absolute;
  top: 39px;
  left: 0;
  margin: 0 auto;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffff;
  border: 7px solid var(--main-color);
  border-radius: 100%;
  box-shadow: 0px 1px 5px 0px #000;
}

#block-views-block-achievements-block-1 .views-row .views-field.views-field-field-image::before {
  width: 24px;
  height: 3px;
  display: inline-block;
  content: "";
  background: #8f8e8e;
  position: absolute;
  top: 47%;
  right: -31px;
}

#block-views-block-achievements-block-1 .views-row .views-field.views-field-field-image::after {
  width: 80px;
  height: 121px;
  display: inline-block;
  content: "";
  background: url(../images/ach.png) no-repeat;
  position: absolute;
  top: -7%;
  left: -54px;
  z-index: 0;
}

#block-views-block-achievements-block-1 .views-row .views-field.views-field-field-years-from-to {
  display: inline-block;
  font-size: 17px;
  font-family: "NotoKufiArabic-Bold";
  color: var(--main-color);
  margin-top: 55px;
  margin-right: 146px;
}

#block-views-block-achievements-block-1 .views-row:nth-child(even) .views-field.views-field-fieldset {
  padding-right: 0;
  float: left;
  padding-left: 59px;
}

#block-views-block-achievements-block-1 .views-row.views-row:nth-child(even) .views-field.views-field-fieldset::before {
  left: auto;
  right: -50px;
}

#block-views-block-achievements-block-1 .views-row:nth-child(even) .views-field.views-field-field-years-from-to {
  margin-left: 32%;
  float: left;
  margin-right: 70px;
}

#block-views-block-achievements-block-1 .views-row:nth-child(even) .views-field.views-field-field-image::before {
  left: -31px;
  right: auto;
}

#block-views-block-achievements-block-1 .views-row:nth-child(even) .views-field.views-field-field-image::after {
  top: -6%;
  right: -56px;
  left: auto;
  z-index: 0;
  transform: rotate(180deg);
}

#block-views-block-achievements-block-1 .achievements::before {
  width: 31px;
  height: 21px;
  content: "";
  display: inline-block;
  background: url(../images/top-arrow.png) no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#block-views-block-achievements-block-1 .achievements::after {
  width: 48px;
  height: 25px;
  content: "";
  display: inline-block;
  background: url(../images/bottom-arrow.png) no-repeat;
  position: absolute;
  bottom: -65px;
  left: 0;
  right: -2px;
  margin: 0 auto;
}

.page-args-mangment-center #block-sdc-content h3 {
  display: inline-block;
  padding: 28px 45px;
  color: #000;
  background: var(--bg-gray-color);
  width: 100%;
  font-size: 14px;
  font-family: "NotoKufiArabic-Bold";
  margin: 30px 0;
}

.mang {
  display: table;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  border-bottom: 2px solid #e5dede;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.mang.mang-b-0 {
  border-bottom: 0;
}

.mang1 div,
.mang2 .col-md-6 div {
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 3.32px 0.68px rgb(86 86 86 / 31%);
  width: 248px;
  height: 96px;
  display: inline-block;
  padding: 21px 20px;
  text-align: center;
  font-size: 14px;
  margin-left: 35px;
  margin-top: 20px;
  font-weight: bold;
}

.mang2 .col-md-6 {
  font-size: 13px;
}

.mang2 .col-md-6 div {
  display: block !important;
  margin: auto !important;
  float: unset !important;

}

.mang2 .col-md-6:first-child {
  padding-left: 30px;
}

.mang2 .col-md-6:last-child {
  padding-right: 30px;
}

.mang1 div strong,
.mang2 .col-md-6 div strong {
  display: inline-block;
  width: 100%;
  color: var(--main-color);
}

.mang.mang1 .text-align-center {
  float: none !important;
  margin: 0 auto !important;
  display: block !important;
}

.mang2 strong {
  display: inline-block;
  width: 100%;
}

.page-args-mangment-center #block-sdc-content ul {
  display: table;
  max-width: 100%;
  width: 87%;
  margin: 0 auto;
  padding: 30px 0;
}

.page-args-mangment-center #block-sdc-content ul li {
  display: list-item;
  list-style: disc;
  margin-bottom: 5px;
}

.page-args-mangment-center #block-sdc-content ul li::marker {
  /* color: var(--main-color); */
}

div#block-views-block-international-cooperation-block-1 {
  width: 100%;
  height: 727px;
  position: relative;
}

div#block-views-block-international-cooperation-block-1 h2 {
  margin: 0;
  width: 170px;
  font-size: 20px;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  text-align: center;
  color: var(--main-color);
  line-height: 1.7;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 41%;
  z-index: 99;
}

.international-cooperation {
  display: inline-block;
  width: 100%;
  height: 727px;
  position: relative;
  background: url(../images/international_cooperation.jpg) no-repeat center;
}

.international-cooperation .views-row {
  position: absolute;
  top: 0;
  left: 0;
  width: 145px;
  height: 143px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white-color);
  border: 5px solid var(--main-color);
  border-radius: 100%;
  z-index: 9;
  cursor: pointer;
}

.international-cooperation .views-row::before {
  content: "";
  display: inline-block;
  width: 37px;
  height: 8px;
  background: var(--main-color);
  position: absolute;
}

.international-cooperation .views-row::after {
  content: "";
  display: inline-block;
  width: 27px;
  height: 28px;
  border-radius: 100%;
  background: var(--main-color);
  position: absolute;
}

.international-cooperation .views-row:nth-child(1) {
  right: 139px;
  bottom: 95px;
  top: auto;
}

.international-cooperation .views-row:nth-child(1)::before {
  bottom: 121px;
  left: -20px;
  z-index: 0;
  transform: rotate(35deg);
}

.international-cooperation .views-row:nth-child(1)::after {
  left: -33px;
  top: -19px;
}

.international-cooperation .views-row:nth-child(2) {
  right: 62px;
  top: 268px;
}

.international-cooperation .views-row:nth-child(2)::before {
  left: -42px;
}

.international-cooperation .views-row:nth-child(2)::after {
  left: -59px;
}

.international-cooperation .views-row:nth-child(3) {
  top: 85px;
  right: 160px;
}

.international-cooperation .views-row:nth-child(3)::before {
  left: -30px;
  bottom: 18px;
  transform: rotate(329deg);
}

.international-cooperation .views-row:nth-child(3)::after {
  left: -44px;
  bottom: -1px;
}

.international-cooperation .views-row:nth-child(4) {
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 0;
}

.international-cooperation .views-row:nth-child(4)::before {
  transform: rotate(90deg);
  bottom: -27px;
}

.international-cooperation .views-row:nth-child(4)::after {
  bottom: -57px;
}

.international-cooperation .views-row:nth-child(5) {
  top: 85px;
  left: 160px;
}

.international-cooperation .views-row:nth-child(5)::before {
  right: -30px;
  bottom: 18px;
  transform: rotate(205deg);
}

.international-cooperation .views-row:nth-child(5)::after {
  right: -44px;
  bottom: -1px;
}

.international-cooperation .views-row:nth-child(6) {
  left: 62px;
  top: 268px;
}

.international-cooperation .views-row:nth-child(6)::before {
  right: -42px;
}

.international-cooperation .views-row:nth-child(6)::after {
  right: -59px;
}

.international-cooperation .views-row:nth-child(7) {
  left: 139px;
  bottom: 95px;
  top: auto;
}

.international-cooperation .views-row:nth-child(7)::before {
  bottom: 121px;
  right: -20px;
  z-index: 0;
  transform: rotate(139deg);
}

.international-cooperation .views-row:nth-child(7)::after {
  right: -33px;
  top: -19px;
}

.international-cooperation .views-row:hover {
  border-color: var(--orange-color);
}

.international-cooperation .views-row:hover::before {
  background-color: var(--orange-color);
}

.international-cooperation .views-row:hover::after {
  background: var(--orange-color);
}

.ui-accordion .ui-accordion-header {
  padding: 0;
  background: transparent;
  border: 0;
  color: var(--main-color);
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  font-size: 14px;
  position: relative;
}

.ui-accordion .ui-accordion-header span {
  margin-top: 10px;
  display: inline-block;
  font-family: sans-serif;
  font-weight: bold;
}

#block-views-block-international-cooperation-block-2 .ui-accordion .ui-accordion-header span {
  margin-top: 0;
}

.ui-accordion .ui-accordion-content {
  padding: 0;
  border-top: 0;
  overflow: auto;
  border: 0;
  font-family: NotoKufiArabic, Poppins-Light;
  font-size: 14px;
  padding-top: 40px;
  line-height: 1.4;
}

#block-views-block-international-cooperation-block-2 .views-row,
#block-views-block-organizational-structure-block-1 .views-row,
#block-views-block-international-cooperation-block-3 .views-row {
  padding: 45px 30px;
  border-radius: 14px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 7.47px 1.53px rgb(86 86 86 / 21%);
  margin-bottom: 40px;
}

#block-views-block-international-cooperation-block-2 .views-row .views-row,
#block-views-block-organizational-structure-block-1 .views-row .views-row,
#block-views-block-international-cooperation-block-3 .views-row .views-row {
  padding: 0;
  margin: 0;
  box-shadow: unset;
}

.ui-accordion .ui-accordion-header::after {
  content: "+";
  display: flex;
  border-radius: 50%;
  background-color: rgb(5, 178, 90);
  width: 27px;
  height: 27px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
}

.ui-accordion li {
  list-style: disc;
  display: list-item;
  width: 97%;
  float: left;
}

.ui-accordion li::marker {
  color: #000;
}

.ui-accordion .ui-accordion-header.ui-state-active::after {
  content: "-";
}

#block-views-block-organizational-structure-block-1 .ui-accordion .ui-accordion-header span {
  display: flex;
  border-radius: 50%;
  background-color: rgb(5, 178, 90);
  width: 27px;
  height: 27px;
  color: #fff;
  position: absolute;
  top: -69px;
  right: 0;
  align-items: center;
  justify-content: center;
}

.node-type-electronic-systems .inner-page-content-main .page-title {
  display: none;
}

.node--type-electronic-systems h2 {
  font-size: 19.99px;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  margin: 0;
  margin-bottom: 30px;
  color: var(--main-color);
}

.node--type-electronic-systems h3 {
  font-size: 20px;
  margin: 0;
  width: 100%;
  padding: 40px 0;
  border-top: 1px solid;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  color: var(--main-color);
}

.legislation-page .views-row-group,
#block-views-block-electronic-services-block-1 .views-row {
  border-radius: 14px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 28%);
  padding: 40px;
  padding-top: 75px;
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 40px;

  overflow: hidden;
}

.legislation-page .views-row-group h3 {
  margin: 0;
  width: 30.333%;
  display: inline-block;
  height: 183px;
  float: right;
  border-radius: 14px;
  overflow: hidden;
}

#block-views-block-electronic-services-block-1 .views-field-field-image {
  margin: 0;
  width: 33.333%;
  display: inline-block;
  height: 213px;
  float: right;
  border-radius: 14px;
  overflow: hidden;
}

.legislation-page .views-row-group h3 span,
#block-views-block-electronic-services-block-1 .views-field-title {
  position: absolute;
  font-size: 14px;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  color: var(--main-color);
  top: 35px;
}

.legislation-page .views-row-group .views-row {
  display: inline-block;
  width: 64%;
  float: left;
  padding-right: 16px;
  margin-bottom: 30px;
  position: relative;
  height: 43px;
}

#block-views-block-electronic-services-block-1 .views-field-fieldset {
  display: inline-block;
  width: 66%;
  float: left;
  padding-right: 16px;
  margin-bottom: 30px;
  position: relative;
}

#block-views-block-electronic-services-block-1 .views-field-fieldset .views-field-body {
  font-size: 14px;
}

.legislation-page .views-row-group .views-row:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: var(--main-color);
  position: absolute;
  right: 0;
  top: 7px;
  border-radius: 100%;

  /* border-radius: 6px;
    background-color: var(--main-color);
    width: 150px;
    height: 41px;
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 12px;
    color: var(--white-color);
    font-weight: bold;
    margin-bottom: 6px; */
}

#block-views-block-electronic-services-block-1 .views-row a {
  border-radius: 6px;
  background-color: var(--main-color);
  /* width: 180px; */
  width: 40%;
  height: 41px;
  display: flex;
  align-items: center;
  padding: 10px;
  font-size: 12px;
  color: var(--white-color);
  margin-bottom: 6px;
  position: relative;
}

#block-views-block-electronic-services-block-1 .views-row a:before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 4px;
  left: 5px;
  width: 33px;
  height: 33px;
  border-radius: 6px;
  background-color: rgb(255, 255, 255);
}

#block-views-block-electronic-services-block-1 .views-field-views-conditional-field a::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 4px;
  left: 5px;
  width: 33px;
  height: 33px;
  border-radius: 6px;
  background: url(../images/terms.png) no-repeat center;
}

#block-views-block-electronic-services-block-1 .views-field-views-conditional-field-1 a::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 4px;
  left: 5px;
  width: 33px;
  height: 33px;
  border-radius: 6px;
  background: url(../images/instructions.png) no-repeat center;
}

#block-views-block-electronic-services-block-1 .views-field-nothing a::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 4px;
  left: 5px;
  width: 33px;
  height: 33px;
  border-radius: 6px;
  background: url(../images/right-5.png) no-repeat center;
}


#block-views-block-electronic-services-block-1 .views-field-views-conditional-field-3 a::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 4px;
  left: 5px;
  width: 33px;
  height: 33px;
  border-radius: 6px;
  background: url(../images/play-button1.png) no-repeat center;
}

/* .terms {
  padding: 20px;
  background: #f9f9f9;
} */
.node--type-legislation table {
  border: 0px;
  border-radius: 14px;
  background-color: rgb(216, 238, 232);
  overflow: hidden;
  color: var(--main-color);
  font-weight: bold;
}

.node--type-legislation table tr {
  background: transparent;
  color: var(--main-color);
}

.node--type-legislation table th,
.node--type-legislation table td {
  text-align: right;
  padding: 20px 50px;
  border: 0;
}

.node--type-legislation tr:nth-child(even) {
  background-color: #f8f8f8;
}

div#block-simplenewssubscription-2 {
  display: inline-block;
  margin-top: 35px;
}

div#block-simplenewssubscription-2 .form-wrapper,
div#block-simplenewssubscription-2 .description,
div#block-simplenewssubscription-2 label {
  display: none;
}

div#block-simplenewssubscription-2 {
  display: inline-block;
  width: 30%;
  float: left;
  position: relative;
}

div#block-simplenewssubscription-2 .field--type-email {
  display: inline-block;
}

div#block-simplenewssubscription-2 h2 {
  font-size: 14px;
  border: 0;
  padding: 0;
  font-family: "NotoKufiArabic-Bold";
  /* margin: 0; */
  margin-bottom: 10px;
}

div#block-simplenewssubscription-2 input {
  width: 100%;
  padding: 10px 14px;
  border-radius: 5px;
  border: 0;
  font-size: 11px;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  color: var(--text-color);
}

div#block-simplenewssubscription-2 .form-actions {
  display: inline-block;
}

div#block-simplenewssubscription-2 .form-actions input {
  position: absolute;
  width: 65px;
  border-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  top: 25px;
  left: 0px;
  padding: 10.5px 14px;
  background: var(--main-color);
  color: #fff;
}

.acmeticker-wrap {
  position: relative;
  display: flex;
  /* float: right; */
  width: 96%;
  height: 38px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto;
}

div#block-facebook {
  display: inline-block;
  float: right;
  /* margin-top: 73px; */
  position: absolute;
  bottom: 30px;
  right: 6%;
}

div#block-facebook a {
  width: 36px;
  height: 35px;
  display: flex;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(255, 255, 255);
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  float: right;
  margin-left: 10px;
}

div#block-facebook a img {
  filter: brightness(0) invert(1);
  transition: 0.3s;
}

div#block-facebook a:hover {
  border-color: var(--main-color);
}

div#block-facebook a:hover img {
  filter: none;
}

.p-home__scroll,
.p-home__scroll:hover {
  width: 115px;
  color: #fff;
  font-size: 9.8px;
  position: absolute;
  left: 37px;
  top: 462px;
  /* display: none; */
  z-index: 1000;
  transform: rotate(270deg);
  z-index: 99;
  font-family: NotoKufiArabic, Poppins-Light;
  font-size: 11.36px;
  display: none;
}

.p-home__scroll--arrow {
  margin-top: -9px;
  animation: sa 2s infinite;
  margin-right: -115px;
}

.p-home__scroll--arrow:before {
  content: "";
  border-bottom: #fff 1px solid;
  display: block;
  width: 109px;
}

@keyframes sa {
  0% {
    opacity: 0;
    transform: translate(30px, 0);
  }

  50% {
    opacity: 1;
    transform: translate(0, 0);
  }

  100% {
    opacity: 0;
    transform: translate(-30px, 0);
  }
}

.acme-news-ticker-box {
  display: inline-block;
  width: 100%;
}

.acme-news-ticker-box .news-item {
  padding-left: 20px;
  margin-left: 20px;
  font-size: 13px;
  color: var(--text-color);
  border-left: 2px solid var(--main-color);
  font-weight: bold;
}

.acme-news-ticker-box .views-field-title,
.acme-news-ticker-box .views-field-field-date {
  display: inline-block;
  font-family: "DINNextLTArabic-Regular-3";
  line-height: 1;
}

.acme-news-ticker-box .views-field-field-date {
  margin-right: 10px;
}

#backtotop {
  background: url(../images/up-arrow.png) no-repeat center center;
  border: 0;
  bottom: 19px;
  cursor: pointer;
  display: none;
  height: 32px;
  position: absolute;
  left: 20px;
  text-indent: -9999px;
  width: 32px;
  z-index: 300;
  right: auto;
}

#chart_data {
  background: url(../images/chart.jpg);
  width: 100% !important;
  height: 100% !important;
}

.chart-home-section {
  padding: 65px 0;
  background-image: url(../images/chart-home-bk.jpg);
  background-color: #00000094;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: left top;
  z-index: auto;
  background-size: 100%;
  -webkit-background-size: 100%;
  background-blend-mode: overlay;
  color: var(--white-color);
  margin-top: -6px;
  display: inline-block;
  width: 100%;
}

.chart-home-section .chart-home-sectionh2#tab-label {
  font-family: "DINNextLTArabic-Regular-3";
  font-size: 27.86px;
  margin-top: 0;
  margin-bottom: 15px;
}

.chart-home-section .chart-home {
  display: inline-block;
  width: 41%;
  float: left;
}

.chart-home-div {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 10%);
  padding: 20px 10px;
  border-radius: 10px;
  margin-top: 18px;
}

.chart-home-section table.home-table {
  width: 36%;
  float: right;
  margin-top: 30px;
  margin-right: 8%;
}

.chart-home-section table.home-table thead {
  width: 100%;
}

.chart-home-section table.home-table tbody {
  border-radius: 10px;
  background-color: rgb(93, 94, 96);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
  padding: 40px;
}

.chart-home-section table.home-table td,
.chart-home-section table.home-table th {
  border: 0px;
  color: var(--white-color);
}

.chart-home-section table.home-table tr:nth-child(even),
.chart-home-section tr {
  background-color: transparent;
  color: var(--white-color);
}

.chart-home-section .chart_buttons_tr {
  text-align: left;
  display: inline-block;
  width: 100%;
}

.chart-home-section .chart_buttons_tr input {
  width: 98px;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin-right: 10px;
  border-radius: 17px;
  background-color: rgb(255, 255, 255);
  color: var(--text-color);
  border: 0px;
  font-size: 12px;
  text-transform: capitalize;
}

.chart-home-section .btn.active,
.chart-home-section .btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  background-color: var(--main-color);
  color: var(--white-color);
}

.chart-home-section .tabs {
  display: block;
  width: fit-content;
  text-align: center;
  margin-top: 70px;
  margin: 0 auto;
  margin-top: 50px;
  max-width: 100%;
}

.chart-home-section .tabs input {
  font-size: 0;
  border: 0;
  background: var(--white-color);
  width: 32px;
  height: 4px;
  margin: 0 7px;
  float: right;
}

.chart-home-section .tabs input.active {
  background: var(--orange-color);
}

#block-homechartreport {
  opacity: 0;
}

#block-homechartreport .date {
  text-align: left;
  color: var(--orange-color);
  font-size: 17px;
}

.box {
  width: 14px;
  height: 14px;
  border-radius: 3px;
}

.strategic-plan {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.strategic-plan .views-row {
  width: 200.5px;
  min-height: 131.5px;
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
  margin: 0 4px;
  margin-top: 5px;
}

.strategic-plan .views-row .field-content div {
  width: 200.5px;
  min-height: 131.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 1.75px;
  border-color: rgb(5, 178, 90);
  border-style: solid;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 3.32px 0.68px rgba(86, 86, 86, 0.31);
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  position: relative;
}

.strategic-plan .views-row .field-content div li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--gray-bold-color);
}

.strategic-plan .views-row .field-content div li:last-child {
  margin: 0;
  padding: 0;
  border: 0px;
}

.strategic-plan .views-row .field-content div::before {
  content: "";
  display: inline-block;
  background: url(../images/up-chevron.png) no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: -44px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9;
  transform: rotate(180deg);
}

.strategic-plan .views-row-group:last-child .field-content div::before {
  display: none;
}

.strategic-plan .views-row-group:nth-child(3) .views-row:first-child {
  margin-left: 40px;
}

.strategic-plan .views-row-group:nth-child(3) .views-row:last-child {
  margin-right: 40px;
}

.strategic-plan .views-row-group:nth-child(3) .views-row .field-content div::before {
  left: -11px;
}

.strategic-plan .views-row-group:nth-child(4) {
  margin-top: 95px;
  position: relative;
}

.strategic-plan .views-row-group:nth-child(4)::before {
  display: inline-block;
  content: "";
  width: 422px;
  height: 47px;
  background: url(../images/stra.jpg) no-repeat;
  position: absolute;
  top: -50px;
  right: 88px;
}

.strategic-plan .views-row-group:nth-child(4)::after {
  display: inline-block;
  content: "";
  width: 190px;
  height: 63px;
  background: url(../images/stra2.jpg) no-repeat;
  position: absolute;
  top: -66px;
  left: 103px;
  z-index: 1;
}

.strategic-plan .views-row-group:last-child .views-row {
  float: right;
}

.strategic-plan .views-row-group {
  display: table;
  margin: 0 auto;
  float: none;
  width: auto;
  margin-bottom: 50px;
}

.strategic-plan h3 {
  margin: 0;
  font-size: 15.05px;
  border-radius: 10px;
  background-color: rgb(79, 186, 111);
  box-shadow: 0px 0px 3.32px 0.68px rgba(86, 86, 86, 0.31);
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 88px;
  color: #fff;
  font-weight: bold;
}

.strategic-plan .views-row-group:last-child h3 {
  display: none;
}

.strategic-plan .views-row-group:nth-child(1) h3 {
  width: 75%;
  margin: 0 auto;
}

.strategic-plan .views-row-group .tit {
  margin: 0;
  font-size: 15.05px;
  border-radius: 10px;
  background-color: rgb(79, 186, 111);
  box-shadow: 0px 0px 3.32px 0.68px rgb(86 86 86 / 31%);
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 88px;
  color: #fff;
  font-weight: bold;
}

.strategic-plan .views-row-group:last-child .views-row {
  /* margin-top: 14px; */
}

.strategic-plan .views-row-group:last-child .views-row div {
  margin-top: 5px;
}

/* .settlement_guarantee_fund span {
  color: var(--gray-bold-color);
  font-weight: bold;
} */

.settlement_guarantee_fund {
  display: inline-block;
  width: 100%;
  margin-bottom: 40px;
}

.settlement_guarantee_fund .image img {
  height: 189px;
  overflow: hidden;
  /* width: 100%; */
  border-radius: 37px;
}

.achievements-years {
  color: var(--main-color);
  font-weight: bold;
  margin-bottom: 10px;
}

.achievements-years .field__item {
  display: inline-block;
}

.buttons_tr .btn {
  width: 294px;
  height: 101px;
  border-radius: 9px;
  background-color: rgb(79, 186, 111);
  box-shadow: unset;
  color: #fff;
  border: 3px solid;
}

div#block-views-block-news-block-1,
div#block-views-block-events-block-1 {
  position: relative;
}

#my-id3 div#more,
#block-views-block-legislation-block-4 .views-row-group .more,
.legislation-page .views-row-group .more {
  display: inline-block;
  position: absolute;
  bottom: 8px;
  left: 32px;
  color: var(--main-color);
  font-weight: bold;
  cursor: pointer;
}

.pager li.is-active a {
  background: var(--main-color);
  color: var(--white-color);
}

.brochures {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}

span.smal {
  font-size: 12px;
}

.poll .vote-form {
  text-align: right;
}

.poll .vote-form .js-form-item.form-item.js-form-type-radio.form-item-choice.js-form-item-choice {
  display: inline;
  margin-left: 20px;
}

.poll .vote-form .button {
  width: 124px;
  height: 34px;
  border-radius: 17px;
  background-color: #4fba6f;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 16px;
  border: none;
  margin-top: 20px;
}

#block-ahdthasttlaray h2 {
  text-align: center;
  font-size: 21px;
  color: var(--main-color);
}

/* .settlement_guarantee_fund .body p {
  font-size: 14px;
  color: #535353;
  font-weight: 600;
} */

.page-args-visitors-pinions .form-style fieldset.js-webform-type-fieldset legend {
  display: none;
}

.messages__wrapper div {
  font-family: NotoKufiArabic, Poppins-Light !important;
}

#block-views-block-legislation-block-4 .views-row-group h3 a {
  font-weight: 500;
}

.header.scrolled ul.sf-menu.menu ul li:first-child {
  display: block;
}

#mainChart1,
#mainChart2 {
  background: url(../images/chart.jpg);
}

.page-args-statistics .custom-style ul li:nth-child(1),
.page-args-statistics .custom-style ul li:nth-child(2),
.page-args-statistics .custom-style ul li:nth-child(3),
.page-args-statistics .custom-style ul li:nth-child(4),
.page-args-statistics .custom-style ul li:nth-child(5) {
  list-style-type: none;
}

.page-args-statistics .custom-style ul li>a,
.page-args-statistics .custom-style ul li>span {
  font-size: 16px;
  font-weight: 600;
  color: #545353;
  transition: 0.3s;
}

.page-args-statistics .custom-style ul li>a:hover {
  color: #05b25a;
}

.page-args-statistics .custom-style ul li:nth-child(1)>span,
.page-args-statistics .custom-style ul li:nth-child(2)>a:nth-child(1),
.page-args-statistics .custom-style ul li:nth-child(3)>a:nth-child(1),
.page-args-statistics .custom-style ul li:nth-child(4)>a:nth-child(1),
.page-args-statistics .custom-style ul li:nth-child(5)>a:nth-child(1) {
  display: block;
  width: 100%;
  background: #f9f9f9;
  padding: 30px 60px;
}

.page-args-statistics .custom-style ul ul li>a,
.page-args-statistics .custom-style ul ul li>a,
.page-args-statistics .custom-style ul ul li>a {
  background: transparent !important;
  padding: 0 !important;
}

.page-args-statistics .custom-style ul ul {
  padding: 15px 70px;
}

.page-args-statistics .custom-style ul {
  padding: 0;
}

.page-args-statistics .custom-style ul ul li {
  list-style-type: none;
  position: relative;
  padding-right: 10px;
}

.page-args-statistics .custom-style ul ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  right: -10px;
  width: 5px;
  height: 5px;
  background-color: #05b25a;
}

.page-args-statistics .custom-style {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 30px;
  padding-top: 70px;
}

.page-args-statistics .custom-style .green-title {
  position: absolute;
  top: 0;
  width: 100%;
  background-color: #05b25a;
  color: #fff;
  right: 0;
  height: 70px;
  display: flex;
  place-items: center;
  padding: 0 60px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  font-size: 20px;
  font-weight: 600;
}

.page-args-statistics .custom-style .links h2 {
  display: none;
}

.page-args-statistics .custom-style .links {
  width: 100%;
  padding: 0;
}

.page-args-statistics .custom-style .chart {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  position: relative;
  padding-top: 30px;
}

#block-homechartreport table thead td {
  background: transparent;
}

#block-views-block-documents-block-1 .views-field.views-field-nothing,
#block-views-block-documents-block-1 .views-row .views-field.views-field-fieldset .views-field.views-field-field-document-image {
  top: 100px;
}

#block-views-block-documents-block-1 {
  display: inline-block;
  width: 100%;
  margin-top: -40px;
}

.page-args-holidays #block-sdc-content table {
  margin-bottom: 30px;
}

.page-args-holidays #block-sdc-content thead th {
  padding: 15px 20px;
  text-align: right;
}

.page-args-holidays #block-sdc-content tbody td {
  text-align: right;
  padding: 10px 20px;
}

#block-ayamaltl2023 {
  margin-top: 60px;
}

#block-ayamaltl2023 p {
  font-size: 16px;
  line-height: 27px;
  color: #363636;
  font-weight: 400;
}

.step5-structur,
.step4-structur,
.secund-structur {
  width: 40%;
  margin: 0 auto;
}

/* .terms .item-list ul {
  display: flex;
  flex-direction: column;
  border-radius: 9px;
  filter: drop-shadow(0 0 35.5px rgba(0, 0, 0, 0.09));
  background-color: #d2efe9;
}

.terms .item-list ul li a {
  font-size: 12px;
  line-height: 35px;
  color: #00b159;
  font-weight: 500;
}
.terms .item-list ul li:nth-child(even) {
  background-color: #f4f4f4;
}
.terms .item-list ul li {
  display: flex;
  align-items: center;
  padding: 15px 30px;
  font-size: 12px;
  line-height: 35px;
  color: #00b159;
  font-weight: 500;
}
.terms .item-list ul li p {
  margin-bottom: 0;
}
.terms .item-list ul li .views-field.views-field-title a {
  font-size: 12px;
  line-height: 35px;
  color: #00b159;
  font-weight: 500;
}
.terms .item-list ul li .views-field.views-field-title {
  width: 25%;
  position: relative;
}
.terms .item-list ul li .views-field.views-field-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  height: 100%;
  width: 1px;
  background-color: #e9e9e9;
} */

table#step2,
table#step3 {
  width: 100%;
  margin: 0;
}

.chart-home-section table.home-table th {
  background: transparent;
}

table#step2 td,
table#step2 th,
table#step3 td,
table#step3 th {
  border: 0.1px solid var(--bg-gray-color);
  color: var(--white-color);
  background: transparent;
  text-align: center;
  font-family: "DINNextLTArabic-Regular-3";
}

.relatedSites .views-row {
  border-radius: 9px;
  filter: drop-shadow(0 0 7.5px rgba(0, 0, 0, 0.09));
  background-color: #d2efe9;
  position: relative;
  margin-bottom: 65px;
}

.relatedSites .views-field.views-field-field-categorey-related {
  position: absolute;
  top: -24px;
  right: 0;
  width: 299px;
  height: 48px;
  border-radius: 5px;
  filter: drop-shadow(0 0 3.5px rgba(86, 86, 86, 0.09));
  background-color: #ffffff;
  display: grid;
  place-items: center;
  font-size: 16px;
  color: #4fba6f;
  font-weight: 700;
}

.relatedSites caption {
  width: 299px;
  height: 48px;
  border-radius: 5px;
  filter: drop-shadow(0 0 3.5px rgba(86, 86, 86, 0.09));
  background-color: #ffffff;
  display: grid;
  place-items: self-start;
  font-size: 16px;
  color: #4fba6f;
  font-weight: 700;
  margin-bottom: 20px;
  padding: 10px 10px;
}

.relatedSites .views-field.views-field-fieldset fieldset ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.relatedSites table {
  margin-bottom: 20px;
}

.step3-structur .chart-home-div,
.step4-structur .chart-home-div,
.step2-structur .chart-home-div,
.secund-structur .chart-home-div,
.step5-structur .chart-home-div {
  height: 330px;
  width: 800px;
  margin: 0 auto;

}

.step3-structur .chart-home-div canvas,
.step4-structur .chart-home-div canvas,
.step2-structur .chart-home-div canvas,
.secund-structur .chart-home-div canvas,
.step5-structur .chart-home-div canvas {
  margin: 0 auto;
  background: url(../images/chart.jpg);
}

/* canvas#chart_data_step3 {
  width: 100% !important;
  height: 317px !important;
} */

canvas .relatedSites fieldset ul li:nth-child(1) {
  padding-top: 35px;
}

.relatedSites fieldset ul li:nth-child(odd) {
  background-color: #f4f4f4;
}

.relatedSites fieldset ul li {
  padding: 20px 30px;
  text-align: right;
}

.relatedSites fieldset ul li a {
  font-size: 12px;
  line-height: 35px;
  color: #00b159;
  font-weight: 500;
}

.relatedSites {
  margin-top: 60px;
}

.faqs .ui-state-active a,
.faqs .ui-state-active a:link,
.faqs .ui-state-active a:visited {
  color: #000;
}

.faqs .views-row .faqsRow {
  border-radius: 3px;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.24));
  background-color: #ffffff;
  margin-bottom: 30px;
  padding: 25px;
}

.faqs .ui-state-default a {
  font-size: 16px;
  /* line-height: 12px; */
  color: #4b4b4b;
  font-weight: 600;
  margin-top: 0;
}

.faqs .faqsRow .views-field.views-field-body {
  font-size: 14px;
  line-height: 1.6;
  color: #4fba6f;
  font-weight: 400;
  padding-right: 15px;
  margin-top: -15px;
}

.faqs .ui-accordion .ui-accordion-header {
  margin: 0;
}

.nationalities_popup {
  position: absolute;
  top: 20%;
  z-index: 999;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inherit;
  width: 40%;
  padding: 10px;
  background: #fff;
  box-shadow: 0px 0px 5px 1px #d1cece;
  border-radius: 12px;
}

.strategic-plan .views-row-group:nth-child(3) .views-row:last-child .field-content div::before {
  background-color: #fff;
  left: -20px;
  bottom: -49px;
}

.table-titel {
  font-family: inherit !important;
}

.lineH2 td {
  text-align: center;
  /* font-size: 14px;
  font-weight: 700; */
}

.overflow th strong {
  background: url("../images/arrDown.png") no-repeat left;
  background-size: auto;
}

/* .custom-tabs-ta ul {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
  justify-content: center;
} */
.custom-tabs-ta ul a {
  font-size: 16px;
  color: #4f4f4f;
}

.custom-tabs-ta ul a.active {
  color: #0bb860;
  font-weight: 600;
}

#block-views-block-legislation-block-4 .views-row-group h3 a {
  text-align: right;
  font-size: 16px;
  line-height: 1.6;
}

.alpha-pagination-list li {
  margin: 10px 9px;
  color: #00b159;
}

.alpha-pagination-list li.inactive {
  color: #4e4e44;
}

#block-views-block-legislation-block-4 .views-row-group h3 {
  font-size: 14px;
  font-family: "NotoKufiArabic-Bold";
  color: var(--main-color);
  /* top: 35px; */
}

/* @media (min-width: 768px) {
  #block-views-block-legislation-block-4 .views-row-group h3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
} */

#block-views-block-legislation-block-4 .views-row-group .views-row::before {
  border-radius: 50%;
  background-color: rgb(5, 178, 90);
  width: 9px;
  height: 9px;
  display: inline-block;
  content: "";
  position: absolute;
  top: 7px;
  right: 0;
}

.form-style .js-form-item.form-item.js-form-type-date.form-item-altarykh.js-form-item-altarykh,
.form-style .js-form-item.form-item.js-form-type-date.form-item-current-date.js-form-item-current-date {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
}

.form-style .js-form-item.form-item.js-form-type-webform-markup {
  text-align: right;
}

.form-style .js-form-item.form-item.js-form-type-webform-signature {
  margin-top: 20px;
}

#user-login-form,
#user-pass-reset,
#email-tfa-email-tfa-verify-login {
  border-radius: 12px;
  filter: drop-shadow(0 0 2.5px rgba(41, 41, 41, 0.09));
  background-color: #ffffff;
  padding: 35px 55px;
  margin-bottom: 40px;
  max-width: 50%;
  margin: 0 auto;
}

#user-login-form input[type="submit"],
#user-pass-reset input[type="submit"],
#email-tfa-email-tfa-verify-login input[type="submit"]{
  width: 100%;
  height: 44px;
  border-radius: 27px;
  background-color: #4fba6f;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 16px;
  border: none;
  margin-top: 20px;
}

#user-login-form .js-form-item,
#user-pass-reset .js-form-item,
#email-tfa-email-tfa-verify-login .js-form-item {
  margin-bottom: 15px;
}

#user-login-form .js-form-item input,
#user-pass-reset .js-form-item input,
#email-tfa-email-tfa-verify-login .js-form-item input {
  height: 44px;
  border-radius: 2px;
  background-color: #f6f6f6;
  color: #000;
  border: none;
  width: 100%;
  padding: 10px;
}

.js-form-type-webform-markup {
  text-align: right;
}

.form-style .js-webform-signature-pad.webform-signature-pad {
  width: 50%;
  margin-bottom: 20px;
  overflow: hidden;
}

.page-args-Request-a-notice-of-ownership-of-securities .form-style fieldset.js-webform-type-fieldset .js-webform-checkboxes {
  grid-template-columns: repeat(2, 1fr);
}

/* .node-7016 .form-style fieldset.js-webform-type-fieldset .js-webform-radios {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
} */

legend:has(> span.visually-hidden) {
  display: none;
}

.form-style .js-form-item.form-item.js-form-type-webform-signature .description {
  display: none;
}

#block-views-block-services-body-block-1 h3 {
  padding: 60px 30px;
  border-radius: 14px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 28%);
  font-size: 14px;
  color: #535353;
  line-height: 1.6;
  margin-bottom: 60px;
  position: relative;
}

#block-views-block-services-body-block-1 .views-row {
  padding-bottom: 10px;
  border-bottom: 1px solid;
  margin-bottom: 10px;
}

#block-views-block-services-body-block-1 .views-row .field--name-field-label {
  font-weight: bold;
  margin-bottom: 10px;
}

/* .inner-image h1.page-title {
  width: 87%;
  font-size: 28.09px;
  line-height: 1.6;
  top: auto;
  bottom: 81%;
}

.breadcrumb {
  top: auto;
  bottom: 80%;
} */

#block-views-block-settlement-guarantee-fund-block-5 .views-row:first-child .settlement_guarantee_fund {
  height: auto;
}

#block-views-block-settlement-guarantee-fund-block-5 .views-row:last-child .settlement_guarantee_fund .body {
  display: inline-block;
  position: relative;
  height: 300px;
  width: 100%;
}

#block-views-block-settlement-guarantee-fund-block-5 .settlement_guarantee_fund span {
  width: 35%;
  display: inline-block;
  font-family: "NotoKufiArabic-Bold";
}

#block-views-block-settlement-guarantee-fund-block-5 .settlement_guarantee_fund li {
  border-radius: 14px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 16%);
  width: 365px;
  height: 133px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  /* font-weight: bold; */
  position: absolute;
}

#block-views-block-settlement-guarantee-fund-block-5 .settlement_guarantee_fund li::before {
  width: 32px;
  height: 44px;
  content: "";
  display: inline-block;
  position: absolute;
  top: 30%;
}

#block-views-block-settlement-guarantee-fund-block-5 .settlement_guarantee_fund li:first-child {
  top: 0;
  left: 0;
}

#block-views-block-settlement-guarantee-fund-block-5 .settlement_guarantee_fund li:first-child::before {
  background: url(../images/gg2.png) no-repeat center;
  right: -38px;
}

#block-views-block-settlement-guarantee-fund-block-5 .settlement_guarantee_fund li:last-child::before {
  background: url(../images/gg1.png) no-repeat center;
  left: -38px;
}

#block-views-block-settlement-guarantee-fund-block-5 .settlement_guarantee_fund li:last-child {
  bottom: 0;
  right: 0;
}

div#block-printpage,
div#block-informativeprintpagee {
  position: absolute;
  left: 0;
  z-index: 9;
}

div#block-printpage button,
div#block-informativeprintpage button {
  background: 0;
  border: 0;
  padding: 0;
  float: left;
  margin-right: 5px;
  position: relative;
}

.inner-page-content-main {
  position: relative;
  opacity: 0;
  transition: 0.2s;
}

.faqs .faqsRow .views-field.views-field-body ol,
.faqs .faqsRow .views-field.views-field-body ul {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
  gap: 5px;
}

.faqs .faqsRow .views-field.views-field-body ol li,
.faqs .faqsRow .views-field.views-field-body ul li {
  position: relative;
}

.faqs .faqsRow .views-field.views-field-body ol li::before,
.faqs .faqsRow .views-field.views-field-body ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  right: -10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  /* background-color: #00b159;*/
  /*commented by mohammed alrantisi*/
}

.faqs .faqsRow .views-field.views-field-body strong {
  font-weight: 600;
}

.node--type-services .field--label-above {
  /* padding: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #65666924;
  padding-bottom: 20px;
  font-size: 14px; */
  padding: 40px 30px;
  border-radius: 14px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 28%);
  font-size: 14px;
  color: #535353;
  line-height: 1.6;
  margin-bottom: 60px;
  position: relative;
  display: inline-block;
  width: 100%;
  padding-bottom: 14px;
}

.node--type-services .field--label-above .field__item {
  padding-right: 0;
}

.node--type-services .field--label-above ol,
.node--type-services .field--label-above ul {
  margin-right: 16px;
}

.node--type-services .field--label-above .field__item ol li {
  width: 96%;
}

.node--type-services .field--label-above ol li {
  list-style: decimal;
  display: list-item;
  width: 96%;

}

.node--type-services .field--label-above ul li {
  list-style: disc;
  display: list-item;
}

.node--type-services .field--label-above .field__label {
  font-weight: bold;
  font-size: 15px;
  color: var(--gray-bold-color);
  /* background-image: url(../images/sec.png); */
  /* background-repeat: no-repeat; */
  /* background-position: 98% center; */
  padding: 20px;
  padding-right: 50px;
  margin-bottom: 10px;
  background-size: 42px;
  height: 48px;
  border-radius: 6px;
  background-color: #4fba6f;
  padding: 15px 30px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  width: max-content;
  border: none;
  position: absolute;
  top: -22px;
  padding-right: 50px;
}

.node--type-services .field--label-above .field__label img {
  position: absolute;
  top: 4px;
  width: 39px;
  right: 3px;
}

/* .node--type-services .field--name-field-conditional .field__label
{
    background-image: url(../images/condd.png);
}

.node--type-services .field--name-field-steps .field__label
{
  background-image: url(../images/stepss.png);
}

.node--type-services .field--name-field-documentss .field__label
{
  background-image: url(../images/docc.png);
}

.node--type-services .field--name-field-timee .field__label
{
  background-image: url(../images/timm.png);
}

.node--type-services .field--name-field-placee .field__label
{
  background-image: url(../images/placess.png);
}

.node--type-services .field--name-field-branch .field__label
{
  background-image: url(../images/branch.png);
}

.node--type-services .field--name-field-pricee .field__label
{
  background-image: url(../images/pricc.png);
} */
.node--type-services .field--label-above li::marker {
  color: #000;
}

.node--type-services .field--label-above:last-child {
  border: 0px;
}

.node--type-services .field--label-above a,
.node--type-circulars .field__item a,
.node--type-event2 .field__item a,
.settlement_guarantee_fund a,
.node--type-construction-and-tasks a {
  color: var(--main-color);
  border-bottom: 1px solid;
}

.node--type-services .field--type-link {
  text-align: center;
  margin-top: 40px;
}

.node--type-services .field--type-link a {
  padding: 10px 30px;
  color: #fff;
  background: var(--main-color);
  font-weight: bold;
  border-radius: 31px;
}

.services-doc h3 {
  text-align: center;
  margin: 0;
  margin-bottom: 40px;
  color: var(--main-color);
  font-weight: bold;
}

#block-feeds iframe {
  height: 66px;
  /* margin-top: -13px; */
  border: 0;
  line-height: 1;
  width: 100%;
}

#block-feeds p {
  margin: 0;
}

.node--type-services .field--name-field-timee,
.node--type-services .field--name-field-placee {
  float: right;
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
}

.breadcrumb-ins {
  display: inline-block;
}

.print-section {
  display: inline-block;
  float: left;
}

#print-section {
  padding-right: 20px;
  background: url(../images/printer.png) no-repeat right center;
}

.zoomContainer {
  z-index: 9 !important;
}

.settlement_guarantee_fund {
  padding-top: 135px;
  margin-top: -143px;
}

.poll .bar .foreground {
  float: right;
}

div#block-views-block-construction-and-tasks-block-1 .views-row .views-field-title-2 {
  display: none;
}

#captcha {
  font-size: 0;
}

#captcha .form-text {
  width: 200px;
  height: 30px;
  margin-right: 10px;
  font-size: 14px;
}

#captcha .description {
  font-size: 14px;
}

.reload-captcha-wrapper {
  font-size: 14px;
  color: var(--main-color);
  padding-bottom: 2px;
  border-bottom: 1px solid;
  display: inline-block;
}

.webform-submission-contact-add-form .captcha img {
  width: 100px;
}

.webform-submission-contact-add-form #captcha .form-text {
  width: 148px;
}

div#\31 070 .body,
div#\31 067 .body {
  border-radius: 12px;
  filter: drop-shadow(0 0 2.5px rgba(41, 41, 41, 0.09));
  background-color: #ffffff;
  padding: 35px 55px;
  margin-bottom: 40px;
  display: inline-block;
  width: 100%;
}

div#block-views-block-tenders-block-1 {
  display: inline-block;
  width: 100%;
}

div#block-views-block-tenders-block-1 .views-label-field-type {
  float: right;
  margin-left: 6px;
  color: var(--main-color);
}

.last-update-date {
  text-align: left;
  /* color: var(--main-color); */
  margin-top: 30px;
  display: table;
  width: 100%;
}

.page-args-investorsNationalities #block-sdc-content {
  text-align: center;
}

.chart-title {
  position: absolute;
  top: 0;
}

div#block-addtoanysharebuttons {
  margin-top: 40px;
  display: inline-block;
  width: 100%;
}

.search-advanced {
  display: none;
}

.page-args-ar-search #block-sdc-content ol li {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid;
}



#block-views-block-upcoming-events-block-2 .views-label {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #d8efe9;
  color: var(--text-color);
  font-weight: normal;
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  height: 59px;
}

#block-views-block-upcoming-events-block-2 .field-content {
  padding: 8px;
  text-align: right;
  font-size: 14px;
  display: flex;
  width: 75%;
  height: 60px;
  align-items: center;
  /* justify-content: center; */
}


#block-views-block-upcoming-events-block-2 .views-field {
  display: inline-block;
  width: 100%;
  border-bottom: 3px solid #fff;
  background: #f9f9f9a6;
  float: right;
}


#block-views-block-upcoming-events-block-2 .views-field:nth-child(even) {
  background-color: #f2f2f2;
}

div#closeEvent {
  text-align: left;
  font-size: 25px;
  color: red;
  margin-bottom: 20px;
}



span.a2a_svg.a2a_s__default {
  width: 24px !important;
  height: 24px !important;
}



.form-style .webform-flex .js-form-item.form-item.js-form-type-webform-signature {
  margin-top: 0;
  position: relative;
}


.form-style .webform-flex .js-webform-signature-pad.webform-signature-pad {
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
}


.form-style .js-form-type-webform-signature .button {
  position: absolute !important;
  margin: 0;
  width: 100px !important;
  height: 30px !important;
  font-size: 10px;
  padding: 2px 10px !important;
  bottom: 0;
  left: 0%;
  ;
}

.form-item-for-sdc thead th:nth-child(3) {
  min-width: 400px;
}


.form-style .form-item-for-sdc .js-form-item.form-item.js-form-type-webform-signature {
  margin-top: 0;
}



.form-style .form-item-for-sdc .js-webform-signature-pad.webform-signature-pad {
  width: 100%;
  height: 100px;
  margin: 0;
}

.form-style .form-item-for-sdc .js-webform-signature-pad.webform-signature-pad canvas {
  width: 100%;
  height: 100%;
}

.form-style .form-item-for-sdc label {
  font-size: 12px;
  line-height: 20px;
  color: #000;
  font-weight: bold;
}

.tooltip {
  visibility: hidden;
  position: absolute;
  background-color: #000;
  color: #fff;
  padding: 5px;
  border-radius: 4px;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  width: 100px;
  text-align: center;
  font-family: 'NotoKufiArabic';
}

.dataTables_length {
  font-size: 0;
}

.dataTables_length select {
  font-size: 12px;
}

.currency {
  width: 100%;
  margin: 30px 0;
  text-align: center;
}

.currency li {
  height: 36px;
  text-align: center;
  vertical-align: middle;
  padding: 0px 30px 0px 30px;
  background-color: #DDEDE7;
  color: #089951;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  float: right;
  margin: 0 5px;
}

.node--view-mode-full ol,
.node--view-mode-full ul {
  width: 100%;
}

.node--view-mode-full ol li,
.node--view-mode-full ul li {
  width: 100%;
  text-align: right;
}


div#block-pagetitle {
  width: 70%;
}



.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(/modules/contrib/jquery_ui/assets/vendor/jquery.ui/themes/base/images/ui-icons_444444_256x240.png)
  /*{iconsContent}*/
  ;
}


.flatpickr-input[readonly] {
  cursor: pointer;
  padding: 0 10px;
}


.inner-space div#block-topheaderblock #color img,
.inner-space div#block-topheaderblock a img {
  filter: none;
}


.node--view-mode-full ol {
  display: list-item;
  margin-right: 15px;
}

.node--view-mode-full ol li {
  list-style: decimal;

}

.node--view-mode-full ol li ul {
  margin-right: 20px;
}

.node--view-mode-full ol li ul li {
  display: list-item;
  list-style: disc;
}

.node-9129 #block-views-block-breadcrumb-block-1 {
  display: none;
}

.form-item-job-position {
  display: none;
}

.page-args-risk-management .custom-style .green-title {
  width: 100%;
  display: inline-block;
  margin-bottom: 14px;
  color: #00b159;
  font-size: 15px;
  font-family: 'NotoKufiArabic-Bold';
}

.approval-poll-view-form-2 #edit-result {
  display: none;
}

section.partners::after,
section.links::after {
  content: "";
  display: inline-block;
  width: 100px;
  height: 142px;
  background: url(../images/puttern.png) no-repeat;
  position: absolute;
  background-size: 100%;
  top: -22px;
  left: 0;
  transform: rotate(90deg);
}


.page-args-search-pages #block-sdc-content .views-row .views-field-field-icone a {
  width: 100%;
  height: 176px;
  overflow: hidden;
}

.page-args-search-pages #block-sdc-content .views-row .views-field-field-icone a img {
  width: 100%;
  height: auto;
  min-height: 176px;
}


.page-args-search-engine .inner-image {
  background-image: url(../images/search-node.jpg)
}

.page-args-search-node .inner-image {
  background-image: url(../images/search-nodee.jpg)
}

.inner-page-content-main p span,
.node-type-services #block-sdc-content .field__item ul li span,
.node--type-services .field--label-above .field__item ol li span {
  color: var(--text-color) !important;
}

.page-args-members-info .members-info header {
  text-align: start;
  background-color: transparent;
}

.page-args-en-services #block-views-block-legislation-block-4 .views-row-group {
  padding-right: 100px;
}

.node-type-construction-and-tasks .node--view-mode-full ul {
  width: 50%;
}

.node-type-services #block-sdc-content .field__item ul li a span,
.node--type-services .field--label-above .field__item ol li a span,
.inner-page-content-main p a span,
.node-type-services #block-sdc-content .field__item ul li a,
.node--type-services .field--label-above .field__item ol li a,
.inner-page-content-main p a,
.better-messages-content div ul li a,
.messages__wrapper div a {
  color: var(--main-color) !important;
  text-decoration: none !important;
}

.better-messages-content div ul li {
  display: block;
  margin-top: 6px;
}

.node-type-services #block-sdc-content .field__item ul li span {
  font-weight: 500;
}

[dir=ltr] #block-ownershipclassification-2 ul li a::before,
[dir=ltr] #block-depositedownershipclassification ul li a::before {
  top: 29px;
}

#block-ownershipclassification-2 ul li a,
#block-depositedownershipclassification ul li a {
  text-align: start;
}

.node-type-achievements .achievements-years>span.field__label {
  position: relative;
  padding-left: 5px;
}

.node-type-achievements .achievements-years>span.field__label::after {
  content: ':';
  position: absolute;
  left: 0;
  top: 2px;
  z-index: 2;
}

#block-alawraqalmalyt {
  overflow-x: clip;
}

#block-views-block-about-us-block-1 .views-row .views-field-fieldset {
  /* overflow: scroll; */
  height: auto;
  min-height: 380px;
}

.news-page .views-row .views-field.views-field-field-images .field-content {
  background-image: none;
}

.settlement_guarantee_fund span {
  display: inline-block;
}

ol.ol-in-table {
  list-style: decimal;
}

ol.ol-in-table li {
  display: list-item;
  list-style: decimal;
}

ol.ol-in-table li ul {
  list-style: none !important;
}

ol.ol-in-table li ul li {
  list-style: none !important;
}

.page-args-Press-releases table.cols-2 tbody time {
  white-space: nowrap;
}

.page-args-risk-management .custom-style .green-title {
  font-family: NotoKufiArabic-SemiBold, Poppins-Light;
}

.ui-accordion .ui-accordion-content ul {
  margin-left: 25px;
}

table tbody tr td.views-field.views-field-field-date {
  white-space: nowrap;
}

#exit-btn {
  display: none;
}

#block-views-block-about-us-block-1 .views-row .views-field-fieldset .views-field.views-field-body ul.slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
}

div#block-views-block-about-us-block-1 .slick-slider {
  position: unset !important;
}

#block-views-block-about-us-block-1 .views-row .views-field-fieldset {
  position: relative;
}

.page-args-statistics .custom-style ul>li span {
  display: inline-block;
  padding: 0 60px;
}

.page-args-companyInfo .companyInfo table#companyInfo {
  display: inline-block;
  overflow-x: scroll;
}

.ui-icon-triangle-1-e {
  transform: rotateY(180deg) !important;
}



.page-args-terms .views-field-field-field-holiday-nots ul,
.page-args-terms .views-field-field-field-holiday-nots ol {
  display: list-item;
}

.page-args-terms .views-field-field-field-holiday-nots ul li,
.page-args-terms .views-field-field-field-holiday-nots ol li,
.page-args-concepts .views-field-field-field-holiday-occasion ul li,
.page-args-concepts .views-field-field-field-holiday-occasion ol li {
  display: list-item;
  list-style: disc;
  margin-right: 20px;
}

.page-args-terms .views-field-field-field-holiday-nots ol li,
.page-args-concepts .views-field-field-field-holiday-occasion ol li {
  list-style: auto;
}


.ui-accordion .ui-accordion-content {
  color: var(--text-color) !important;
}

.page-args-methodology ul,
.page-args-methodology ol {
  margin-bottom: 10px;
}

.field--name-field-image-for-print {
  display: none;
}

.services-items .custom-style .field-content p+h5 {
  text-align: center;
}

/**** custom form style *****/

.webform-submission-request-ownership-of-securities-form .form-item-mn {
  margin-top: 20px;
}

.form-style .webform-submission-request-ownership-of-securities-form fieldset.js-webform-type-fieldset .js-form-item.form-item-mn input {
  width: auto;
}

.page-args-job-application .progress-title {
  text-align: center !important;
}

.page-args-job-application .webform-flexbox--center {
  align-items: start !important;
}

.page-args-job-application .form-style fieldset.js-webform-type-fieldset .js-form-item input.js-webform-telephone-international,
.page-args-visitors-pinions .form-style fieldset.js-webform-type-fieldset .js-form-item input.js-webform-telephone-international,
.page-args-request-to-place-a-mortgage-sign-on-the-instruments .form-style fieldset.js-webform-type-fieldset .js-form-item input.js-webform-telephone-international {
  padding-left: 45px !important;
}

.page-args-job-application .form-style fieldset.js-webform-type-fieldset .js-form-item input.js-webform-telephone-international,
.page-args-visitors-pinions .form-style fieldset.js-webform-type-fieldset .js-form-item input.js-webform-telephone-international {
  padding-left: 105px !important;
}

.page-args-job-application .webform-flexbox--center>.webform-flex.webform-flex--0 {
  width: 50% !important;
}

.page-args-job-application .webform-flexbox--center>.webform-flex.webform-flex--0 div.form-item-tarykh-almylad--date {
  width: 100% !important;
}

/* .page-args-job-application .iti--allow-dropdown .iti__flag-container, */
/* .page-args-request-to-place-a-mortgage-sign-on-the-instruments .iti--allow-dropdown .iti__flag-container,
.page-args-visitors-pinions  .iti__flag-container{
  width: 100% !important;
} */
.page-args-job-application .iti--allow-dropdown .iti__flag-container>.iti__selected-flag,
.page-args-request-to-place-a-mortgage-sign-on-the-instruments .iti--allow-dropdown .iti__flag-container>.iti__selected-flag,
.page-args-visitors-pinions .iti--allow-dropdown .iti__flag-container>.iti__selected-flag {
  flex-direction: row-reverse !important;
}

.page-args-job-application .node--view-mode-full .webform-flexbox--center ul li,
.page-args-request-to-place-a-mortgage-sign-on-the-instruments .iti--allow-dropdown .iti__flag-container>.iti__selected-flag+ul li,
.page-args-visitors-pinions .iti--allow-dropdown .iti__flag-container>.iti__selected-flag+ul li {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: end !important;
}

.webform-progress-tracker .progress-step .progress-text {
  padding-top: 5px;
  padding-bottom: 0;
  color: #000;
  font-size: 10px;
  font-weight: bold;
}


.video-services video {
  margin: auto;
  display: block;
}


/***** Job *******/

.js-form-item-almwhlat-al-lmyt .almwhlat_al_lmyt-table--education {
  width: 160px;
}

.js-form-item-almwhlat-al-lmyt .almwhlat_al_lmyt-table--type {
  width: 260px;
}

.captcha legend {
  display: none;
}

.captcha-type-challenge--image {
  margin-top: 10px;
}

.captcha-type-challenge--image .captcha__element {
  display: flex;
  flex-flow: column;
}

.form-item-captcha-response label {
  display: none;
}

/* .page-args-job-application .iti--allow-dropdown .iti__flag-container:has(>ul.iti__country-list.iti__country-list--dropup){
  width: 100% !important;
} */
.iti__country-list {
  position: relative !important;
  white-space: unset !important;
}

.center {
  text-align: center !important;
  /* Aligns text and inline elements */
}

div#block-facebook a.rss {
  border: 0px
}

div#block-facebook a:not(.rss) img {
  filter: brightness(0) invert(1);
  transition: 0.3s;
}

a.toolbar-icon.toolbar-icon-views-viewviews-rss-checker-page-1::before {
  background-image: url(/sites/default/files/inline-images/rss-square-color-icon.png);
}

.page-args-ar-electronicTradesAnalysis button#excell,
.page-args-en-electronicTradesAnalysis button#excell {
  display: none;
}

#better-messages-default.better-messages-overlay .better-messages-footer {
  border-top: unset !important;
  border-bottom: 1px solid #dddddd;
  margin-top: unset !important;
  margin-bottom: 10px;
  padding-top: unset !important;
  padding-bottom: 30px;
  text-align: right;
}

[dir=ltr] #better-messages-default.better-messages-overlay .better-messages-close span,
[dir=ltr] #better-messages-default.better-messages-overlay .better-messages-close {
    float: left !important;
}