/*!
* Style Sheet for ""
* version: 1
* last modified:2023 By Applab
* author: Applab
* website: www.applab.qa
*/
/*b5 start -------------------------------------------------------------------------------------------------------------------*/
/*b5 end ---------------------------------------------------------------------------------------------------------------------*/
.about-page {
  overflow-x: hidden;
}
.about-page .about-warif-academy {
  overflow: hidden;
}
.about-page .about-warif-academy .about-image {
  position: relative;
  gap: 20px;
}
@media (max-width: 575.98px) {
  .about-page .about-warif-academy .about-image {
    gap: 10px;
  }
}
.about-page .about-warif-academy .about-image .img-block {
  width: 50%;
  border-radius: 32px;
  overflow: hidden;
  position: relative;
}
.about-page .about-warif-academy .about-image .img-block:nth-child(1) img {
  margin-top: 50px;
}
[dir=rtl] .about-page .about-warif-academy .about-image .img-block:nth-child(1) img {
  margin-top: 0;
}
[dir=rtl] .about-page .about-warif-academy .about-image .img-block:nth-child(1) img {
  margin-top: 50px;
}
[dir=rtl] [dir=rtl] .about-page .about-warif-academy .about-image .img-block:nth-child(1) img {
  margin-top: 50px;
}
.about-page .about-warif-academy .about-image .img-block img {
  border-radius: 32px;
}
.about-page .we-aim .we-aim-inner {
  padding: 100px 0 75px 0;
  position: relative;
}
@media (max-width: 575.98px) {
  .about-page .we-aim .we-aim-inner {
    padding: 50px 0 50px 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-page .we-aim .we-aim-inner {
    padding: 75px 0 50px 0;
  }
}
.about-page .we-aim .we-aim-inner .subtitle {
  font-size: 26px;
}
[dir=rtl] .about-page .we-aim .we-aim-inner .subtitle {
  font-size: 22px;
}
@media (max-width: 575.98px) {
  [dir=rtl] .about-page .we-aim .we-aim-inner .subtitle {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .about-page .we-aim .we-aim-inner .subtitle {
    font-size: 22px;
  }
}
.about-page .we-aim .we-aim-inner::before {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  transform: translateY(-40%);
  width: 329px;
  height: 127px;
  background-image: url("../../assets/images/upcoming-event-icon.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
@media (min-width: 1400px) {
  .about-page .we-aim .we-aim-inner::before {
    content: "";
  }
}
.about-page .we-aim .we-aim-inner .content-block .icon-block {
  width: 60px;
  height: 60px;
  background-color: rgba(235, 188, 183, 0.2);
  border-radius: 6px;
}
.about-page .we-aim .we-aim-inner .content-block .details h4 {
  margin: 20px 0;
  font-size: 26px;
}
.about-page .we-aim .we-aim-inner .content-block .details p {
  font-weight: 400;
}
.about-page .our-values .our-value-swiper {
  padding-bottom: 100px;
}
.about-page .our-values .our-value-swiper .swiper-slide .icon-content-style1 {
  max-width: 100%;
}
.about-page .our-values .our-value-swiper .swiper-pagination {
  top: auto;
  inset-block-end: 35px;
  height: 6px;
  border-radius: 10px;
  z-index: 1;
  width: calc(100% - 148px);
  inset-inline-start: 0;
}
.about-page .our-values .our-value-swiper .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: #475E5D;
  border-radius: 10px;
}
.about-page .our-values .our-value-swiper .swiper-button-next,
.about-page .our-values .our-value-swiper .swiper-button-prev {
  inset-block-end: 15px !important;
  inset-block-start: auto;
  inset-block-end: auto;
  inset-inline-start: auto;
  inset-inline-end: auto;
  margin: 0;
  transform: none;
  background: #fff;
  background-color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  border: 1px solid #475E5D;
  z-index: 2;
}
@media (max-width: 575.98px) {
  .about-page .our-values .our-value-swiper .swiper-button-next,
  .about-page .our-values .our-value-swiper .swiper-button-prev {
    width: 40px;
    height: 40px;
  }
}
.about-page .our-values .our-value-swiper .swiper-button-next::after,
.about-page .our-values .our-value-swiper .swiper-button-prev::after {
  display: none;
}
.about-page .our-values .our-value-swiper .swiper-button-next::before,
.about-page .our-values .our-value-swiper .swiper-button-prev::before {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  -webkit-mask-image: url("../../assets/images/arrow-theme.svg");
          mask-image: url("../../assets/images/arrow-theme.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  content: "";
  width: 30%;
  height: 30%;
  background-color: #475E5D;
}
[dir=rtl] .about-page .our-values .our-value-swiper .swiper-button-next::before,
[dir=rtl] .about-page .our-values .our-value-swiper .swiper-button-prev::before {
  transform: translate(50%, -50%);
}
.about-page .our-values .our-value-swiper .swiper-button-next {
  inset-inline-end: 0 !important;
}
[dir=rtl] .about-page .our-values .our-value-swiper .swiper-button-next {
  transform: scale(-1);
}
.about-page .our-values .our-value-swiper .swiper-button-prev {
  inset-inline-end: 58px !important;
  transform: scale(-1);
}
[dir=rtl] .about-page .our-values .our-value-swiper .swiper-button-prev {
  transform: scale(1);
}
@media (max-width: 575.98px) {
  .about-page .our-values .our-value-swiper .swiper-button-prev {
    inset-inline-end: 50px !important;
  }
}
.about-page .more-info {
  padding: 100px 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .about-page .more-info {
    padding: 75px 0;
  }
}
@media (max-width: 575.98px) {
  .about-page .more-info {
    padding: 50px 0;
  }
}
.about-page .executive-director-message .name {
  color: #CD5648;
  font-size: 36px;
}
[dir=rtl] .about-page .executive-director-message .name {
  font-size: 32px;
}
@media (max-width: 575.98px) {
  [dir=rtl] .about-page .executive-director-message .name {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .about-page .executive-director-message .name {
    font-size: 28px;
  }
}
.about-page .executive-director-message .designation {
  font-size: 26px;
  color: #1D2625;
}
@media (max-width: 575.98px) {
  .about-page .executive-director-message .designation {
    font-size: 22px;
  }
}
.about-page .executive-director-message .quote-block {
  background-color: #E5F0E9;
  border-radius: 24px;
  padding: 41px 72px;
  background-image: url("../../assets/images/quote-left.svg"), url("../../assets/images/quote-right.svg");
  background-position: 10% 25%, 90% 75%;
  background-repeat: no-repeat, no-repeat;
}
@media (max-width: 575.98px) {
  .about-page .executive-director-message .quote-block {
    padding: 50px;
    background-size: 50px;
    background-position: 15px 20%, calc(100% - 15px) 80%;
  }
}
.about-page .executive-director-message .quote-block .inner-content {
  max-width: 630px;
}
.about-page .executive-director-message .quote-block h5 {
  font-size: 26px;
}
[dir=rtl] .about-page .executive-director-message .quote-block h5 {
  font-size: 24px;
}