* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

:root {
  --main-card-shadow: 0px 4px 20px 0px #0000001a;
  --main-color: #488253;
  /* --primary-color: #818188; */
  --secondary-color: #141414;
  --primary-white-color: #fff;
  --gray-color: #f7f8fa;
  --dark-gray-color: #c4c4c2;
  --gray-text-color: #8f8e8e;
  --rounded-sm: 0.5rem;
  --line-border-fill: #0c5adb;
  --line-border-empty: #eaecf0;
  --accordion-button-background-color: #015184;
  --director-card-background-color: #01518412;
  --navigaion-active-color: #c9ac80;
  --navigation-hover: #c9ac802c;
  --search-btn-flying-navbar-hover: #fff;
  --searchBarOpen-btn: #c9ac80;
  --searchBarOpen-bg-color: rgba(0, 46, 97, 0.4);
  --navigation-scrolled-background: #ffffff;
  --navigation-boxshadow: 0px 20px 20px 0px #b6b6b640;
  --animation-transition: all 0.3s ease-out;
  --navbar-border-color: rgba(20, 20, 20, 0.3);
}
body {
  color: #141414 !important;
}
ul li {
  font-size: 0.95rem;
  line-height: 1.8rem;
}
.arabic-version ul li {
  font-size: 0.9rem;
  line-height: 1.8rem;
}

