.topbar-link .active {
  border-bottom: 1px solid #d3bb94;
}

.error-msg {
  font-size: small;
  color: red;
  display: none;
}

.error .error-msg {
  display: block;
}

.filter .input-container .custom-select .selected-value {
  text-transform: unset !important;
}

.ltr .ameeri {
  font-family: 'Amiri' !important;
}

.rtl .ameeri {
  font-family: 'Amiri' !important;
}

.amiri-regular,
body,
body p {
  /* font-family: "29LT Zeyn",sans-serif !important; */
  font-family: 'Times New Roman', Times, serif;
  color: hsl(0 0% 30% / 1);
}

/* .ltr .lang-link
{
  font-family: "29LT Zeyn",sans-serif !important;
} */

@media (max-width: 640px) {
  #loading-indicator_projects img {
    width: 25vw !important;
  }

  #loading-indicator img {
    width: 35vw !important;
  }

  .static-sub-projects .desc p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* body {
  font-family: "29LT Zeyn",sans-serif !important;

} */

.about-item p,
.visit-about p,
.sub-project .desc p {
  color: #fff;
}

.desc p {
  margin-bottom: 0.85em;
}

.customoverlay-top {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 76.5%) !important;
  opacity: 0.7;
}

.customoverlay-bottom {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%) !important;
  height: 50%;
  opacity: 0.7;
}

.sub-header-visit .before-bottom {
  background: linear-gradient(180deg, rgba(28, 28, 26, 0) 60%, #1c1c1a 80%);
  z-index: 8;
}
.customoverlay-top {
  /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.59) 0%, rgba(0, 0, 0, 0.16) 51.5%, rgba(0, 0, 0, 0) 100%); */
  opacity: 0.7;
}

.value-item h3 {
  font-size: 20px;
  font-weight: 500;
  font-family: '29LT Zeyn', sans-serif !important;
  line-height: 1.4;
}

.value-item .desc p,
.features .item .desc p {
  font-size: 18px;
  font-family: 'Times New Roman', Times, serif;
  line-height: 1.4;
}

.features .item h3 {
  font-size: 20px;
  font-weight: 600;
  font-family: 'Times New Roman', Times, serif;
}
/* .obj-grid {
  padding-right: 4.16667vw;
}

[dir='rtl'] .obj-grid {
  padding-right: 0;
  padding-left: 4.16667vw;
} */

.obj-grid .grid-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr); /* 12-column grid */
  gap: 20px; /* Adjust the gap between grid items */
}

.obj-grid .grid-item {
  background-color: #e1ddd2;
  border-radius: 8px; /* Optional: add border-radius for a softer look */
  overflow: hidden;
}

.obj-grid .objective-item {
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Default: full width on small screens */
.obj-grid .grid-item {
  grid-column: span 12;
}

/* Desktop-specific logic for adjusting grid column spans */
@media (min-width: 1024px) {
  /* When there are 2 items, each takes up 6 columns (half the row) */
  .obj-grid .grid-item:nth-last-child(2):nth-child(1n),
  .obj-grid .grid-item:nth-last-child(2) ~ .grid-item {
    grid-column: span 6;
  }

  /* When there are 3 items, each takes up 4 columns (one-third of the row) */
  .obj-grid .grid-item:nth-last-child(3):nth-child(1n),
  .obj-grid .grid-item:nth-last-child(3) ~ .grid-item {
    grid-column: span 3;
  }

  /* When there are 4 items, each takes up 3 columns (one-fourth of the row) */
  .obj-grid .grid-item:nth-last-child(4):nth-child(1n),
  .obj-grid .grid-item:nth-last-child(4) ~ .grid-item {
    grid-column: span 3;
  }
}
ol {
  list-style: unset !important;
  list-style-type: decimal !important;
  list-style-position: inside !important;
}
ol li p {
  display: inline;
}
[dir='rtl'] .description.font-size-25.block.font-normal.mt-4.w-full.overflow-hidden p {
  margin-bottom: 30px;
}

.privacy-contact p,
.read-btn {
  font-size: 24px;
  line-height: 36px;
}
@media only screen and (max-width: 600px) {
  .privacy-contact p,
  .read-btn {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 700px) and (max-width: 1022px) {
  .privacy-contact p,
  .read-btn {
    font-size: 20px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1023px) {
  .privacy-contact p,
  .read-btn {
    font-size: 1.25vw;
    line-height: 1.875vw;
  }
  .privacy-contact p.line-height-as-font,
  .line-height-as-font.read-btn {
    line-height: 1.25vw;
  }
}
.main-Mandate .before {
  background: linear-gradient(
    180deg,
    #1c1c1a 24.5%,
    rgba(28, 28, 26, 0.95) 52%,
    rgba(28, 28, 26, 0.9) 75%,
    rgba(28, 28, 26, 0.8) 100%
  );
}
