.leadership-img {
  width: 49.5%;
  border-radius: 15px;
  overflow: hidden;
}

.about-us-content-wrapper-02 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

.leadership-txt {
  width: 41%;
}

.leadership-txt p {
  font-size: 20px;
  color: #363636;
}

.chairman-name p {
  font-size: 22px;
  color: #454545;
  font-weight: 600;
}

.chairman-name p span {
  font-size: 16px;
  color: #363636;
  font-weight: 400;
  display: block;
}

.bg_blue {
  background-color: #002C5F;
}

.h2 {
  font-size: 55px;
  color: #002C5F;
  font-weight: 700;
}

.bg_blue .h2 {
  color: #A3DBE8;
}

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

.board-of-directors-list {
  margin: 0 -15px;
  padding: 0;
  list-style: none;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.board-of-directors-list li {
  width: 25%;
  padding: 0 15px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.about-us-content-wrapper-03 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.board-of-directors-item-img {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}

.board-of-directors-item-img:hover img {
  transform: scale(1.1);
}

.board-of-directors-item-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45%;
  background: linear-gradient(0deg,
      rgba(255, 255, 255, 0.91) 0%,
      rgba(255, 255, 255, 0) 100%);
}

.leadership-list .board-of-directors-item-img::after {
  background: linear-gradient(0deg,
      rgba(0, 44, 95, 1) 0%,
      rgba(0, 91, 197, 0) 100%);
}


.leadership-list .board-of-directors-item-txt h3,
.leadership-list .board-of-directors-item-txt p {
  color: #ffffff;
}

.board-of-directors-item-txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  z-index: 100;
}

/* Philosophy list text positioning */
.philosophy-list .board-of-directors-item-txt {
  z-index: 101;
}

.board-of-directors-item {
  position: relative;
}

.board-of-directors-item-txt p {
  margin: 0;
  color: #002C5F;
  font-size: 17px;
}

.board-of-directors-item-txt h3 {
  margin: 0;
  color: #002C5F;
  font-size: 22px;
  font-weight: 600;
}

.our-people-text-block-01 {
  width: 50%;
}

.our-people-text-block-02 {
  width: 43%;
}

.about-us-content-wrapper-04 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.full-img-block {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 20px;
}

.philosophy-list li {
  width: 32%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.philosophy-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5%;
}

.philosophy-list h3 {
  color: #A3DBE8 !important;
  font-weight: 500;
}


.partners-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5%;
  width: 100%;
}

.partners-list li {
  width: 23%;
  margin-top: 10px;
  margin-bottom: 10px;
}


.partners-list li .partnerlogo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.partnerlogo {
  border-radius: 10px;
  border: 1px solid #E0E0E0;
  overflow: hidden;
}


.investments-detail-coo-quote .company-coo-quote-overlay {
  background: linear-gradient(to left,
      rgba(235, 233, 69, 0.8),
      rgba(235, 233, 69, 0.8)),
    linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.hover-txt-block {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background: linear-gradient(180deg,
      rgba(0, 44, 95, 0.9) 0%,
      rgba(0, 44, 95, 1) 100%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

/* Philosophy list specific hover block */
.philosophy-list .hover-txt-block {
  z-index: 100;
  border-radius: 15px;
}

/* Philosophy list hover effects */
.philosophy-list .board-of-directors-item {
  transition: all 0.4s ease;
  overflow: hidden;
}

.philosophy-list .board-of-directors-item-txt p {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s;
  max-height: 0;
  overflow: hidden;
}

.philosophy-list .board-of-directors-item:hover .hover-txt-block {
  opacity: 1;
  visibility: visible;
}

.philosophy-list .board-of-directors-item:hover .board-of-directors-item-txt p {
  opacity: 1;
  transform: translateY(0);
  max-height: 500px;
  margin-top: 10px;
  color: #ffffff;
}


.title_blue {
  color: var(--blue_color);
}

.news-title-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news-slider-section-main {
  width: 100%;
  margin-top: 50px;
}

.news-slider-section-main {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}


.news-slider-section-01 {
  width: 60%;
}

.news-slider-section-02 {
  width: 40%;
}





























/* ------------responcive-------------- */


@media only screen and (max-width: 1024px) {

  .page-tabs-link {
    font-size: 14px;
    white-space: nowrap;
    padding: 0 15px;
  }

  .page-tabs-item {
    height: 40px;
    flex-shrink: 0;
  }

  .page-tabs-nav {
    padding-top: 5px;
  }

  .page-tabs-list {
    gap: 10px;
  }

  .h2 {
    font-size: 46px;
  }
}





@media only screen and (max-width: 820px) {


  .board-of-directors-list li {
    width: 50%;
  }

  .page-tabs-list {
    overflow: scroll;
  }

  .our-people-text-block-01 {
    width: 100%;
  }

  .our-people-text-block-02 {
    width: 100%;
  }

  .news-slider-content-wrapper {
    flex-wrap: wrap;
  }

  .news-slider-left-section {
    max-width: 100% !important;
    max-width: unset !important;
  }

}


@media only screen and (max-width: 700px) {



  .leadership-img {
    width: 100%;
    margin-bottom: 20px;
  }

  .leadership-txt {
    width: 100%;
  }

  .about-us-heading br {
    display: none;
  }

  .chairman-name p {
    font-size: 16px;
  }

  .h2 {
    font-size: 30px;
  }


  .board-of-directors-list li {
    width: 100%;
  }

  .board-of-directors-list {
    margin: 0;
  }

  .board-of-directors-item-txt h3 {
    font-size: 17px;
  }

  .board-of-directors-item-txt p {
    font-size: 14px;
  }

  .leadership-txt p {
    font-size: 15px;
  }

  .page-tabs-link {
    font-size: 13px;
  }

  .philosophy-list li {
    width: 100%;
  }

  .partners-list li {
    width: 48%;
  }

  .company-intro-section h2,
  .main_title {
    font-size: 25px;
  }
}


.company-highlights-grid.tasheel-col-03 {
  grid-template-columns: repeat(3, 1fr);
}