ul li::marker {
  color: var(--main-color);
  font-size: 22px;
}
ul {
  padding-inline-start: 1.5rem;
}
@media (min-width: 2030px) {
  html {
    font-size: 22px;
  }
}
@media (min-width: 1800px) and (max-width: 2030px) {
  html {
    font-size: 19px;
  }
}
@media (max-width: 991.888888889px) {
  html {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  html {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .container,
  .container-fluid {
    max-width: 80%;
  }
  .container .container,
  .container .container-fluid,
  .container-fluid .container,
  .container-fluid .container-fluid {
    max-width: 100%;
  }
}
/* english fonts  */

@font-face {
  font-family: "NotoKufiArabic";
  src: url("../Assets/Fonts/static/NotoKufiArabic-Thin.ttf");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoKufiArabic";
  src: url("../Assets/Fonts/static/NotoKufiArabic-ExtraLight.ttf");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoKufiArabic";
  src: url("../Assets/Fonts/static/NotoKufiArabic-Light.ttf");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoKufiArabic";
  src: url("../Assets/Fonts/static/NotoKufiArabic-Regular.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoKufiArabic";
  src: url("../Assets/Fonts/static/NotoKufiArabic-Medium.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoKufiArabic";
  src: url("../Assets/Fonts/static/NotoKufiArabic-SemiBold.ttf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoKufiArabic";
  src: url("../Assets/Fonts/static/NotoKufiArabic-Bold.ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoKufiArabic";
  src: url("../Assets/Fonts/static/NotoKufiArabic-ExtraBold.ttf");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoKufiArabic";
  src: url("../Assets/Fonts/static/NotoKufiArabic-Black.ttf");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

* {
  font-family: NotoKufiArabic;
}

h1 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}
h2 {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6;
}
h3 {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6;
}
h4 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
}
h5 {
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.6;
}
p {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.6;
}

a {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}

span {
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.6;
}
label {
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.6;
}
th {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.6;
}
td {
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 1.6;
}

/* ar */
.arabic-version h1 {
  font-size: 1.65rem;
  font-weight: 500;
  line-height: 1.7;
}
.arabic-version h2 {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.6;
}
.arabic-version h3 {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6;
}
.arabic-version h4 {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6;
}
.arabic-version h5 {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.8;
}
.arabic-version p {
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.6;
}

.arabic-version a {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}

.arabic-version span {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.6;
}
.arabic-version label {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.6;
}

/* For IE10 */
select::-ms-expand {
  display: none;
}
.arabic-version {
  direction: rtl;
}

/* ============================================================ */
/* ============================================================ */
/* ============================================================ */
/* ============================================================ */
/* ============================================================ */
.page-header {
  height: 400px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 3rem;
  position: relative;
}

.page-header .container {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 2;
}
.page-header .container h2 {
  color: #fff;
  font-size: 40px;
}
.arabic-version .page-header .container h2 {
  font-size: 36px;
}
@media (max-width: 767.888888888px) {
  .page-header .container h2 {
    font-size: 33px;
  }
  .arabic-version .page-header .container h2 {
    font-size: 30px;
  }
}
.login-header .main-btn {
  background-color: var(--main-color);
  color: white;
  padding: 0.5rem 2.8rem;
  border-radius: 45px;
  border: 1px solid transparent;
  font-size: 1.2rem;
}
.login-header .main-btn:hover {
  background-color: transparent;
  color: var(--main-color);
  border: 1px solid var(--main-color);
}
.secondary-btn {
  background-color: transparent;
  color: var(--main-color);
  padding: 0.5rem 2.8rem;
  border-radius: 45px;
  border: var(--main-color) solid 1px;
  font-size: 1.2rem;
}
.secondary-btn:hover {
  background-color: var(--main-color);
  color: white;
  border-color: transparent;
}
.section-topic {
  display: flex;
  color: var(--main-color);
  padding-top: 3rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  gap: 10px;
  align-items: center;
}
.section-topic h2 {
  font-size: 28px;
}
.MW-table-box td {
  text-align: start;
}

/* pagination */

.research-report-pagination nav ul li a {
  border: none;
  outline: none;
  color: #000;
}
.research-report-pagination nav ul li a:hover {
  background-color: transparent;
  color: var(--primary-color);
}
.research-report-pagination .page-item .page-link {
  border-radius: 100%;
  color: var(--main-color);
  padding: 0.4rem 1rem;
  background: transparent;
  border: solid var(--main-color) 1.5px;
  width: 50px;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.research-report-pagination .page-item.active .page-link {
  border-radius: 100%;
  width: 50px;
  aspect-ratio: 1;
  color: white;
  padding: 0.4rem 1rem;
  border: none;
  background: rgba(201, 172, 128, 1);
}
.research-report-pagination .page-link.next,
.research-report-pagination .page-link.prev {
  color: white;
  background-color: var(--main-color);
}
.research-report-pagination nav ul {
  gap: 1rem;
  padding-top: 0.5rem;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.research-report-pagination .page-link.next i,
.research-report-pagination .page-link.prev i {
  transform: rotate(180deg);
}

.arabic-version .research-report-pagination .page-link.next i,
.arabic-version .research-report-pagination .page-link.prev i {
  transform: rotate(0deg);
}

@media (max-width: 767.888888888px) {
  .research-report-pagination {
    justify-content: center !important;
  }
  .research-report-pagination .page-item .page-link {
    width: 35px;
    height: 35px;
  }
  .research-report-pagination .page-item.active .page-link {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 400px) {
  .research-report-pagination nav ul {
    gap: 0.5rem;
  }
}

form div .main-btn {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.2rem 1rem;
}
form div .main-btn svg {
  fill: white;
}
form div .main-btn:hover svg {
  fill: var(--main-color);
}
.arabic-version div .main-btn {
  right: unset;
  left: 5px;
}

form textarea {
  border-radius: 5px;
  height: 100px;
}
@media (max-width: 575px) {
  form .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}

.hover-growing-links {
  display: flex;
  gap: 0.4rem;
  position: relative;
  color: inherit;
  text-decoration: none;
  color: var(--main-color);
  /* overflow: hidden; */
  border-radius: 25px;
  overflow: hidden;
  outline: none;
  align-items: center;
  width: max-content;
}
.hover-growing-links span {
  font-size: 0.8rem;
  color: var(--main-color);
}
.arabic-version .hover-growing-links span {
  font-size: 0.85rem;
}
.hover-growing-links[data-hover-pos="start"] {
  padding-inline-start: 1rem;
}
.hover-growing-links[data-hover-pos="end"] {
  padding-inline-end: 1rem;
}
.hover-growing-links[data-hover-pos="start"]::after,
.hover-growing-links::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  inset-inline-start: 100%;
  transition: all 0.3s ease-out;
  /* inset-inline-start: -100%; */
  background: var(--main-color);
}
.hover-growing-links[data-hover-pos="end"]::after {
  inset-inline-start: -100%;
}
.hover-growing-links:hover[data-hover-pos="start"]::after {
  inset-inline-end: 0;
}
.hover-growing-links:hover[data-hover-pos="end"]::after,
.hover-growing-links:hover::after {
  transition: all 0.3s ease-out;
  inset-inline-start: 0;
}
.hover-growing-links:hover[data-hover-pos="end"]::after {
  inset-inline-end: 0;
}
.hover-growing-links[data-hover-pos="end"]:hover i {
  transform: translateX(5px);
  color: #fff;
  transition: all 0.3s ease-out;
}
.hover-growing-links[data-hover-pos="start"]:hover i {
  color: #fff;
  transform: rotate(-45deg) !important;
  /* transform: translateX(-5px) !important; */
  transition: all 0.3s ease-out;
}
.arabic-version .hover-growing-links[data-hover-pos="start"]:hover i {
  transform: rotate(-150deg) !important;
}
.hover-growing-links i {
  position: relative;
  z-index: 3;
  transition: all 0.3s ease-out;
  color: #fff;
}
.hover-growing-links > * {
  position: relative;
  transition: all 0.3s ease-out;
  z-index: 3;
}

.hover-growing-links:hover .link {
  transition: all 0.3s ease-out;

  position: relative;
  z-index: 3;
  color: #fff;
}
.hover-growing-links .arrow {
  position: relative;
  z-index: 3;
  border-radius: 100%;
  padding: 0.5rem;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  border: 1px solid var(--main-color);
  background-color: var(--main-color);
}

/* =========================================================================== */
/* start header */
/* =========================================================================== */

.main-stars-header {
  min-height: 500px;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: end;

  margin-bottom: 2rem;
  position: relative;
}
.main-stars-header::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #141414;
  opacity: 0.45;
  z-index: 1;
}
.main-stars-header-content {
  position: relative;
  z-index: 2;
}

.arabic-version .breadcrumb-item + .breadcrumb-item::before {
  padding-left: 0.5rem;
  float: right;
  /* transform: scale(-1); */
}

.main-stars-header h1 {
  color: #fff;
  margin-bottom: 5rem;
}
.main-stars-header .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}
.main-stars-header li a {
  font-size: 0.9375rem;
  text-decoration: underline;
  color: #fff;
}
.main-stars-header li.active {
  color: #fff;
}
.arabic-version .main-stars-header {
  background: url("../Assets/Headers/Awards.png");
  background-position: left;
  background-size: cover;
}

/* ======================================================================== */
/* inputs  */
/* ======================================================================== */

input[type="date"] {
  appearance: none; /* For Chrome, Safari, Edge */
  -webkit-appearance: none; /* For WebKit browsers */
  -moz-appearance: none; /* For Firefox */
  width: 100%;
}
.date-wrapper {
  position: relative;
}
.date-wrapper::after {
  /* position: absolute; */
  inset-inline-end: 1rem;
  top: 1px;
  /* background: url("../Assets/Icons svg/CalendarBlank.svg") no-repeat center; */
  width: 3rem;
  height: 95%;
  background-size: 1.75rem;
  border-radius: 10px;

  content: "";
}

.arabic-version input[type="date"] {
  text-indent: 50%;
}
.date-wrapper:hover::after {
  filter: brightness(1.5);
}

/* Remove native date picker icon in Chrome/Safari */
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}

/* Remove native date picker icon in Firefox */
input[type="date"]::-moz-calendar-picker-indicator {
  /* display: none; */
  background: #000;
}

/* Remove any extra styling for focus in Firefox */
input[type="date"]::-moz-focus-inner {
  border: 0;
}

/* Remove native date picker icon in Edge */
input[type="date"]::-ms-clear {
  display: none;
}

/*  */
/* fancybox custom */
/*  */
.fancybox__container {
  z-index: 9999999;
}
/* remove un used btns */
/* right toolbar */
.fancybox__button--zoom,
.fancybox__button--slideshow,
.fancybox__button--fullscreen,
.fancybox__button--thumbs {
  display: none;
}
/* left toolbar */
.fancybox__toolbar__items--left {
  display: none;
}
/* remove fancybox thum  */
.fancybox__thumbs {
  display: none;
}
/* change arrows / x color  */
.fancybox__button--close {
  background-color: var(--main-color);
  margin-inline-end: 1.5rem;
}
.fancybox__button--close i {
  color: #fff !important;
}

.carousel__button.is-prev {
  background-color: #fff;
  background-image: url(../Assets/Icons/Vector.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.carousel__button.is-next{
  background-color: #fff;
  background-image: url(../Assets/Icons/Vector-reverse.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.carousel__button.is-next svg,
.carousel__button.is-prev svg {
  display: none;
}
/* fancybox caption scroll  */
.fancybox__caption {
  height: 5rem;
  overflow-y: auto; /* Default to no scrollbar */
}

.fancybox__caption::-webkit-scrollbar {
  width: 10px;
  /* Width of the scrollbar */
}

.fancybox__caption::-webkit-scrollbar-track {
  background: #e2ebe2;
  /* Background color of the scrollbar track */
  border-radius: 10px;
  /* Rounding the track edges */
}

.fancybox__caption::-webkit-scrollbar-thumb {
  background-color: var(--main-color);
  /* Scrollbar thumb color */
  border-radius: 10px;
  /* Rounding the thumb */
  border: 3px solid #e2ebe2;
  /* Creates space around the thumb */
}

/* video fancybox  */

.fancybox__content > .carousel__button.is-close {
  background-color: var(--main-color);
  top: -3rem;
}



@media (max-width:767.8888px) {
  .fancybox__button--close {
    margin-top: 1rem;
  }
}
/* ================================================================ */
/* official-announcements-card */
/* ================================================================ */

.official-announcements-card {
  background: #03385011;
  border: 1px solid var(--main-color);
  height: 100%;
  border-radius: 10px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
}
.official-announcements-card-header {
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  gap: 1rem;
  position: relative;
  padding-bottom: 1rem;
  width: max-content;
}
.official-announcements-card h4 {
  color: var(--secondary-color);
}

.official-announcements-card-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: space-between;
  height: 100%;
}
.official-announcements-card-content p {
  margin-bottom: 0;
}
.official-announcements-card-content > div {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
}
.official-announcements-card-content h3 {
  min-height: 4rem;
  margin-bottom: 0;
}
.official-announcements-card-header::after {
  bottom: -0.25rem;
  background: var(--main-color);
  content: "";
  height: 5px;
  width: 100%;
  position: absolute;
}
.pagination-container .page-item .page-link {
  border-radius: 100%;
  aspect-ratio: 1;
  /* border: 1px solid var(--main-color); */
  border: none;
  width: 45px;
  justify-content: center;
  display: flex;
  align-items: center;
  outline: none;
  color: var(--secondary-color);
}

.pagination-container .page-item.active .page-link {
  background: transparent;
  color: var(--main-color);
  text-decoration: underline;
}

.arabic-version .pagination-container .page-item:last-of-type .page-link,
.arabic-version .pagination-container .page-item:nth-child(1) .page-link {
  transform: scale(-1);
}
/* .pagination-container .page-item:nth-child(1) .page-link {
  background: #f2f5f6;
  border-color: transparent;
} */
.pagination-container .page-item:last-of-type .page-link,
.pagination-container .page-item:nth-child(1) .page-link {
  background: var(--main-color);
  color: #fff;
}
@media (max-width: 575px) {
  .pagination-container {
    gap: 0.5rem;
  }
  .pagination-container .page-item .page-link {
    width: 2.8rem;
  }
}
/* ================================= */

/* Share Btn */
.share-btn {
  cursor: pointer;
  /* position: absolute; */
  z-index: 1;
  color: var(--main-color);
  text-decoration: none;
  font-size: 1rem;
  font-weight: 510;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 30px;
  padding-block: 1rem;
}
.arabic-version .share-btn {
  flex-direction: row-reverse;
  font-size: 0.85rem;
}
.share-btn:hover {
  color: var(--main-color);
}
.share-btn picture img {
  max-width: 1.5rem;
}
.share-overlay {
  opacity: 0;
  display: none;
  min-height: 30px;
  padding-block: 1rem;
  /* position: absolute; */
}
.share-overlay.active {
  opacity: 1;
  display: flex;
}
.share-overlay #close {
  display: flex;
  cursor: pointer;
}
.share-overlay i {
  font-size: 1.5rem;
  color: var(--main-color);
}
.share-button-section {
  min-width: 5rem;
}
.share-btn img {
  transform: scaleX(-1) translateY(-1px);
}
.arabic-version .share-btn img {
  transform: scaleX(1) translateY(0);
}

/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
.see-more-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}
.see-more-container a {
  color: #000;
  text-decoration: unset;
}
.see-more-container a:hover {
  text-decoration: underline;
}
.official-announcements-wrapper {
  border: none;
  padding-inline: 0;
  width: 60%;
  background-color: #f7f8fa;
  padding: 1rem;
  border-radius: 999px;
  align-items: center;
}

@media (max-width: 1200px) {
  .official-announcements-wrapper {
    width: 80%;
  }
}
@media (max-width: 991.888888px) {
  .official-announcements-wrapper {
    width: 100%;
    border-radius: 10px;
    padding: 1rem;
  }
}
@media (max-width: 767.888888px) {
  .official-announcements-wrapper {
    gap: 1rem;
  }
}

.official-announcements-wrapper select {
  min-height: 3rem;
  border: 1px solid #14141433;
  border-radius: 8px;
  color: #14141433;
  padding-inline-start: 1.5rem;
  background: url("../Assets/Icons/arrow-filled.png");
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: 97% center;
}
.arabic-version .official-announcements-wrapper select {
  background-position: 5% center;
}
.official-announcements-wrapper select:focus {
  box-shadow: none;
}
.official-announcements-wrapper select[value=""] {
  background: #000;
}

.official-announcements-wrapper input {
  padding-inline-start: 1.5rem;
  border: 1px solid #14141433;
  min-height: 2rem;
  color: #14141433;
  border-radius: 50px;
}

.official-announcements-wrapper input::placeholder {
  opacity: 0.8;
  color: #14141433;
}
.official-announcements-wrapper input:focus {
  box-shadow: none;
}
.official-announcements-wrapper button {
  outline: none;
  border: none;
  height: 100%;
  background: var(--main-color);
  padding-inline: 1.5rem;
  box-shadow: 0px 0px 40px 0px #b6b6b626;
  border-radius: 8px;
  color: #fff;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  min-height: 3rem;
  width: 100%;
  border: 1px solid transparent;
  transition: all 0.3s ease-out;
}

.arabic-version .official-announcements-wrapper button {
  flex-direction: row-reverse;
}
.official-announcements-wrapper button:hover {
  border: 1px solid var(--main-color);
  transition: all 0.3s ease-out;
  background: transparent;
  color: var(--main-color);
}
.official-announcements-wrapper button svg {
  transition: all 0.3s ease-out;
}
.official-announcements-wrapper button:hover svg {
  transition: all 0.3s ease-out;
  fill: var(--main-color);
}

.pagination-share-container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 576.88888888px) {
  .pagination-share-container {
    flex-direction: column-reverse;
  }
}

/* ================================================== */

.ministers-individual-single-card {
  border-radius: 20px;
  display: flex;
  overflow: hidden;
  background: #fff;

  flex-direction: column;
}
.ministers-individual-single-card img {
  width: 100%;
  object-fit: contain;
  overflow: hidden;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.ministers-individual-single-card-content {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.ministers-individual-single-card-content a {
  align-self: end !important;
}
.ministers-individual-single-card-content a span {
  font-weight: 500;
}
.ministers-individual-slider .slick-track {
  display: flex;
  gap: 1rem;
}

.arabic-version
  .ministers-individual-single-card-content
  .hover-growing-links
  i {
  transform: scale(-1) !important;
}
.arabic-version
  .ministers-individual-single-card-content
  .hover-growing-links:hover
  i {
  transform: scale(-1) translateX(-5px) !important;
}

.arabic-version .hover-growing-links i {
  transform: scale(-1);
}
.arabic-version .hover-growing-links:hover i {
  transform: scale(-1) translateX(-5px);
}

.ministers-individual-arrows {
  display: flex;
  justify-content: end;
  gap: 0.75rem;
  padding-top: 1rem;
  padding-inline: 1rem;
}
.arabic-version .ministers-individual-arrows {
  flex-direction: row-reverse;
}
.arabic-version .hover-growing-links:nth-child(1)::after {
  inset-inline-start: 100%;
}
.arabic-version .hover-growing-links:nth-child(1):hover::after {
  inset-inline-start: 0;
}
/* .arabic-version .hover-growing-links:nth-child(2)::after {
  inset-inline-start: -100%;
} */
.arabic-version .hover-growing-links:nth-child(2):hover::after {
  inset-inline-start: 0;
}
.ministers-individual-arrows .hover-growing-links {
  max-width: max-content;
  padding: 0 !important;
  cursor: pointer;
}
.ministers-individual-arrows .hover-growing-links:hover i {
  transform: translateX(0) !important;
}
@media (max-width: 400px) {
  .ministers-individual-slider .slick-track {
    gap: 0;
  }
  .ministers-individual-arrows {
    padding-inline: 0;
  }
}

/* Accordion */
.accordion {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 991.888888888px) {
  .accordion {
    grid-template-columns: 1fr;
  }
}

/* =========> Accordion single item Start*/
/* =========> Accordion single item Border Start*/
.custom-accordion .accordion-button {
  border: none;
  padding-block: 0;
  padding-inline-start: 1.25rem;
  padding-inline-end: 5px;
  min-height: 55px;
  display: flex;
  gap: 1rem;
  color: var(--main-color);
  font-weight: 600;
}
/* .custom-accordion {
  display: flex;
  flex-direction: column;
  gap: 1rem;
} */
.custom-accordion .accordion-item .accordion-button:last-of-type,
.custom-accordion .accordion-item .accordion-button {
  border-radius: 55px;
  font-size: 0.9rem;
  text-align: start;
}
.custom-accordion .accordion-item:last-of-type,
.custom-accordion .accordion-item:first-child,
.custom-accordion .accordion-item {
  border: none;
  border-radius: 28px;
}
.custom-accordion .accordion-button:focus {
  box-shadow: none;
}
.custom-accordion .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: #fff;
  background-color: var(--main-color);
  transition: all 0.3s ease-out;
}
/* =========> Accordion single item Border End*/
.custom-accordion .accordion-button::after,
.custom-accordion .accordion-button:not(.collapsed)::after {
  display: none;
}
/* accordion button plus img start */
.custom-accordion .accordion-btn {
  height: 45px;
  aspect-ratio: 1;
  margin-inline-start: auto;
  position: relative;
  transition: all 0.3s ease-out;

  border-radius: 100%;
  background: var(--main-color);
}
.custom-accordion .accordion-btn .fa-plus {
  color: #fff;
  position: absolute;
  font-size: 22px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.custom-accordion .accordion-btn .fa-minus {
  display: none;
}
.custom-accordion .accordion-button:not(.collapsed) .fa-minus {
  color: var(--main-color);
  position: absolute;
  font-size: 22px;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  display: block;
}

.custom-accordion .accordion-button:not(.collapsed) .accordion-btn::after {
  background: var(--main-color);
}
.custom-accordion .accordion-btn picture {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: var(--main-color);
}
.custom-accordion .accordion-btn img {
  width: 16px;
  object-fit: contain;
  height: 16px;
  transform: rotate(45deg);
  transition: all 0.3s ease-out;
}
.custom-accordion .accordion-button:not(.collapsed) .accordion-btn {
  background: #fff;
  transition: all 0.3s ease-out;
}
.custom-accordion .accordion-button:not(.collapsed) .accordion-btn img {
  transition: all 0.3s ease-out;
  transform: rotate(360deg);
}
.custom-accordion .accordion-button:not(.collapsed) picture {
  transition: all 0.3s ease-out;

  background: #fff;
}
/* accordion button plus img end */

.custom-accordion .accordion-item .accordion-body p {
  color: var(--main-color);
}
/* ===============> Accordion single item END */

.Faqs-acc-splited-div {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/* Ticket 21 */
.hover-growing-links[data-hover-pos="start"] {
  padding-inline-start: 1rem;
  margin: 0.5rem;
}
.see-more-container a {
  font-size: 0.9rem;
}
.arabic-version .see-more-container a {
  font-size: 0.85rem;
}
/* Ticket 47 */
.pagination-share-container {
  margin-bottom: 2rem !important;
}
.pagination-share-container .pagination {
  gap: 0.5rem !important;
}
/* Ticket 42 */
.hover-growing-links[data-hover-pos="start"] {
  padding-inline-start: 0rem;
  margin-inline-start: 0;
}
.hover-growing-links[data-hover-pos="start"]:hover > span:first-child {
  padding-inline-start: 1rem;
}

/*  */
@media (max-width: 767.88888px) {
  .close {
    margin-inline: 20px;
  }
}




/* Dash-new */
/* side nav  */
.sidenav-logo-pic {
  width: 100%;
  margin-bottom: 1rem;
  margin-inline: 1rem;
}
.sidenav-logo-pic img {
  width: 100%;
}
.nav-pills .nav-link {
  width: calc(100% - .5rem);
  padding: 0.8rem;
  border-radius: 50px;
  margin-inline: 0rem;
  padding-inline-end: 0rem;
}
.nav-pills .nav-link.active {
  background-color: var(--main-color);
}
.nav-pills .nav-link.active svg {
  fill: #fff;
}
.nav-pills .nav-link.active span {
  color: #fff;
}
.nav-pills .nav-link:hover {
  transition: all 0.3s ease-out;
  background-color: var(--main-color);
}
.nav-pills .nav-link:hover span {
  transition: all 0.3s ease-out;
  color: #ffffff;
}
.nav-pills .nav-link:hover svg {
  transition: all 0.3s ease-out;
  fill: #ffffff;
}
.nav-pills .nav-link span {
  color: black;
  transition: all 0.3s ease-out;

}
.nav-pills .nav-link svg {
  transition: all 0.3s ease-out;
  fill: black;
}
@media (max-width: 767.999999999px) {
 .side-bar{
  flex: 1.5;
 }
 .page-content{
  flex: 3;
 }
}

.language-nav-link {
  margin-top: 8rem;
  border-top: 1px solid rgba(0, 0, 0, 0.349);
  height: fit-content;
  padding-top: 0.2rem;
}
.logout-nav-link{
  border-top: 1px solid rgba(0, 0, 0, 0.349);
  border-bottom: 1px solid rgba(0, 0, 0, 0.349);
  padding-block: 0.2rem;
}

.language-nav-link a:hover span {
  color: #ffffff !important;
}
.language-nav-link a:hover svg {
  fill: #ffffff !important;
}
.language-nav-link a span {
  color: var(--main-color) !important;
}
.language-nav-link a svg {
  fill: var(--main-color) !important;
}
.nav-pills .language-nav-link a:hover{
  background-color: var(--main-color);
}


.logout-nav-link button:hover span {
  color: #ffffff !important;
}
.logout-nav-link button:hover svg {
  fill: #ffffff !important;
}
.logout-nav-link button span {
  color: #DB1D11 !important;
}
.logout-nav-link button svg {
  fill: #DB1D11 !important;
}
.nav-pills .logout-nav-link button:hover{
  background-color: #DB1D11;
  color: #fff !important;
}
.header-container {
  background-color: #ffffff;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: 0;
}

.header-container input{
  padding-inline-start: 1.5rem;
  border: 1px solid #14141433;
  min-height: 2.2rem;
  color: #14141489;
  border-radius: 50px;
  font-size: 0.85rem;
}
.header-container input:focus-visible {
  outline: none;
 
}
.header-container input::placeholder {
  opacity: 1;
  color: #14141489;
}
.arabic-version .header-container input::placeholder {
  font-size: 0.85rem;
}
.header-container input:focus {
  box-shadow: none;
}
.nav-pills li{
  width: 100%;

}
.page-content{
  background-color: #F2F4F7;
  padding-inline: 0;
}