@charset "UTF-8";
body {
  font-family: "IBM Plex Sans Arabic", sans-serif;
  font-weight: 400;
  color: #0b2546;
}
html[dir=ltr] body, html[lang^=en] body {
  text-transform: capitalize;
}

html {
  scrollbar-width: thin;
  scrollbar-color: #d19b3e #f1f1f1;
  scroll-behavior: unset !important;
}

body::-webkit-scrollbar {
  background-color: #f1f1f1;
  width: 4px;
  border-radius: 3px;
}
body::-webkit-scrollbar-thumb {
  background-color: #d19b3e;
  border-radius: 3px;
}

.overflow {
  overflow: hidden;
}

/* General Resets */
* {
  outline: 0 !important;
}

input::-moz-placeholder {
  color: inherit;
}

input::placeholder {
  color: inherit;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  color: inherit;
}

button {
  border: none;
  background: none;
  outline: 0;
}

a,
img,
button,
input,
select {
  transition: all 0.3s ease;
}

[role=button] {
  cursor: pointer;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

input {
  -moz-appearance: textfield;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration {
  display: none;
}
input::-webkit-inner-spin-button, input::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

select {
  background-image: url('data:image/svg+xml,<svg width="18" height="9" viewBox="0 0 18 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9201 0.949951L10.4001 7.46995C9.63008 8.23995 8.37008 8.23995 7.60008 7.46995L1.08008 0.949951" stroke="%230A5EB0" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: 18px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-position: left 25px top 50%;
}
html[dir=ltr] select, html[lang^=en] select {
  background-position: right 25px top 50%;
}
@media (max-width: 767px) {
  select {
    background-position: left 10px top 50%;
  }
  html[dir=ltr] select, html[lang^=en] select {
    background-position: right 10px top 50%;
  }
}

.fa-linkedin::before {
  content: "\f0e1";
}

.fa-twitter::before {
  content: "\e61b";
}

.fa-facebook::before {
  content: "\f39e";
}

.container {
  --bs-gutter-x: 40px;
}
@media (min-width: 1330px) {
  .container {
    max-width: 1224px;
  }
}
@media (max-width: 1229px) {
  .container {
    --bs-gutter-x: 32px;
  }
}

.container-fluid {
  --bs-gutter-x: 64px;
}
@media (max-width: 1229px) {
  .container-fluid {
    --bs-gutter-x: 32px;
  }
}

.row {
  --bs-gutter-x: 40px;
}
.row > * {
  --bs-gutter-x: 40px;
}

.img-contain {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.img-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.default-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #1882df;
  border-radius: 8px;
  height: 56px;
  padding: 0 48px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  stroke: #fff;
  transition: all 0.3s ease-in-out;
}
.default-btn:focus {
  color: #fff;
}
.default-btn:hover {
  background-color: #e1eefd;
  color: #0b2546;
}

.section-btn {
  margin: 80px auto 0;
}
@media (max-width: 991px) {
  .section-btn {
    margin-top: 40px;
  }
}

.section-head {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 40px;
}
.section-head.center {
  text-align: center;
  align-items: center;
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .section-head {
    text-align: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 40px;
  }
  .section-head.center {
    margin-bottom: 40px;
  }
}

.section-subtitle {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
  font-size: 20px;
  font-weight: 700;
  color: #d19b3e;
  line-height: 1.5;
  margin: 0 0;
}
.section-subtitle::before {
  content: "";
  background-color: #d19b3e;
  width: 50px;
  height: 2px;
}
@media (max-width: 767px) {
  .section-subtitle {
    font-size: 16px;
  }
  .section-subtitle::before {
    width: 25px;
  }
}

.section-title {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 700;
  color: #0b2546;
  margin: 0 0;
}
@media (max-width: 767px) {
  .section-title {
    font-size: 20px;
  }
}

.slider-tools {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 32px;
  margin-top: 40px;
}
@media (max-width: 991px) {
  .slider-tools {
    gap: 16px;
  }
}

.swiper-pagination.swiper-pagination-progressbar {
  position: relative;
  inset: unset;
  width: 100%;
  transform: none;
  margin: 0;
  height: 3px;
  background-color: rgba(0, 7, 12, 0.1098039216);
}
.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #1882df;
  left: unset;
  inset-inline-start: 0;
}
html[dir=rtl] .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, html[lang=ar] .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.slider-btns {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.slider-btns .swiper-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  aspect-ratio: 1;
  border: 2px solid #1882df;
  border-radius: 8px;
  font-size: 20px;
  color: #1882df;
  transition: all 0.3s ease-in-out;
}
.slider-btns .swiper-btn:hover {
  background-color: #e1eefd;
  border-color: #e1eefd;
  color: #1882df;
}
@media (max-width: 767px) {
  .slider-btns .swiper-btn {
    width: 32px;
    font-size: 16px;
    border-radius: 8px;
  }
}

.main-slider-content .swiper-pagination.swiper-pagination-progressbar {
  background-color: #fff;
}
.main-slider-content .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #1882df;
}
.main-slider-content .slider-btns .swiper-btn {
  border: 2px solid #fff;
  color: #fff;
}
.main-slider-content .slider-btns .swiper-btn:hover {
  background-color: #e1eefd;
  border-color: #e1eefd;
  color: #1882df;
}

.main-content {
  position: relative;
  height: 900px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .main-content {
    height: 720px;
  }
}
@media (max-width: 767px) {
  .main-content {
    height: 350px;
  }
}

.main-cover {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.main-cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(11, 37, 70, 0) 0%, #0b2546 100%);
}

.main-float {
  position: absolute;
  inset-inline: 0;
  bottom: 45px;
  z-index: 2;
  padding-inline-start: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  gap: 80px;
}
@media (max-width: 1229px) {
  .main-float {
    gap: 40px;
    inset-inline-start: 20px;
  }
}
@media (max-width: 991px) {
  .main-float {
    inset-inline: 0;
    bottom: 40px;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .main-float {
    bottom: 20px;
    padding: 0 10px;
  }
}

.main-info {
  display: flex;
  flex-direction: column;
  width: 45%;
  max-width: 546px;
  color: #fff;
  flex-shrink: 0;
  transform: translateY(400px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.loaded .main-info {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
@media (max-width: 991px) {
  .main-info {
    width: 100%;
    max-width: unset;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    text-align: center;
    align-items: center;
  }
}

.main-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0;
}
@media (max-width: 1229px) {
  .main-title {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .main-title {
    font-size: 24px;
    margin: 0 0 12px;
  }
}

.main-desc {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 35px;
}
@media (max-width: 1229px) {
  .main-desc {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .main-desc {
    display: none;
  }
}

.main-btn {
  min-width: 222px;
}
.main-btn:hover {
  color: #0b2546;
  background-color: #fff;
}

.main-slider-content {
  width: 100%;
  overflow: hidden;
  padding-inline-end: 45px;
  transform: translateX(-1000px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.loaded .main-slider-content {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
@media (max-width: 991px) {
  .main-slider-content {
    display: none;
  }
}

.main-slider {
  width: 100%;
}
.main-slider .swiper {
  overflow: unset;
}
.main-slider .swiper-slide {
  width: 332px;
}
@media (max-width: 1229px) {
  .main-slider .swiper-slide {
    width: 250px;
  }
}

.main-item {
  width: 100%;
  -webkit-backdrop-filter: blur(24px);
          backdrop-filter: blur(24px);
  border: 1px solid rgba(107, 107, 107, 0.4588235294);
  background-color: rgba(107, 107, 107, 0.3019607843);
  padding: 16px;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 1229px) {
  .main-item {
    padding: 12px;
    border-radius: 12px;
  }
}
.main-item .item-img {
  width: 100%;
  aspect-ratio: 1;
  display: flex;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1229px) {
  .main-item .item-img {
    border-radius: 12px;
  }
}
.main-item .item-img img {
  transition: all 0.3s ease-in-out;
}
.main-item .item-img::after {
  content: "\f00e";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(10, 81, 154, 0.3019607843);
  color: #fff;
  font-size: 25px;
  transform: scale(0);
  transform-origin: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.main-item .item-img:hover img {
  transform: scale(1.1);
}
.main-item .item-img:hover::after {
  transform: scale(1);
  opacity: 1;
}
.main-item .item-info {
  padding: 10px 0 0;
}
.main-item .item-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 12px;
}
.main-item .item-title a {
  color: inherit;
  transition: all 0.3s ease-in-out;
}
.main-item .item-title a:focus {
  color: inherit;
}
.main-item .item-title a:hover {
  color: #d19b3e;
}
@media (max-width: 1229px) {
  .main-item .item-title {
    font-size: 18px;
  }
}
.main-item .item-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #dcdcdc;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 48px;
  overflow: hidden;
  margin: 0;
}
@media (max-width: 1229px) {
  .main-item .item-desc {
    font-size: 14px;
    height: 42px;
  }
}

.quote-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 991px) {
  .quote-content {
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
}

.quote-info :last-child {
  margin-bottom: 0;
}

.quote-body {
  font-size: 36px;
  font-weight: 700;
  color: #0b2546;
  line-height: 1.5;
  position: relative;
  margin: 0 0 40px;
}
.quote-body::before, .quote-body::after {
  content: "“";
  position: absolute;
  font-size: 150px;
  line-height: 20px;
  color: #0b2546;
  display: flex;
}
@media (max-width: 1229px) {
  .quote-body::before, .quote-body::after {
    font-size: 48px;
    line-height: 34px;
  }
}
.quote-body::before {
  top: 0;
  inset-inline-start: 0;
}
@media (max-width: 1229px) {
  .quote-body::before {
    top: -20px;
  }
}
.quote-body::after {
  top: calc(100% + 50px);
  inset-inline-end: 0;
}
@media (max-width: 1229px) {
  .quote-body::after {
    top: calc(100% + 10px);
  }
}
@media (max-width: 1229px) {
  .quote-body {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .quote-body {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .quote-body {
    font-size: 16px;
  }
}

.quote-author {
  width: 335px;
  aspect-ratio: 335/58;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quote-author.mobile {
  display: none;
  margin: 0 auto;
  width: 217px;
}
@media (max-width: 991px) {
  .quote-author {
    display: none;
  }
  .quote-author.mobile {
    display: flex;
  }
}

.quote-author-text {
  display: block;
  text-align: end;
  font-size: 20px;
  line-height: 1.5;
  color: #656565;
  padding: 50px 0 0;
}
.quote-author-text.mobile {
  display: none;
  text-align: center;
  font-size: 12px;
  padding: 0;
}
.quote-author-text.mobile br {
  display: none;
}
@media (max-width: 991px) {
  .quote-author-text {
    display: none;
  }
  .quote-author-text.mobile {
    display: block;
  }
}

.quote-img {
  position: relative;
  flex-shrink: 0;
  width: 50%;
  max-width: 600px;
  aspect-ratio: 600/450;
}
@media (max-width: 991px) {
  .quote-img {
    width: 100%;
  }
}
.quote-img img {
  position: relative;
  z-index: 2;
  border-radius: 24px;
}
@media (max-width: 991px) {
  .quote-img img {
    box-shadow: 0px 0px 7.46px 0px rgba(0, 0, 0, 0.0784313725), 0px 9.95px 19.89px 0px rgba(0, 0, 0, 0.1019607843);
    border-radius: 15px;
  }
}
.quote-img::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: #e1eefd;
  border-radius: 24px;
  z-index: 1;
  transform: rotate(6.5deg);
}
@media (max-width: 991px) {
  .quote-img::before {
    border-radius: 15px;
  }
}
.founder-page .quote-img::before {
  display: none;
}

.about-content {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 991px) {
  .about-content {
    flex-direction: column;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
}

.about-img {
  width: 40%;
  max-width: 500px;
  aspect-ratio: 1;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.about-img .img-holder {
  display: flex;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .about-img {
    width: 100%;
    order: 2;
  }
}
@media (max-width: 767px) {
  .about-img {
    aspect-ratio: 361/261;
    border-radius: 16px;
  }
}

.about-statistics {
  position: absolute;
  inset: -10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .about-statistics {
    inset: -9px;
  }
}

.about-statistic {
  --radius: 24px;
  --space: 10px;
  background-color: #f1f7fe;
  padding: var(--space);
  border-radius: var(--radius);
  position: relative;
}
@media (max-width: 767px) {
  .about-statistic {
    --radius: 16px;
    --space: 9px;
  }
}
.about-statistic::after, .about-statistic::before {
  content: "";
  position: absolute;
  width: var(--radius);
  aspect-ratio: 1;
  background-image: radial-gradient(circle at 100% 100%, transparent var(--radius), #f1f7fe calc(var(--radius) + 1px));
}
.about-statistic .item {
  width: 190px;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-radius: var(--radius);
}
.about-statistic .item::after, .about-statistic .item::before {
  content: "";
  position: absolute;
  width: var(--space);
  height: calc(var(--space) + 1px);
  background-color: #f1f7fe;
}
@media (max-width: 1229px) {
  .about-statistic .item {
    aspect-ratio: unset;
    padding: 10px 0;
  }
}
@media (max-width: 767px) {
  .about-statistic .item {
    width: 142px;
    padding: 8px 0;
  }
}
.about-statistic .icon {
  width: 60px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  stroke: var(--color);
  fill: var(--color);
  overflow: hidden;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .about-statistic .icon {
    width: 24px;
    margin: 0;
  }
}
.about-statistic .value {
  font-size: 36px;
  font-weight: 400;
  color: var(--color);
  line-height: 0.7;
}
@media (max-width: 767px) {
  .about-statistic .value {
    font-size: 20px;
    line-height: 1.5;
  }
}
.about-statistic .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--color);
}
@media (max-width: 767px) {
  .about-statistic .title {
    font-size: 14px;
  }
}
.about-statistic:first-of-type {
  margin-inline-end: auto;
}
.about-statistic:first-of-type .item {
  background-color: #f3eace;
  --color: #371b11;
}
.about-statistic:first-of-type .item::after {
  top: var(--space);
  inset-inline-end: 0;
}
.about-statistic:first-of-type .item::before {
  bottom: 0;
  inset-inline-start: var(--space);
}
.about-statistic:first-of-type::after, .about-statistic:first-of-type::before {
  transform: rotate(0deg);
}
html[dir=rtl] .about-statistic:first-of-type::after, html[lang=ar] .about-statistic:first-of-type::after, html[dir=rtl] .about-statistic:first-of-type::before, html[lang=ar] .about-statistic:first-of-type::before {
  transform: rotate(90deg);
}
.about-statistic:first-of-type::after {
  top: var(--space);
  inset-inline-end: calc(-1 * var(--radius));
}
.about-statistic:first-of-type::before {
  bottom: calc(-1 * var(--radius));
  inset-inline-start: var(--space);
}
.about-statistic:last-of-type {
  margin-inline-start: auto;
}
.about-statistic:last-of-type .item {
  background-color: #0a519a;
  --color: #fff;
}
.about-statistic:last-of-type .item::after {
  bottom: var(--space);
  inset-inline-start: 0;
}
.about-statistic:last-of-type .item::before {
  top: 0;
  inset-inline-end: var(--space);
}
.about-statistic:last-of-type::after, .about-statistic:last-of-type::before {
  transform: rotate(-180deg);
}
html[dir=rtl] .about-statistic:last-of-type::after, html[lang=ar] .about-statistic:last-of-type::after, html[dir=rtl] .about-statistic:last-of-type::before, html[lang=ar] .about-statistic:last-of-type::before {
  transform: rotate(-90deg);
}
.about-statistic:last-of-type::after {
  bottom: var(--space);
  inset-inline-start: calc(-1 * var(--radius));
}
.about-statistic:last-of-type::before {
  top: calc(-1 * var(--radius));
  inset-inline-end: var(--space);
}

.about-info :last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .about-info .section-head {
    margin: 0;
    order: 1;
  }
}

.about-text.mobile {
  display: none;
  order: 3;
}
@media (max-width: 991px) {
  .about-text {
    display: none;
  }
  .about-text.mobile {
    display: block;
  }
}

.about-desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .about-desc {
    color: #656565;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .about-desc {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .about-btn {
    margin: 0 auto;
  }
}

.programs-info :last-child {
  margin-bottom: 0;
}

.programs-content {
  display: grid;
  grid-template-columns: 536px 1fr;
  gap: 40px;
}
@media (max-width: 1229px) {
  .programs-content {
    grid-template-columns: 1fr 2fr;
    gap: 30px;
  }
}
@media (max-width: 991px) {
  .programs-content {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .programs-content .section-head {
    margin-bottom: 12px;
  }
}

.programs-desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .programs-desc {
    text-align: center;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .programs-desc {
    font-size: 16px;
  }
}

.programs-slider-content {
  max-width: 100%;
  overflow: hidden;
}

.programs-btn.mobile {
  display: none;
  margin: 40px auto 0;
}
@media (max-width: 991px) {
  .programs-btn {
    display: none;
  }
  .programs-btn.mobile {
    display: flex;
  }
}

.programs-slider .swiper-slide {
  width: 350px;
}
@media (max-width: 767px) {
  .programs-slider .swiper-slide {
    width: 307px;
  }
}

.program-item {
  position: relative;
  width: 100%;
  aspect-ratio: 350/500;
  display: flex;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .program-item {
    aspect-ratio: 307/368;
    border-radius: 19px;
  }
}
.program-item::after {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(41, 41, 41, 0) 0%, #292929 100%);
  transition: all 0.3s ease-in-out;
}
.program-item img {
  transition: all 0.3s ease-in-out;
}
.program-item .program-number {
  position: absolute;
  top: 20px;
  inset-inline-start: 20px;
  width: 50px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e1eefd;
  color: #292929;
  border-radius: 50%;
  font-size: 16px;
  z-index: 2;
}
@media (max-width: 767px) {
  .program-item .program-number {
    width: 30px;
    inset-inline-start: 10px;
  }
}
.program-item .program-info {
  position: absolute;
  bottom: -140px;
  inset-inline: 20px;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .program-item .program-info {
    bottom: 16px;
    inset-inline: 10px;
  }
}
.program-item .program-title {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  padding-inline-end: 15px;
  line-height: 1.5;
  height: 96px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0 0;
}
@media (max-width: 767px) {
  .program-item .program-title {
    font-size: 20px;
    font-weight: 500;
    height: auto;
    padding: 0;
  }
}
.program-item .hidden-content {
  padding-top: 40px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .program-item .hidden-content {
    visibility: visible;
    opacity: 1;
    padding-top: 8px;
  }
}
.program-item .program-desc {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin: 0 0 40px;
}
@media (max-width: 767px) {
  .program-item .program-desc {
    font-size: 15px;
    margin-bottom: 16px;
    font-weight: 400;
  }
}
.program-item .program-btn {
  width: 100%;
}
@media (max-width: 767px) {
  .program-item .program-btn {
    height: 48px;
  }
}
.program-item:hover img {
  transform: scale(1.1);
}
.program-item:hover .program-info {
  bottom: 20px;
}
@media (max-width: 767px) {
  .program-item:hover .program-info {
    bottom: 16px;
  }
}
.program-item:hover .hidden-content {
  visibility: visible;
  opacity: 1;
}

.statistics-content {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 991px) {
  .statistics-content {
    flex-direction: column;
  }
}

.statistics-info :last-child {
  margin: 0;
}

.statistics-desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .statistics-desc {
    text-align: center;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .statistics-desc {
    font-size: 16px;
    font-weight: 400;
  }
}

.statistics-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  flex-shrink: 0;
  --height: 260px;
}
.statistics-items > div {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.statistics-items > :first-child > :last-child {
  height: var(--height);
  background-color: #f3eace;
}
.statistics-items > :last-child > :first-child {
  height: var(--height);
  background-color: #f3eace;
}
@media (max-width: 767px) {
  .statistics-items {
    --height: 148px;
    gap: 8px;
    width: 100%;
  }
  .statistics-items > div {
    width: 100%;
    gap: 8px;
  }
}

.statistics-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  padding: 20px;
  width: 276px;
  height: 360px;
  background-color: #e1eefd;
  border-radius: 16px;
  color: #0b2546;
}
.statistics-item .value {
  direction: ltr;
  font-size: 64px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.5;
}
.statistics-item .title {
  font-size: 32px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .statistics-item {
    width: 100%;
    height: 200px;
    gap: 12px;
    padding: 20px 12px;
  }
  .statistics-item .value {
    font-size: 24px;
  }
  .statistics-item .value span {
    font-size: 48px;
  }
  .statistics-item .title {
    font-size: 16px;
    font-weight: 400;
  }
}

.map-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}
@media (max-width: 1229px) {
  .map-content {
    gap: 16px;
  }
}
@media (max-width: 991px) {
  .map-content {
    flex-direction: column;
    width: 100%;
    max-width: 626px;
    margin: 0 auto;
  }
}

.map-figure {
  width: 50%;
  max-width: 626px;
  aspect-ratio: 626/542;
  flex-shrink: 0;
  position: relative;
}
.map-figure .custom-loc {
  fill: #dcdcdc;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.map-figure .custom-loc:hover, .map-figure .custom-loc.active {
  fill: #0a519a;
}
@media (max-width: 991px) {
  .map-figure {
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .map-figure {
    max-width: 343px;
  }
}

.custom-tooltip {
  position: absolute;
  transform: translateX(50%);
  background-color: #d19b3e;
  color: #fff;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
  pointer-events: none;
  padding: 0 18px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.map-info {
  width: 100%;
}
@media (max-width: 991px) {
  .map-info {
    width: 100%;
    max-width: 360px;
    height: 244px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
  }
}

.map-statistics {
  display: none;
}
@media (max-width: 991px) {
  .map-statistics {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.statistics-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 16px;
}

.map-statistic {
  width: 100%;
  height: 185px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 16px;
  gap: 20px;
  background-color: #e1eefd;
  border-radius: 16px;
}
.map-statistic .value {
  font-size: 36px;
  font-weight: 700;
  color: #0b2546;
  line-height: 1.5;
  margin: 0;
}
.map-statistic .title {
  font-size: 24px;
  color: #656565;
  line-height: 1.5;
}
@media (max-width: 1229px) {
  .map-statistic {
    height: auto;
  }
  .map-statistic .value {
    font-size: 24px;
    font-weight: 500;
  }
  .map-statistic .title {
    font-size: 16px;
  }
}

.achievements-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
@media (max-width: 1229px) {
  .achievements-grid {
    gap: 16px;
  }
}
@media (max-width: 991px) {
  .achievements-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .achievements-grid {
    grid-template-columns: 1fr;
  }
}

.achievement-item {
  border-radius: 16px;
  transform: perspective(1px);
}
.achievement-item::after {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: #103b6a;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  border-radius: 16px;
  transition: all 0.3s ease-in-out;
}
.achievement-item .item-content {
  background-color: #e1eefd;
  border-radius: 16px;
  position: relative;
  padding: 16px 16px 22px;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .achievement-item .item-content {
    padding: 16px;
  }
}
.achievement-item .achievement-icon {
  width: 34px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
}
.achievement-item .achievement-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}
.achievement-item .achievement-title {
  font-size: 20px;
  font-weight: 700;
  color: #0b2546;
  line-height: 1.5;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}
@media (max-width: 767px) {
  .achievement-item .achievement-title {
    font-size: 16px;
  }
}
.achievement-item .achievement-date {
  font-size: 12px;
  font-weight: 500;
  color: #0b2546;
}
.achievement-item .achievement-desc {
  font-size: 16px;
  font-weight: 400;
  color: #656565;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 72px;
  margin: 0;
}
@media (max-width: 767px) {
  .achievement-item .achievement-desc {
    font-size: 14px;
    height: 63px;
  }
}
.achievement-item:hover .item-content {
  transform: rotate(6.5deg);
}
.achievement-item:hover::after {
  visibility: visible;
  opacity: 1;
}

.articles-slider .swiper {
  overflow: unset;
}
@media (max-width: 991px) {
  .articles-slider .swiper {
    overflow: hidden;
  }
}
.articles-slider .swiper-slide {
  width: 400px;
}
@media (max-width: 991px) {
  .articles-slider .swiper-slide {
    width: 300px;
  }
}

.article-item {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.article-item .item-img {
  display: flex;
  width: 100%;
  aspect-ratio: 400/266;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.article-item .item-img img {
  transition: all 0.3s ease-in-out;
}
.article-item .item-img::after {
  content: "\f00e";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(10, 81, 154, 0.3019607843);
  color: #fff;
  font-size: 25px;
  transform: scale(0);
  transform-origin: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.article-item .item-img:hover img {
  transform: scale(1.1);
}
.article-item .item-img:hover::after {
  transform: scale(1);
  opacity: 1;
}
@media (max-width: 991px) {
  .article-item .item-img {
    aspect-ratio: 300/266;
  }
}
.article-item .item-info {
  padding: 24px 8px 0;
}
.article-item .item-title {
  font-size: 20px;
  font-weight: 700;
  color: #292929;
  line-height: 1.5;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 24px;
}
.article-item .item-title a {
  color: inherit;
  transition: all 0.3s ease-in-out;
}
.article-item .item-title a:hover {
  color: #d19b3e;
}
.article-item .item-date {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
  font-size: 14px;
  color: #656565;
}
.article-item .item-date i {
  width: 24px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  stroke: #0a5eb0;
}
.article-item .item-label {
  position: absolute;
  top: 10px;
  inset-inline-start: 10px;
  font-size: 12px;
  font-weight: 500;
  padding: 0 16px;
  height: 36px;
  border-radius: 20px;
  font-size: 16px;
  background-color: #e1eefd;
  color: #292929;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.article-item:has(.item-img:hover) .item-label {
  opacity: 0;
  top: -100px;
  inset-inline-start: -100px;
}

.services-content {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 991px) {
  .services-content {
    flex-direction: column;
  }
}

.services-info :last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .services-info .section-head {
    margin-bottom: 12px;
  }
}

.services-desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .services-desc {
    color: #656565;
    text-align: center;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .services-desc {
    font-size: 16px;
  }
}

.services-btn.mobile {
  display: none;
  margin: 40px auto 0;
}
@media (max-width: 991px) {
  .services-btn {
    display: none;
  }
  .services-btn.mobile {
    display: flex;
  }
}

.services-img {
  width: 45%;
  max-width: 500px;
  position: relative;
  flex-shrink: 0;
}
.services-img .img-holder {
  display: flex;
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
  aspect-ratio: 500/390;
}
@media (max-width: 991px) {
  .services-img .img-holder {
    aspect-ratio: unset;
    border-radius: unset;
    height: 100%;
  }
}
@media (max-width: 991px) {
  .services-img {
    width: 100%;
    max-width: 345px;
    aspect-ratio: 345/300;
    overflow: hidden;
    border-radius: 16px;
  }
}

.services-captions {
  --space: 10px;
  --radius: 24px;
  padding-top: var(--space);
}
.services-captions::after, .services-captions::before {
  display: none;
  content: "";
  position: absolute;
  width: var(--radius);
  aspect-ratio: 1;
  background-image: radial-gradient(circle at 100% 100%, transparent var(--radius), #f1f7fe calc(var(--radius) + 1px));
  transform: rotate(-180deg);
}
html[dir=rtl] .services-captions::after, html[lang=ar] .services-captions::after, html[dir=rtl] .services-captions::before, html[lang=ar] .services-captions::before {
  transform: rotate(-90deg);
}
.services-captions::after {
  bottom: var(--space);
  inset-inline-start: calc(-1 * var(--radius));
}
.services-captions::before {
  top: calc(-1 * var(--radius));
  inset-inline-end: var(--space);
}
.services-captions .items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space);
}
.services-captions .items::after, .services-captions .items::before {
  display: none;
  content: "";
  position: absolute;
  width: var(--space);
  height: calc(var(--space) + 1px);
  background-color: #f1f7fe;
}
.services-captions .items::after {
  bottom: var(--space);
  inset-inline-start: 0;
}
.services-captions .items::before {
  top: 0;
  inset-inline-end: var(--space);
}
@media (max-width: 991px) {
  .services-captions .items {
    display: flex;
    gap: 7px;
  }
  .services-captions .items::after, .services-captions .items::before {
    display: block;
  }
}
.services-captions .service-caption {
  background-color: #0a5eb0;
  color: #fff;
  stroke: #fff;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px;
  border-radius: var(--radius);
}
.services-captions .service-caption .icon {
  width: 40px;
  aspect-ratio: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.services-captions .service-caption .title {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 991px) {
  .services-captions .service-caption {
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    padding: 21px 12px;
    gap: 16px;
  }
  .services-captions .service-caption .icon {
    width: 24px;
  }
  .services-captions .service-caption .title {
    font-size: 14px;
    font-weight: 500;
  }
}
@media (max-width: 991px) {
  .services-captions {
    --space: 10px;
    --radius: 16px;
    position: absolute;
    bottom: calc(-1 * var(--space));
    inset-inline-end: calc(-1 * var(--space));
    padding: var(--space);
    background-color: #f1f7fe;
    border-radius: var(--radius);
  }
  .services-captions::after, .services-captions::before {
    display: block;
  }
}

.lonely-caption {
  --space: 10px;
  --radius: 24px;
  position: absolute;
  top: calc(-1 * var(--space));
  inset-inline-start: calc(-1 * var(--space));
  background-color: #f1f7fe;
  padding: var(--space);
  border-radius: var(--radius);
}
.lonely-caption .item {
  background-color: #0a5eb0;
  color: #fff;
  stroke: #fff;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px;
  width: 200px;
  border-radius: var(--radius);
}
.lonely-caption .item::after, .lonely-caption .item::before {
  content: "";
  position: absolute;
  width: var(--space);
  height: calc(var(--space) + 1px);
  background-color: #f1f7fe;
}
.lonely-caption .item::after {
  top: var(--space);
  inset-inline-end: 0;
}
.lonely-caption .item::before {
  bottom: 0;
  inset-inline-start: var(--space);
}
.lonely-caption .icon {
  width: 40px;
  aspect-ratio: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lonely-caption .title {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
}
.lonely-caption::after, .lonely-caption::before {
  content: "";
  position: absolute;
  width: var(--radius);
  aspect-ratio: 1;
  background-image: radial-gradient(circle at 100% 100%, transparent var(--radius), #f1f7fe calc(var(--radius) + 1px));
  transform: rotate(0deg);
}
html[dir=rtl] .lonely-caption::after, html[lang=ar] .lonely-caption::after, html[dir=rtl] .lonely-caption::before, html[lang=ar] .lonely-caption::before {
  transform: rotate(90deg);
}
.lonely-caption::after {
  top: var(--space);
  inset-inline-end: calc(-1 * var(--radius));
}
.lonely-caption::before {
  bottom: calc(-1 * var(--radius));
  inset-inline-start: var(--space);
}
@media (max-width: 991px) {
  .lonely-caption {
    --space: 8px;
    --radius: 16px;
  }
  .lonely-caption .item {
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    padding: 22px 15px;
    gap: 16px;
  }
  .lonely-caption .icon {
    width: 24px;
  }
  .lonely-caption .title {
    font-size: 14px;
    font-weight: 500;
  }
}

.knowledge_center-slider .swiper {
  overflow: unset;
}
.knowledge_center-slider .swiper-slide {
  width: 329px;
}
@media (max-width: 991px) {
  .knowledge_center-slider .swiper-slide {
    width: 300px;
  }
}

.knowledge_center-item {
  position: relative;
}
.knowledge_center-item .item-img {
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
  display: flex;
  aspect-ratio: 329/400;
  position: relative;
  box-shadow: 2px 13px 10.2px 0px rgba(0, 0, 0, 0.0705882353);
}
@media (max-width: 991px) {
  .knowledge_center-item .item-img {
    aspect-ratio: 300/400;
  }
}
.knowledge_center-item .item-img::after {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: linear-gradient(180deg, rgba(41, 41, 41, 0) 0%, #292929 100%);
  transition: all 0.3s ease-in-out;
}
.knowledge_center-item .item-img img {
  transition: all 0.3s ease-in-out;
}
.knowledge_center-item .item-content {
  position: relative;
  padding: 24px 8px 0;
}
.knowledge_center-item .item-title {
  font-size: 24px;
  font-weight: 700;
  color: #292929;
  line-height: 1.5;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 8px;
}
.knowledge_center-item .item-info {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 15px;
}
.knowledge_center-item .info-item {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
}
.knowledge_center-item .info-item .icon {
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  stroke: #83bff6;
}
.knowledge_center-item .info-item .title {
  font-size: 14px;
  font-weight: 400;
  color: #656565;
  line-height: 1.5;
  max-width: 120px;
  margin: 0;
}
@media (max-width: 991px) {
  .knowledge_center-item .info-item .title {
    font-size: 12px;
    max-width: 100px;
  }
}
.knowledge_center-item .item-desc {
  font-size: 18px;
  font-weight: 400;
  color: #292929;
  line-height: 1.5;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}
.knowledge_center-item .item-labels {
  position: absolute;
  top: 5px;
  inset-inline-start: 20px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
}
.knowledge_center-item .item-label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  padding: 0 16px;
  height: 36px;
  border-radius: 20px;
  font-size: 16px;
  background-color: #e1eefd;
  color: #292929;
  transition: all 0.3s ease-in-out;
}
.knowledge_center-item .item-label:nth-of-type(even) {
  background-color: #f3eace;
}
.knowledge_center-item .item-btns {
  position: absolute;
  inset-inline: 14px;
  bottom: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.knowledge_center-item .item-btn {
  width: 100%;
  padding: 0;
}
.knowledge_center-item .item-btn:last-of-type {
  background-color: #e1eefd;
  color: #0b2546;
  stroke: #1882df;
}
.knowledge_center-item:hover .item-img img {
  transform: scale(1.1);
}
.knowledge_center-item:hover .item-img::after {
  opacity: 1;
}
.knowledge_center-item:hover .item-btns {
  bottom: calc(100% + 20px);
  visibility: visible;
  opacity: 1;
}

.quotes-list {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (max-width: 767px) {
  .quotes-list {
    gap: 40px;
  }
}

.quote-item {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 767px) {
  .quote-item {
    width: 100%;
    max-width: 329px;
    margin: 0 auto;
    flex-direction: column;
  }
}
.quote-item .item-img {
  width: 400px;
  aspect-ratio: 400/250;
  border-radius: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .quote-item .item-img {
    width: 329px;
    aspect-ratio: 329/250;
    border-radius: 16px;
  }
}
.quote-item .item-label {
  font-size: 16px;
  color: #0b2546;
  display: block;
  margin: 0 0 12px;
}
@media (max-width: 991px) {
  .quote-item .item-label {
    font-size: 14px;
    font-weight: 700;
  }
}
.quote-item .item-title {
  font-size: 36px;
  line-height: 1.5;
  font-weight: 700;
  color: #292929;
  margin: 0 0 24px;
}
@media (max-width: 991px) {
  .quote-item .item-title {
    font-size: 18px;
  }
}
.quote-item .item-desc p,
.quote-item .item-desc ul {
  font-size: 20px;
  line-height: 1.5;
  color: #656565;
  margin: 0;
}
@media (max-width: 991px) {
  .quote-item .item-desc p,
  .quote-item .item-desc ul {
    font-size: 14px;
  }
}
.quote-item .item-desc ul {
  list-style: disc;
  padding-inline-start: 25px;
}
.quote-item:nth-of-type(even) {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .quote-item:nth-of-type(even) {
    flex-direction: column;
  }
}

.features-section .section-head {
  margin-bottom: 8px;
}

.features-desc {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  color: #656565;
  text-align: center;
  margin: 0 0 80px;
}
@media (max-width: 767px) {
  .features-desc {
    font-size: 16px;
    margin: 0 0 40px;
  }
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
@media (max-width: 1229px) {
  .features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .features-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.feature-item {
  border: 6px solid #f1f7fe;
  border-radius: 16px;
  padding: 16px 16px 4px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1229px) {
  .feature-item {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .feature-item {
    padding: 16px 16px 10px;
  }
}
.feature-item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
  background-color: #e1eefd;
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .feature-item .icon {
    margin: 0 auto 24px;
  }
}
.feature-item .title {
  color: #1f2a37;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  height: 60px;
  display: block;
  margin: 0;
}
@media (max-width: 1229px) {
  .feature-item .title {
    height: auto;
  }
}
@media (max-width: 991px) {
  .feature-item .title {
    text-align: center;
    font-size: 12px;
  }
}
.feature-item .desc {
  font-size: 16px;
  color: #656565;
  margin: 0;
}
.feature-item.message {
  padding: 16px;
}
@media (max-width: 991px) {
  .feature-item.message .icon {
    margin: 0 0 24px;
  }
}
.feature-item.message .title {
  height: auto;
  margin: 0 0 12px;
}
@media (max-width: 991px) {
  .feature-item.message .title {
    font-size: 16px;
    text-align: start;
  }
}
.feature-item.values {
  flex: 1;
  padding: 16px;
}
.feature-item.values .icon {
  margin-inline: auto;
}
.feature-item.values .title {
  height: auto;
  text-align: center;
}
@media (max-width: 991px) {
  .feature-item.values .title {
    font-size: 20px;
  }
}
.feature-item.goals {
  padding: 16px;
}
@media (max-width: 991px) {
  .feature-item.goals .icon {
    margin: 0 0 24px;
  }
}
.feature-item.goals .title {
  height: auto;
}
@media (max-width: 991px) {
  .feature-item.goals .title {
    font-size: 16px;
    text-align: start;
  }
}
.feature-item:hover {
  border-color: #1882df;
}

.header-section {
  background-color: #fff;
  box-shadow: 0px 15px 15px 0px rgba(41, 41, 41, 0.0509803922);
}

.header {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 8px 0;
}

.logo {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo a {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 80/85;
}
@media (max-width: 767px) {
  .logo {
    width: 72px;
  }
  .logo a {
    width: 100%;
  }
}

.header-tools {
  display: flex;
  align-items: center;
  margin-inline-start: auto;
  gap: 8px;
}
@media (max-width: 767px) {
  .header-tools {
    gap: 0;
  }
}

.header-icon {
  width: 56px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  stroke: #1882df;
  transition: all 0.3s ease-in-out;
}
.header-icon:hover {
  stroke: #1882df;
  background-color: #e1eefd;
}
@media (max-width: 767px) {
  .header-icon {
    order: 1;
  }
}

.menu-icon {
  display: none;
}
@media (max-width: 1229px) {
  .menu-icon {
    display: flex;
  }
}
@media (max-width: 767px) {
  .menu-icon {
    order: 2;
  }
}

@media (max-width: 767px) {
  .lang-icon {
    display: none;
  }
}

.header-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #1882df;
  border-radius: 8px;
  height: 56px;
  padding: 0 32px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  stroke: #fff;
  transition: all 0.3s ease-in-out;
}
.header-btn i {
  width: 24px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-btn:focus {
  color: #fff;
}
.header-btn:hover {
  background-color: #e1eefd;
  color: #0b2546;
  stroke: #1882df;
}
@media (max-width: 767px) {
  .header-btn {
    display: none;
  }
}

.nav-list {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
}
.nav-list > li {
  padding: 0 12px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1230px) {
  .nav-list > li:has(.nav-link:hover, .nav-link.active) {
    background-color: #0a5eb0;
  }
}

.nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 500;
  font-size: 16px;
  color: #0b2546;
  transition: all 0.3s ease-in-out;
}
.has-children .nav-link:after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="18" height="9" viewBox="0 0 18 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9201 0.949951L10.4001 7.46995C9.63008 8.23995 8.37008 8.23995 7.60008 7.46995L1.08008 0.949951" stroke="%230A5EB0" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;
  width: 24px;
  aspect-ratio: 1;
  transition: all 0.3s ease-in-out;
}
.nav-link:focus {
  color: #0b2546;
}
@media (min-width: 1230px) {
  .nav-link:hover {
    color: #fff;
  }
  .nav-link:hover:after {
    filter: brightness(0) invert(1);
  }
  .nav-link.active {
    color: #fff;
  }
  .nav-link.active:after {
    filter: brightness(0) invert(1);
  }
  .nav-link.active:focus {
    color: #fff;
  }
}

.has-children {
  position: relative;
}
@media (min-width: 1230px) {
  .has-children:hover {
    background-color: #0a5eb0;
  }
  .has-children:hover .children-content {
    visibility: visible;
    opacity: 1;
  }
  .has-children:hover .nav-link {
    color: #fff;
  }
  .has-children:hover .nav-link:after {
    transform: rotate(180deg);
    filter: brightness(0) invert(1);
  }
}

.children-content {
  position: absolute;
  top: calc(100% + 36px);
  inset-inline-start: -120px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  padding: 32px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  gap: 24px;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
  transition: all 0.3s ease-in-out;
}

.children-item {
  width: 246px;
}
.children-item h4 {
  font-weight: 700;
  font-size: 18px;
  color: #292929;
  line-height: 1.5;
  padding: 0 16px;
  margin: 0 0 12px;
}
@media (max-width: 1329px) {
  .children-item {
    width: 200px;
  }
}

.children-menu {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.children-link {
  font-weight: 400;
  font-size: 16px;
  color: #292929;
  line-height: 1.5;
  transition: all 0.3s ease-in-out;
}
.children-link:focus {
  color: #292929;
}
.children-link:hover {
  color: #d19b3e;
}

.nav-tools {
  display: none;
  width: 100%;
}
.nav-tools .lang-icon {
  display: flex;
  position: absolute;
  top: 5px;
  inset-inline-start: 5px;
}
.nav-tools .header-btn {
  display: flex;
  width: 100%;
}

.close-menu {
  position: absolute;
  top: 5px;
  inset-inline-end: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 56px;
  aspect-ratio: 1;
  color: #656565;
  padding: 0;
}

.overlay {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 98;
  display: none;
}

@media (max-width: 1229px) {
  .header-nav {
    position: fixed;
    top: 0;
    inset-inline-start: -300px;
    height: 100dvh;
    width: 300px;
    background-color: #fff;
    border: none;
    z-index: 99;
    transition: all 0.3s ease-in-out;
  }
  .header-nav.active {
    inset-inline-start: 0;
  }
  .header-nav .nav-content {
    width: 100%;
    height: 100dvh;
    display: block;
    padding: 40px 15px 40px;
    overflow-y: auto;
  }
  .header-nav .nav-list {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    padding: 35px 0 20px;
  }
  .header-nav .nav-list > li {
    display: block;
    height: unset;
    width: 100%;
    padding: 0;
    background-color: transparent;
  }
  .header-nav .nav-link {
    padding: 0 12px;
    font-size: 16px;
    height: 48px;
    border-radius: 8px;
    justify-content: space-between;
  }
  .header-nav .nav-link.active {
    background-color: #0a5eb0;
    color: #fff;
  }
  .header-nav .nav-link.active:after {
    filter: brightness(0) invert(1);
    transform: rotate(180deg);
  }
  .header-nav .children-content {
    position: relative;
    inset: unset;
    box-shadow: none;
    padding: 16px;
    flex-direction: column;
    gap: 10px;
    visibility: visible;
    opacity: 1;
    transition: none;
    width: 100%;
    display: none;
  }
  .header-nav .children-item {
    width: 100%;
  }
  .header-nav .children-item h4 {
    font-weight: 400;
    padding: 0;
    margin: 0 0 10px;
  }
  .header-nav .children-menu {
    padding: 0 15px;
  }
  .header-nav .children-link {
    color: #656565;
  }
  .header-nav .nav-tools {
    display: flex;
  }
}
.breadcrumb-section {
  padding: 50px;
}
@media (max-width: 1229px) {
  .breadcrumb-section {
    padding: 32px;
  }
}
@media (max-width: 767px) {
  .breadcrumb-section {
    padding: 24px 16px 16px;
  }
}

.breadcrumb-content {
  padding: 40px 80px;
  background-color: #0a519a;
  border-radius: 16px;
}
.breadcrumb-content > :last-child {
  margin-bottom: 0;
}
@media (max-width: 1229px) {
  .breadcrumb-content {
    padding: 40px 32px;
  }
}
@media (max-width: 767px) {
  .breadcrumb-content {
    padding: 20px 16px;
  }
}

.breadcrumb-list {
  display: flex;
  align-items: center;
  color: #fff;
  gap: 4px;
  margin-bottom: 32px;
}
.breadcrumb-list li {
  display: flex;
  align-items: center;
  gap: 4px;
}
.breadcrumb-list li ~ li::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="7" height="13" viewBox="0 0 7 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.99925 11.78L1.65258 7.4333C1.13924 6.91997 1.13924 6.07997 1.65258 5.56664L5.99925 1.21997" stroke="%23E1EEFD" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  aspect-ratio: 1;
  transform: rotate(180deg);
}
html[dir=rtl] .breadcrumb-list li ~ li::before, html[lang=ar] .breadcrumb-list li ~ li::before {
  transform: none;
}
.breadcrumb-list a {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
  transition: all 0.3s ease-in-out;
}
.breadcrumb-list a:focus {
  color: #fff;
}
.breadcrumb-list a:hover {
  color: #e1eefd;
}
@media (max-width: 767px) {
  .breadcrumb-list {
    min-height: 48px;
    margin-bottom: 16px;
  }
}

.page-title {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  line-height: 1.5;
  margin: 0 0 16px;
}
@media (max-width: 767px) {
  .page-title {
    font-size: 20px;
  }
}

.page-desc {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
  margin: 0 0;
}
@media (max-width: 767px) {
  .page-desc {
    font-size: 14px;
  }
}

.footer-section {
  padding: 50px 0;
  overflow: hidden;
  background-color: #fff;
}
@media (max-width: 767px) {
  .footer-section {
    padding: 0 0 32px;
  }
}

.footer-content {
  background-color: #0a519a;
  padding: 80px 32px;
  border-radius: 24px;
}
@media (max-width: 767px) {
  .footer-content {
    padding: 24px 16px 8px;
    border-radius: 16px;
  }
}

.footer {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 80px;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .footer {
    flex-direction: column;
    gap: 24px;
    margin-bottom: 32px;
  }
}

.footer-info {
  width: 304px;
}
@media (max-width: 991px) {
  .footer-info {
    width: 100%;
    max-width: 329px;
  }
}

.footer-logo {
  width: 119px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.footer-logo img {
  width: 95px;
  aspect-ratio: 95/101;
}

.footer-desc {
  font-size: 16px;
  color: #dcdcdc;
  line-height: 1.5;
  margin: 0;
}

.footer-menus {
  display: flex;
  align-items: start;
}
@media (max-width: 991px) {
  .footer-menus {
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .footer-menus {
    flex-direction: column;
  }
}

.footer-menu {
  display: flex;
  flex-direction: column;
  padding: 0 40px;
  gap: 24px;
  min-width: 215px;
}
@media (max-width: 991px) {
  .footer-menu {
    padding: 0;
  }
}
.footer-menu .menu-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.footer-menu .menu-list {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.footer-menu .menu-list a {
  color: #dcdcdc;
  font-size: 16px;
  line-height: 1.5;
  transition: all 0.3s ease-in-out;
}
.footer-menu .menu-list a:hover {
  color: #fff;
}

.footer-contacts {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .footer-contacts {
    margin-bottom: 32px;
  }
}

.socials {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 16px;
}

.social {
  width: 32px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #f3eace;
  font-size: 18px;
  color: #371b11;
  transition: all 0.3s ease-in-out;
}
.social:focus {
  color: #371b11;
}
.social:hover {
  background-color: #d19b3e;
  color: #fff;
}

.newsletter-form {
  display: flex;
  align-items: center;
  gap: 8px;
}

.newsletter-input {
  height: 49px;
  width: 325px;
  background: rgba(255, 255, 255, 0.2117647059);
  -webkit-backdrop-filter: blur(34.7999992371px);
          backdrop-filter: blur(34.7999992371px);
  border: 1px solid rgba(255, 255, 255, 0.1490196078);
  border-radius: 12px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 0 15px;
  transition: all 0.3s ease-in-out;
}
.newsletter-input:focus {
  border-color: #fff;
}
.newsletter-input::-moz-placeholder {
  color: #fff;
  font-weight: 400;
}
.newsletter-input::placeholder {
  color: #fff;
  font-weight: 400;
}
html[dir=rtl] .newsletter-input::-moz-placeholder, html[lang=ar] .newsletter-input::-moz-placeholder {
  text-align: right;
}
html[dir=rtl] .newsletter-input::placeholder, html[lang=ar] .newsletter-input::placeholder {
  text-align: right;
}
@media (max-width: 767px) {
  .newsletter-input {
    width: 100%;
  }
}

.newsletter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #1882df;
  border-radius: 8px;
  height: 49px;
  padding: 0 32px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  flex-shrink: 0;
  transition: all 0.3s ease-in-out;
}
.newsletter-btn:focus {
  color: #fff;
}
.newsletter-btn:hover {
  background-color: #e1eefd;
  color: #0b2546;
}

.last-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #bdbdbd;
  padding: 20px 0;
}
@media (max-width: 991px) {
  .last-footer {
    flex-direction: column-reverse;
    gap: 24px;
    justify-content: center;
    text-align: center;
    padding: 20px 0 0;
  }
}

.copyrights {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  opacity: 0.6;
  margin: 0;
}

.quick-links {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0 26px;
  gap: 42px;
}
.quick-links a {
  font-size: 16px;
  line-height: 1.5;
  color: #dcdcdc;
  transition: all 0.3s ease-in-out;
}
.quick-links a:focus {
  color: #dcdcdc;
}
.quick-links a:hover {
  color: #fff;
}

.main-section {
  overflow: hidden;
  padding: 32px 0;
}
@media (max-width: 1229px) {
  .main-section {
    margin-top: 8px;
    padding: 16px 0;
  }
}

.quote-section {
  padding: 100px 0;
  overflow: hidden;
}
@media (min-width: 1330px) {
  .quote-section .container {
    max-width: 1324px;
  }
}
@media (max-width: 767px) {
  .quote-section {
    padding: 32px 0;
  }
}

.about-section {
  padding: 96px 0;
  overflow: hidden;
  background-color: #f1f7fe;
}
@media (max-width: 767px) {
  .about-section {
    padding: 40px 0;
  }
}

.programs-section {
  padding: 96px 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .programs-section {
    padding: 32px 0;
  }
}

.statistics-container {
  padding: 80px 0;
  background-color: #f1f7fe;
  border-radius: 24px;
}
@media (max-width: 767px) {
  .statistics-container {
    padding: 40px 0;
    border-radius: 16px;
  }
  .statistics-container .container {
    padding: 0 8px;
  }
}

.map-section {
  padding: 96px 0;
  overflow: hidden;
}
.map-section .container-fluid {
  max-width: 1440px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .map-section {
    padding: 32px 0;
  }
}

.achievements-container {
  padding: 80px 0;
  background-color: #f1f7fe;
  border-radius: 24px;
}
@media (max-width: 767px) {
  .achievements-container {
    padding: 40px 0;
    border-radius: 16px;
  }
  .achievements-container .container {
    padding: 0 8px;
  }
}

.articles-section {
  overflow: hidden;
  padding: 96px 0;
}
@media (max-width: 767px) {
  .articles-section {
    padding: 32px 0;
  }
}

.services-container {
  padding: 80px 0;
  background-color: #f1f7fe;
  border-radius: 24px;
}
@media (max-width: 767px) {
  .services-container {
    padding: 40px 0;
    border-radius: 16px;
  }
  .services-container .container {
    padding: 0 8px;
  }
}

.knowledge_center-section {
  overflow: hidden;
  padding: 96px 0;
}
@media (max-width: 767px) {
  .knowledge_center-section {
    padding: 32px 0;
  }
}

.founder-page {
  padding: 80px 0;
}
@media (max-width: 767px) {
  .founder-page {
    padding: 32px 0;
  }
}

@media (min-width: 1330px) {
  .quotes-section .container {
    max-width: 1324px;
  }
}
.quotes-section .quotes-content {
  padding: 80px 0;
  overflow: hidden;
  background-color: #f1f7fe;
}
@media (max-width: 767px) {
  .quotes-section .quotes-content {
    padding: 40px 0;
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  .quotes-section {
    padding: 0 16px;
  }
}

.features-section {
  padding: 80px 0;
  overflow: hidden;
}
@media (min-width: 1330px) {
  .features-section .container {
    max-width: 1324px;
  }
}
@media (max-width: 767px) {
  .features-section {
    padding: 32px 0;
  }
}

.foundation-page {
  overflow: hidden;
}
@media (min-width: 1330px) {
  .foundation-page .container {
    max-width: 1324px;
  }
}

.foundation-item {
  padding: 80px 0;
}
@media (max-width: 991px) {
  .foundation-item {
    padding: 32px 0;
  }
  .foundation-item .section-head {
    margin-bottom: 12px;
  }
}

.foundation-body {
  font-size: 20px;
  font-weight: 500;
  color: #656565;
  line-height: 1.5;
  position: relative;
  margin: 0 0 80px;
}
@media (max-width: 991px) {
  .foundation-body {
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
  }
}

.foundation-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.foundation-flex.vision {
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .foundation-flex.vision {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .foundation-flex {
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
}

.foundation-info :last-child {
  margin-bottom: 0;
}

.foundation-img {
  position: relative;
  flex-shrink: 0;
  width: 50%;
  max-width: 600px;
  aspect-ratio: 600/450;
}
@media (max-width: 991px) {
  .foundation-img {
    aspect-ratio: 361/271;
    width: 100%;
  }
}
.foundation-img img {
  position: relative;
  z-index: 2;
  border-radius: 24px;
}
@media (max-width: 991px) {
  .foundation-img img {
    box-shadow: 0px 0px 7.46px 0px rgba(0, 0, 0, 0.0784313725), 0px 9.95px 19.89px 0px rgba(0, 0, 0, 0.1019607843);
    border-radius: 16px;
  }
}
.foundation-img::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: #e1eefd;
  border-radius: 24px;
  z-index: 1;
  transform: rotate(6.5deg);
}
@media (max-width: 991px) {
  .foundation-img::before {
    border-radius: 15px;
  }
}
.founder-page .foundation-img::before {
  display: none;
}

.message-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 767px) {
  .message-grid {
    grid-template-columns: 1fr;
  }
}

.values-grid {
  display: flex;
  gap: 24px;
}
@media (max-width: 767px) {
  .values-grid {
    flex-direction: column;
  }
}

.strategy-page .section-head.center {
  margin: 0 0 40px;
}
@media (max-width: 767px) {
  .strategy-page .section-head {
    margin: 0 0 12px;
  }
}

.strategy-body {
  font-size: 20px;
  font-weight: 500;
  color: #656565;
  line-height: 1.5;
  position: relative;
  margin: 0 0 80px;
}
@media (max-width: 991px) {
  .strategy-body {
    text-align: center;
    font-size: 16px;
    margin-bottom: 40px;
  }
}

.strategy-main {
  padding: 80px 0;
}
@media (min-width: 1330px) {
  .strategy-main .container {
    max-width: 1324px;
  }
}
@media (max-width: 991px) {
  .strategy-main {
    padding: 32px 0;
  }
}

.strategy-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.strategy-flex .strategy-info :last-child {
  margin-bottom: 0;
}
.strategy-flex .strategy-img {
  position: relative;
  flex-shrink: 0;
  width: 50%;
  max-width: 600px;
  aspect-ratio: 600/450;
  overflow: hidden;
  border-radius: 24px;
}
@media (max-width: 991px) {
  .strategy-flex .strategy-img {
    aspect-ratio: 361/271;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .strategy-flex {
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
  .strategy-flex .section-head {
    margin-bottom: 12px;
  }
}

.pillars-section {
  padding: 80px 0;
}
.pillars-section .strategy-body {
  text-align: center;
}
@media (max-width: 767px) {
  .pillars-section {
    padding: 0;
  }
}

.pillars-content {
  padding: 80px 0;
  background-color: #f1f7fe;
  border-radius: 24px;
}
@media (max-width: 767px) {
  .pillars-content {
    padding: 40px 0;
    border-radius: 16px;
  }
  .pillars-content .container {
    padding: 0 8px;
  }
}

.pillars-list {
  display: flex;
  align-items: center;
  justify-content: center;
  --count: 3;
  --gap: 32px;
  gap: var(--gap);
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .pillars-list {
    --count: 2;
  }
}
@media (max-width: 767px) {
  .pillars-list {
    --count: 1;
  }
}

.pillars-item {
  width: calc(100% / var(--count) - var(--gap) * (var(--count) - 1) / var(--count));
  transform: perspective(1px);
}
.pillars-item::after {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: #103b6a;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  border-radius: 16px;
  transition: all 0.3s ease-in-out;
}
.pillars-item .item-content {
  background-color: #e1eefd;
  border-radius: 16px;
  position: relative;
  padding: 16px;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.pillars-item .icon {
  width: 32px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 34px;
}
.pillars-item .title {
  font-size: 20px;
  font-weight: 700;
  color: #0b2546;
  line-height: 1.5;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: center;
  overflow: hidden;
  margin: 0 0 24px;
}
.pillars-item .desc {
  font-size: 16px;
  font-weight: 400;
  color: #656565;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
  height: 72px;
  margin: 0;
}
.pillars-item:hover .item-content {
  transform: rotate(6.5deg);
}
.pillars-item:hover::after {
  visibility: visible;
  opacity: 1;
}

.priorities-section {
  padding: 80px 0;
  overflow: hidden;
}
@media (min-width: 1330px) {
  .priorities-section .container {
    max-width: 1324px;
  }
}
@media (max-width: 767px) {
  .priorities-section {
    padding: 32px 0;
  }
}

.priorities-slider .swiper {
  overflow: unset;
}
.priorities-slider .swiper-slide {
  width: -moz-fit-content;
  width: fit-content;
}

.priorities-item {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  border: 6px solid transparent;
  height: 500px;
  width: 160px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.priorities-item::after {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.priorities-item .item-title {
  position: absolute;
  bottom: 16px;
  inset-inline: 16px;
  background: rgba(225, 238, 253, 0.6980392157);
  -webkit-backdrop-filter: blur(48.5999984741px);
          backdrop-filter: blur(48.5999984741px);
  border-radius: 16px;
  height: 78px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #0b2546;
  margin: 0;
  display: none;
  align-items: center;
  justify-content: center;
}
.priorities-item.active {
  width: 350px;
  border-color: #83bff6;
}
.priorities-item.active .item-title {
  display: flex;
}
@media (max-width: 1229px) {
  .priorities-item.active {
    width: 300px;
  }
}

.goals-section {
  padding: 80px 0;
}
@media (min-width: 1330px) {
  .goals-section .container {
    max-width: 1324px;
  }
}
@media (max-width: 767px) {
  .goals-section {
    padding: 0;
  }
}

.goals-flex {
  display: flex;
  --count: 4;
  --gap: 24px;
  gap: var(--gap);
  flex-wrap: wrap;
}
@media (max-width: 1229px) {
  .goals-flex {
    --count: 3;
  }
}
@media (max-width: 991px) {
  .goals-flex {
    --count: 2;
  }
}
@media (max-width: 767px) {
  .goals-flex {
    --count: 1;
  }
}
.goals-flex .goals {
  flex: 1;
  min-width: calc(100% / var(--count) - var(--gap) * (var(--count) - 1) / var(--count));
}/*# sourceMappingURL=main.css.map */