/* Hero Section */
.home-hero-section {
  padding: 16rem 0;
}

@media (max-width: 991.98px) {
  .home-hero-section {
    padding: 10rem 0;
  }
}

@media (max-width: 575.98px) {
  .home-hero-section {
    padding: 6rem 0;
  }
}

/* About Section */
.about-section {
  background-size: 80px 140px;
  background-position:
    0 0,
    0 0,
    40px 70px,
    40px 70px;
}

.about-section .about-card {
  transition: all 0.3s ease-in-out;
}

.about-section .about-card:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.about-section .about-card .card-icon-container {
  width: 3.5rem;
  height: 3.5rem;
}

.about-section .about-card .card-icon-container img {
  width: 1.75rem;
  height: 1.75rem;
}

.investments-section .investment-card {
  transition: all 0.3s ease-in-out;
}

.investments-section .investment-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.investments-section .investment-card .investment-title {
  transition: all 0.3s ease-in-out;
}

.investments-section .investment-card:hover .investment-title {
  color: var(--primary-color) !important;
}

.investments-section .investment-card picture img {
  transition: all 0.3s ease-in-out;
}

.investments-section .investment-card:hover picture img {
  transform: scale(1.05);
}

/* Unique Project Section */
.unique-project-section .cms-content ul {
  list-style: disc;
  margin-bottom: 2rem;
}

.unique-project-section .cms-content ul li::marker {
  font-size: 1.1rem;
  color: var(--orange-color);
}

.unique-project-section .cms-content ul li {
  margin-bottom: 0.5rem;
}

.unique-project-section .cms-content ul li:last-child {
  margin-bottom: 0;
}

/* Why Jordan Section */
.why-jordan-section .why-jordan-card {
  backdrop-filter: blur(4px);
}

.why-jordan-section .why-jordan-card .card-icon-container img {
  width: 1.75rem;
  height: 1.75rem;
  filter: brightness(0) saturate(100%) invert(99%) sepia(6%) saturate(1%)
    hue-rotate(90deg) brightness(107%) contrast(100%);
}

/* News Section */
.news-section .news-card {
  transition: all 0.3s ease-in-out;
}

.news-section .news-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.news-section .news-card .news-title {
  transition: all 0.3s ease-in-out;
}

.news-section .news-card:hover .news-title {
  color: var(--primary-color) !important;
}

.news-section .news-card picture img {
  transition: all 0.3s ease-in-out;
}

.news-section .news-card:hover picture img {
  transform: scale(1.05);
}

.news-section .news-card .news-date-container picture img {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
}

/* Announcements & Reports Section */
.announcements-reports-section
  .announcements-reports-card
  .card-icon-container
  img {
  width: 1.5rem;
  height: 1.5rem;
}

.announcements-reports-section .announcements-reports-card.announcements-card {
  border-inline-start: 4px solid var(--orange-color);
}

.announcements-reports-section .announcements-reports-card.reports-card {
  border-inline-start: 4px solid var(--primary-color);
}

.announcements-reports-section
  .announcements-reports-card.announcements-card
  .card-icon-container
  img {
  filter: brightness(0) saturate(100%) invert(74%) sepia(86%) saturate(1550%)
    hue-rotate(340deg) brightness(94%) contrast(100%);
}

.announcements-reports-section
  .announcements-reports-card.reports-card
  .card-icon-container
  img {
  filter: brightness(0) saturate(100%) invert(29%) sepia(47%) saturate(1804%)
    hue-rotate(186deg) brightness(106%) contrast(92%);
}

.announcements-reports-section
  .announcements-reports-card.announcements-card
  .cms-content
  ul {
  list-style: disc;
  margin-bottom: 1.5rem;
}

.announcements-reports-section
  .announcements-reports-card.announcements-card
  .cms-content
  ul
  li::marker {
  color: var(--orange-color);
}

.announcements-reports-section .announcements-reports-card .cms-content ul a {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--gray-color);
}

.announcements-reports-section
  .announcements-reports-card
  .cms-content
  ul
  a:last-child {
  margin-bottom: 0;
}

.announcements-reports-section .announcements-reports-card .cms-content ul a p {
  font-size: unset;
  font-weight: unset;
}

.announcements-reports-section
  .announcements-reports-card
  .cms-content
  ul
  li
  div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.announcements-reports-section
  .announcements-reports-card
  .cms-content
  ul
  a
  li:hover {
  color: var(--primary-color);
}

.announcements-reports-section
  .announcements-reports-card.announcements-card
  .cms-content
  ul
  li
  picture
  img {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.arabic-version .announcements-reports-section .cms-content ul li picture img {
  transform: rotateY(180deg);
}

.announcements-reports-section
  .announcements-reports-card.announcements-card
  .cms-content
  ul
  li:hover
  picture
  img {
  opacity: 1;
}

.announcements-reports-section
  .announcements-reports-card.reports-card
  .cms-content
  blockquote
  ul {
  padding-inline-start: 2rem;
  margin-bottom: 1.5rem;
}

.announcements-reports-section
  .announcements-reports-card.reports-card
  .cms-content
  blockquote
  ul
  li {
  position: relative;
  list-style: none;
}

.announcements-reports-section
  .announcements-reports-card.reports-card
  .cms-content
  blockquote
  ul
  li::before {
  content: "";
  position: absolute;
  top: 2.5px;
  left: -2rem;
  /* transform: translate(-50%, -50%); */
  background-image: url("../assets/icons/download.svg");
  background-size: cover;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(47%) sepia(3%) saturate(2729%)
    hue-rotate(169deg) brightness(89%) contrast(71%);
  width: 1rem;
  height: 1rem;
}

.arabic-version
  .announcements-reports-section
  .announcements-reports-card.reports-card
  .cms-content
  blockquote
  ul
  li::before {
  left: auto;
  right: -2rem;
}

.announcements-reports-section
  .announcements-reports-card.reports-card
  .cms-content
  blockquote
  ul
  li:hover::before {
  filter: brightness(0) saturate(100%) invert(29%) sepia(47%) saturate(1804%)
    hue-rotate(186deg) brightness(106%) contrast(92%);
}

/* Contact Us Section */
.contact-us-section .contact-us-card .card-icon-container {
  width: 3.5rem;
  height: 3.5rem;
}

.contact-us-section .contact-us-card .card-icon-container img {
  width: 1.5rem;
  height: 1.5rem;
}