@charset "UTF-8";

:root {
  --primaryColor: #d19b3e;
  --secondaryColor: #1882df;
  --triaryColor: #0a5eb0;
  --textColor: #0b2546;
  --blackColor: #292929;
  --greyColor: #656565;
  --hoverColor: #e1eefd;
}

@font-face {
  font-family: "29LT";
  src:
    url("../fonts/29LTZarid/29LTZaridSerif-ExtraLight.woff2") format("woff2"),
    url("../fonts/29LTZarid/29LTZaridSerif-ExtraLight.woff") format("woff"),
    url("../fonts/29LTZarid/29LTZaridSerif-ExtraLight.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29LT";
  src:
    url("../fonts/29LTZarid/29LTZaridSerif-ExtraLight.woff2") format("woff2"),
    url("../fonts/29LTZarid/29LTZaridSerif-ExtraLight.woff") format("woff"),
    url("../fonts/29LTZarid/29LTZaridSerif-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29LT";
  src:
    url("../fonts/29LTZarid/29LTZaridSerif-ExtraLight.woff2") format("woff2"),
    url("../fonts/29LTZarid/29LTZaridSerif-ExtraLight.woff") format("woff"),
    url("../fonts/29LTZarid/29LTZaridSerif-ExtraLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29LT";
  src:
    url("../fonts/29LTZarid/29LTZaridSerif-Regular.woff2") format("woff2"),
    url("../fonts/29LTZarid/29LTZaridSerif-Regular.woff") format("woff"),
    url("../fonts/29LTZarid/29LTZaridSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29LT";
  src:
    url("../fonts/29LTZarid/29LTZaridSerif-SemiBold.woff2") format("woff2"),
    url("../fonts/29LTZarid/29LTZaridSerif-SemiBold.woff") format("woff"),
    url("../fonts/29LTZarid/29LTZaridSerif-SemiBold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29LT";
  src:
    url("../fonts/29LTZarid/29LTZaridSerif-SemiBold.woff2") format("woff2"),
    url("../fonts/29LTZarid/29LTZaridSerif-SemiBold.woff") format("woff"),
    url("../fonts/29LTZarid/29LTZaridSerif-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29LT";
  src:
    url("../fonts/29LTZarid/29LTZaridSerif-Black.woff2") format("woff2"),
    url("../fonts/29LTZarid/29LTZaridSerif-Black.woff") format("woff"),
    url("../fonts/29LTZarid/29LTZaridSerif-Black.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29LT";
  src:
    url("../fonts/29LTZarid/29LTZaridSerif-Black.woff2") format("woff2"),
    url("../fonts/29LTZarid/29LTZaridSerif-Black.woff") format("woff"),
    url("../fonts/29LTZarid/29LTZaridSerif-Black.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "29LT";
  src:
    url("../fonts/29LTZarid/29LTZaridSerif-Black.woff2") format("woff2"),
    url("../fonts/29LTZarid/29LTZaridSerif-Black.woff") format("woff"),
    url("../fonts/29LTZarid/29LTZaridSerif-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "29LT", sans-serif;
  font-weight: 400;
  color: var(--textColor);
  line-height: 1.5;
}

html[dir="ltr"] body,
html[lang^="en"] body {
  text-transform: capitalize;
}

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

body::-webkit-scrollbar-thumb {
  background-color: var(--primaryColor);
  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: var(--secondaryColor);
  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:hover {
  background-color: var(--hoverColor);
  color: var(--textColor);
}

.default-btn:focus,
.default-btn:active {
  color: #fff;
  background-color: var(--secondaryColor);
}

.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: var(--primaryColor);
  line-height: 1.5;
  margin: 0 0;
}

.section-subtitle::before {
  content: "";
  background-color: var(--primaryColor);
  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: var(--textColor);
  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: var(--secondaryColor);
  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 var(--secondaryColor);
  border-radius: 8px;
  font-size: 20px;
  color: var(--secondaryColor);
  transition: all 0.3s ease-in-out;
}

.slider-btns .swiper-btn:hover {
  background-color: var(--hoverColor);
  border-color: var(--hoverColor);
  color: var(--secondaryColor);
}

@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: var(--secondaryColor);
}

.main-slider-content .slider-btns .swiper-btn {
  border: 2px solid #fff;
  color: #fff;
}

.main-slider-content .slider-btns .swiper-btn:hover {
  background-color: var(--hoverColor);
  border-color: var(--hoverColor);
  color: var(--secondaryColor);
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 10px;
  margin-bottom: 32px;
}

.form-grid .full-w {
  grid-column: -1/1;
}

.frm-fluent-form .ff-t-cell {
  gap: 20px 10px;
}

.form-group {
  margin: 0;
}

.form-group .hint,
.fluentform .ff-el-is-error .text-danger {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 400;
  color: var(--bs-danger);
}

.form-group :last-child,
.fluentform .ff-el-group :last-child {
  margin-bottom: 0;
}

.form-label,
.ff-el-group .ff-el-input--label label {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--greyColor);
  display: flex;
  align-items: center;
  margin: 0 0 4px;
}

.required .form-label::after,
.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
  content: "*";
  color: red;
}

.form-control,
.ff-el-input--content input.ff-el-form-control,
.ff-el-input--content textarea.ff-el-form-control,
.ff-el-input--content select.ff-el-form-control {
  width: 100%;
  height: 53px;
  border-radius: 7px;
  border: 2px solid #dcdcdc;
  background-color: #fff;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 500;
  color: var(--blackColor);
  outline: none;
  box-shadow: none;
  line-height: 1.5;
  font-family: "29LT";
  transition: all 0.3s ease-in-out;
}

.ff-el-input--content select.ff-el-form-control {
  height: 53px !important;
  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>');
}

html[dir="rtl"] .form-control,
html[lang="ar"] .form-control,
html[dir="rtl"] .ff-el-input--content input.ff-el-form-control,
html[lang="ar"] .ff-el-input--content input.ff-el-form-control,
html[dir="rtl"] .ff-el-input--content textarea.ff-el-form-control,
html[lang="ar"] .ff-el-input--content textarea.ff-el-form-control,
html[dir="rtl"] .ff-el-input--content select.ff-el-form-control,
html[lang="ar"] .ff-el-input--content select.ff-el-form-control {
  text-align: right;
}

html[dir="ltr"] .form-control,
html[lang^="en"] .form-control,
html[dir="ltr"] .ff-el-input--content input.ff-el-form-control,
html[lang^="en"].ff-el-input--content input.ff-el-form-control,
html[dir="ltr"] .ff-el-input--content textarea.ff-el-form-control,
html[lang^="en"] .ff-el-input--content textarea.ff-el-form-control,
html[dir="ltr"] .ff-el-input--content select.ff-el-form-control,
html[lang^="en"] .ff-el-input--content select.ff-el-form-control {
  text-align: left;
}

.form-control::-moz-placeholder,
.ff-el-input--content input.ff-el-form-control::-moz-placeholder,
.ff-el-input--content textarea.ff-el-form-control::-moz-placeholder {
  font-weight: 400;
  color: var(--greyColor);
}

.form-control::placeholder,
.ff-el-input--content input.ff-el-form-control::placeholder,
.ff-el-input--content textarea.ff-el-form-control::placeholder {
  font-weight: 400;
  color: var(--greyColor);
}

.form-control:focus,
.ff-el-input--content input.ff-el-form-control:focus,
.ff-el-input--content textarea.ff-el-form-control:focus {
  border-color: #83bff6;
  outline: none;
  box-shadow: none;
}

.form-control:is(textarea),
.ff-el-input--content textarea.ff-el-form-control {
  height: 148px;
  padding: 16px;
  resize: none;
}

#step-2 .form-control:is(textarea) {
  border-color: #83bff6;
}

.ff-el-input--content:has(> .ff-el-form-check) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.radio-contents {
  width: 100%;
  border-radius: 7px;
  border: 2px solid #dcdcdc;
  padding: 0 16px;
  transition: all 0.3s ease-in-out;
}

.radio-contents:has(.active) {
  border-color: #83bff6;
}

.radio-contents .radio-label {
  width: 100%;
  height: 49px;
  border-bottom: 1px solid transparent;
  font-size: 14px;
  font-weight: 400;
  color: var(--greyColor);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.radio-contents .radio-label:after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 18px;
  color: #0a5eb0;
  transition: all 0.3s ease-in-out;
}

.radio-contents .radio-label.active {
  border-color: #dcdcdc;
}

.radio-contents .radio-label.active:after {
  transform: rotate(180deg);
}

.radio-contents .radio-list {
  display: none;
  padding: 8px 0;
}

.radio-contents .radio {
  margin-bottom: 8px;
}

.radio-contents .radio label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  height: 40px;
  padding: 0 8px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.radio-contents .radio label:has(input:checked) {
  background-color: var(--hoverColor);
}

.radio-contents .radio .text {
  font-size: 14px;
  font-weight: 400;
  color: var(--greyColor);
  transition: all 0.3s ease-in-out;
}

.radio-contents .radio .mark {
  width: 22px;
  aspect-ratio: 1;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid #bdbdbd;
  background-color: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

.radio-contents .radio .mark:after {
  content: "";
  width: 14px;
  aspect-ratio: 1;
  display: block;
  border-radius: 50%;
  background-color: #1882df;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.radio-contents .radio input {
  display: none;
}

.radio-contents .radio input:checked~.text {
  color: #0b2546;
  font-weight: 500;
}

.radio-contents .radio input:checked~.mark {
  border-color: #1882df;
}

.radio-contents .radio input:checked~.mark:after {
  visibility: visible;
  opacity: 1;
}

.radio-contents .checkbox {
  width: 100%;
  margin-bottom: 8px;
}

.radio-contents .checkbox label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  height: 40px;
  padding: 0 8px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.radio-contents .checkbox label:has(input:checked) {
  background-color: var(--hoverColor);
}

.radio-contents .checkbox .text {
  font-size: 14px;
  font-weight: 400;
  color: var(--greyColor);
  transition: all 0.3s ease-in-out;
}

.radio-contents .checkbox .mark {
  width: 22px;
  aspect-ratio: 1;
  flex-shrink: 0;
  border-radius: 8px;
  border: 2px solid #bdbdbd;
  background-color: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

.radio-contents .checkbox .mark:after {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  color: #fff;
  font-size: 12px;
  transform: scale(0) rotate(0deg);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.radio-contents .checkbox input {
  display: none;
}

.radio-contents .checkbox input:checked~.text {
  color: var(--textColor);
  font-weight: 500;
}

.radio-contents .checkbox input:checked~.mark {
  border-color: #1882df;
}

.radio-contents .checkbox input:checked~.mark:after {
  visibility: visible;
  opacity: 1;
}

.form-btn,
.ff-btn-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--secondaryColor);
  border-radius: 8px;
  height: 56px;
  padding: 0 48px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.form-btn:hover,
.ff-btn-submit:hover {
  background-color: var(--hoverColor);
  color: var(--textColor);
}

.form-btn:focus,
.form-btn:active,
.ff-btn-submit:focus,
.ff-btn-submit:active {
  color: #fff;
  background-color: var(--secondaryColor);
}

.checkbox label {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 9px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: var(--greyColor);
  transition: all 0.3s ease-in-out;
}

.checkbox label .mark {
  width: 22px;
  aspect-ratio: 1;
  flex-shrink: 0;
  border-radius: 8px;
  border: 2px solid #bdbdbd;
  background-color: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

.checkbox label .mark:after {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  color: #fff;
  font-size: 12px;
  transform: scale(0) rotate(0deg);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.checkbox label input {
  display: none;
}

.checkbox label input:checked~.mark {
  border-color: var(--secondaryColor);
  background-color: var(--secondaryColor);
}

.checkbox label input:checked~.mark:after {
  visibility: visible;
  opacity: 1;
  transform: scale(1) rotate(360deg);
}

.radio-line {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px 16px;
  padding-top: 12px;
}

@media (max-width: 767px) {
  .radio-line {
    grid-template-columns: repeat(2, 1fr);
  }
}

.radio-line .radio label {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 9px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: var(--greyColor);
  transition: all 0.3s ease-in-out;
}

.radio-line .radio label .mark {
  width: 22px;
  aspect-ratio: 1;
  flex-shrink: 0;
  border-radius: 8px;
  border: 2px solid #bdbdbd;
  background-color: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

.radio-line .radio label .mark:after {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  color: #fff;
  font-size: 12px;
  transform: scale(0) rotate(0deg);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.radio-line .radio label input {
  display: none;
}

.radio-line .radio label input:checked~.mark {
  border-color: var(--secondaryColor);
  background-color: var(--secondaryColor);
}

.radio-line .radio label input:checked~.mark:after {
  visibility: visible;
  opacity: 1;
  transform: scale(1) rotate(360deg);
}

.file-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  position: relative;
  height: 120px;
  border-radius: 16px;
  padding: 24px;
  border: 2px dashed #0a519a;
}

@media (max-width: 767px) {
  .file-content {
    padding: 16px;
  }
}

.file-content .file-preview {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  color: var(--blackColor);
}

.file-content .file-preview span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: break-word;
  direction: ltr;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 400px;
}

@media (max-width: 767px) {
  .file-content .file-preview span {
    max-width: 120px;
    -webkit-line-clamp: 2;
  }
}

.file-content .file-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 32px;
  height: 48px;
  border: 2px solid var(--secondaryColor);
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .file-content .file-btn {
    padding: 0 16px;
    gap: 8px;
  }
}

.file-content input {
  display: none;
}

.areas-nav-tabs {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 45px;
}

@media (max-width: 991px) {
  .areas-nav-tabs {
    gap: 16px;
    margin-bottom: 32px;
  }
}

.areas-nav-tabs button {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 16px;
  height: 51px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  color: var(--greyColor);
  background-color: #dcdcdc;
  transition: all 0.3s ease-in-out;
}

.areas-nav-tabs button.active {
  background-color: var(--secondaryColor);
  color: #fff;
}

@media (max-width: 991px) {
  .areas-nav-tabs button {
    font-size: 12px;
    height: 42px;
  }
}

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

.reports-filters {
  width: 100%;
  position: sticky;
  top: 25px;
}

.articles-page .reports-filters {
  padding: 16px;
}

@media (max-width: 991px) {
  .reports-filters {
    position: absolute;
    top: 65px;
    inset-inline-end: 0;
    display: none;
    padding: 8px;
    box-shadow:
      0px 0px 10px 0px rgba(0, 0, 0, 0.0784313725),
      0px 12px 24px 0px rgba(0, 0, 0, 0.1019607843);
    border-radius: 8px;
    width: 250px;
    z-index: 3;
    background-color: #fff;
  }

  .articles-page .reports-filters {
    top: -5px;
  }
}

.filters-title {
  height: 56px;
  width: 100%;
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  background-color: #0a519a;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 0 8px;
  margin: 0 0 8px;
}

.filters-title:has(.filters-clear) {
  justify-content: space-between;
}

@media (max-width: 991px) {
  .filters-title {
    display: none;
  }

  .filters-title:has(.filters-clear) {
    display: flex;
  }
}

.filters-clear {
  border: none;
  background-color: transparent;
  display: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  aspect-ratio: 1;
  flex-shrink: 0;
  padding: 0;
  cursor: pointer;
}

.archive-filters:has(input:checked) .filters-clear {
  display: flex;
}

.filters-list {
  padding: 16px 0;
}

@media (max-width: 991px) {
  .filters-list {
    padding: 0;
  }
}

.filters-list :last-child {
  margin-bottom: 0;
}

.filters-list .list-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--blackColor);
  margin-bottom: 22px;
}

.filters-list .checkbox {
  margin: 0 0 20px;
}

.filters-list .filter-btn {
  width: 100%;
  height: 33px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--blackColor);
  padding: 0 16px;
  margin: 0 0 8px;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.filters-list .filter-btn::after {
  content: "";
  display: none;
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  width: 3px;
  border-radius: 2px;
  height: 100%;
  background-color: #83bff6;
}

.filters-list .filter-btn:hover {
  color: #0a519a;
}

.filters-list .filter-btn.active {
  color: var(--textColor);
  background-color: var(--hoverColor);
}

.filters-list .filter-btn.active::after {
  display: block;
}

.reports-tools {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 24px;
  margin-bottom: 24px;
}

.reports-search {
  width: 100%;
  position: relative;
}

.reports-search .search-input {
  width: 100%;
  height: 56px;
  border-radius: 8px;
  border: 2px solid #dcdcdc;
  background-color: #fff;
  padding: 0 16px;
  padding-inline-start: 48px;
  font-size: 16px;
  font-weight: 500;
  color: var(--blackColor);
  transition: all 0.3s ease-in-out;
}

.reports-search .search-input::-moz-placeholder {
  font-weight: 400;
  color: var(--greyColor);
}

.reports-search .search-input::placeholder {
  font-weight: 400;
  color: var(--greyColor);
}

.reports-search .search-input:focus {
  border-color: #0a519a;
}

.reports-search .search-btn {
  position: absolute;
  inset-inline-start: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  stroke: var(--triaryColor);
  padding: 0;
  transition: all 0.3s ease-in-out;
}

.reports-search .search-btn:hover {
  stroke: var(--primaryColor);
}

.reports-search .reset-search {
  position: absolute;
  inset-inline-end: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  fill: var(--triaryColor);
  opacity: 0.7;
  padding: 0;
  transition: all 0.3s ease-in-out;
}

.reports-search .reset-search:hover {
  fill: var(--bs-danger);
  opacity: 1;
}

.reports-search .search-input:placeholder-shown~.reset-search {
  opacity: 0;
}

@media (max-width: 991px) {
  .reports-search {
    width: calc(100% - 80px);
  }
}

.filters-btn {
  width: 56px;
  height: 56px;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: var(--secondaryColor);
  stroke: #fff;
  flex-shrink: 0;
  transition: all 0.3s ease-in-out;
}

.filters-btn:hover {
  background-color: var(--hoverColor);
  stroke: var(--textColor);
}

@media (max-width: 991px) {
  .filters-btn {
    display: flex;
  }
}

.reports-sort {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}

.reports-sort::before {
  content: "\f107";
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "Font Awesome 6 pro";
  font-weight: 300;
  font-size: 20px;
  border-inline-end: 1px solid #dcdcdc;
  pointer-events: none;
}

.reports-sort select {
  background: none;
  background-color: var(--secondaryColor);
  color: #fff;
  width: 197px;
  height: 56px;
  padding: 0 5px;
  padding-inline-start: 80px;
  border: none;
  font-weight: 500;
  font-size: 16px;
}

@media (max-width: 991px) {
  .reports-sort {
    display: none;
  }
}

.archive-tools {
  margin-bottom: 32px;
  gap: 80px;
}

@media (max-width: 991px) {
  .archive-tools {
    flex-wrap: wrap;
    gap: 16px 24px;
    margin-bottom: 16px;
  }
}

.archive-row {
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 40px;
}

@media (max-width: 991px) {
  .archive-row {
    grid-template-columns: 1fr;
  }
}

.archive-filters {
  padding: 16px;
}

.archive-filters .filters-list {
  padding: 16px;
  margin-bottom: 8px;
}

.archive-filters :last-child {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .archive-filters {
    display: none;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    z-index: 9;
    inset-inline: 0;
    padding: 20px 16px;
    border-radius: 24px 24px 0 0;
    max-height: 70vh;
    overflow-y: auto;
  }

  .archive-filters .filters-title {
    background-color: transparent;
    color: var(--textColor);
  }

  .archive-filters .filters-clear {
    filter: brightness(0) saturate(100%) invert(21%) sepia(99%) saturate(1702%) hue-rotate(195deg) brightness(97%) contrast(92%);
  }
}

@media (min-width: 400px) {
  .modal .modal-dialog {
    --bs-modal-width: 361px;
    margin-inline: auto;
    width: var(--bs-modal-width);
  }
}

@media (min-width: 768px) {
  .modal .modal-dialog {
    --bs-modal-width: calc(100% - 32px);
  }
}

@media (min-width: 1200px) {
  .modal .modal-dialog.modal-xl {
    --bs-modal-width: 1084px;
  }
}

.modal .modal-content {
  border-radius: 24px;
  border: none;
  padding: 0;
  position: relative;
}

.modal .modal-content .modal-body {
  padding: 48px;
}

@media (max-width: 1229px) {
  .modal .modal-content {
    border-radius: 16px;
  }

  .modal .modal-content .modal-body {
    padding: 16px;
  }
}

.modal .modal-close {
  width: 26px;
  height: 26px;
  border-radius: 5px;
  background-color: rgba(10, 94, 176, 0.4);
  fill: var(--triaryColor);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  position: absolute;
  top: 20px;
  inset-inline-end: 20px;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
  .modal .modal-close {
    display: none;
  }
}

.modal .modal-close:hover {
  fill: #fff;
  background-color: #0a5eb0;
}

.knowledge_center-cotnent {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 40px;
}

@media (max-width: 991px) {
  .knowledge_center-cotnent {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

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

@media (max-width: 991px) {
  .knowledge_center-cotnent .knowledge_center-info {
    order: 2;
  }
}

.knowledge_center-cotnent .knowledge_center-title {
  font-size: 24px;
  font-weight: 500;
  color: var(--blackColor);
  line-height: 1.5;
  margin-bottom: 16px;
}

@media (max-width: 991px) {
  .knowledge_center-cotnent .knowledge_center-title {
    font-size: 20px;
  }
}

.knowledge_center-cotnent .knowledge_center-numbers {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

.knowledge_center-cotnent .knowledge_center-number {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .knowledge_center-cotnent .knowledge_center-number {
    font-size: 12px;
  }
}

.knowledge_center-cotnent .knowledge_center-number i {
  width: 16px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.knowledge_center-cotnent .knowledge_center-rate {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
  margin-bottom: 16px;
}

.knowledge_center-cotnent .knowledge_center-rate label {
  font-size: 14px;
  font-weight: 500;
  color: var(--blackColor);
}

.knowledge_center-cotnent .knowledge_center-rate i {
  font-size: 20px;
  color: #dcdcdc;
}

.knowledge_center-cotnent .knowledge_center-rate i.active {
  color: #ffd51d;
}

.knowledge_center-cotnent .knowledge_center-desc {
  font-size: 16px;
  font-weight: 400;
  color: var(--greyColor);
  margin: 0 0 16px;
}

@media (max-width: 991px) {
  .knowledge_center-cotnent .knowledge_center-desc {
    font-size: 14px;
  }
}

.knowledge_center-cotnent .knowledge_center-tags {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.knowledge_center-cotnent .knowledge_center_tags-label {
  font-size: 14px;
  font-weight: 400;
  color: var(--blackColor);
  line-height: 1.5;
  margin-inline-end: 8px;
}

.knowledge_center-cotnent .knowledge_center-tag {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding: 0 16px;
  height: 33px;
  border-radius: 20px;
  font-size: 16px;
  background-color: var(--hoverColor);
  color: var(--blackColor);
  transition: all 0.3s ease-in-out;
}

.knowledge_center-cotnent .knowledge_center-tag:nth-of-type(even) {
  background-color: #f3eace;
}

.knowledge_center-cotnent .knowledge_center-tools {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 16px;
  margin-bottom: 32px;
}

.knowledge_center-cotnent .knowledge_center-content {
  position: relative;
  padding: 0;
}

.knowledge_center-cotnent .download-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 173px;
  min-width: 106px;
  height: 48px;
  background-color: var(--triaryColor);
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  border-radius: 8px 8px 0 0;
  transition: all 0.3s ease-in-out;
}

.knowledge_center-cotnent .download-title:after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 18px;
  transition: all 0.3s ease-in-out;
  margin-inline-start: auto;
  transform: rotate(180deg);
}

.knowledge_center-cotnent .download-title.active {
  border-radius: 8px;
  background-color: var(--hoverColor);
  color: #0b2546;
}

.knowledge_center-cotnent .download-title.active:after {
  transform: rotate(0deg);
}

.knowledge_center-cotnent .download-list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border-radius: 0 0 8px 8px;
  z-index: 9;
  background-color: var(--triaryColor);
  transition: none;
}

.knowledge_center-cotnent .download-item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding: 0;
  /* text-align: left; */
  justify-content: flex-start;
}

.knowledge_center-cotnent .download-all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 32px;
  height: 48px;
  background-color: #1882df;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #f1f7fe;
  transition: all 0.3s ease-in-out;
}

.knowledge_center-cotnent .download-all svg {
  width: 20px;
  height: 20px;
}

.knowledge_center-cotnent .download-all svg path {
  stroke: #f1f7fe !important;
  transition: all 0.3s ease-in-out;
}

.knowledge_center-cotnent .download-all:focus {
  color: #f1f7fe;
}

.knowledge_center-cotnent .download-all:hover {
  background-color: var(--hoverColor);
  color: var(--secondaryColor);
}

.knowledge_center-cotnent .download-all:hover svg path {
  stroke: var(--secondaryColor) !important;
}

@media (max-width: 991px) {
  .knowledge_center-cotnent .download-all {
    font-size: 12px;
    padding: 0 10px;
  }
}

.knowledge_center-cotnent .knowledge_center-img {
  width: 100%;
  aspect-ratio: 300/410;
  border-radius: 16px;
  overflow: hidden;
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .knowledge_center-cotnent .knowledge_center-img {
    aspect-ratio: 329/200;
    order: 1;
  }
}

#knowledge_center_multi_releases .knowledge_center-cotnent .knowledge_center-img {
  height: 100%;
  aspect-ratio: unset;
}

@media (max-width: 991px) {
  #knowledge_center_multi_releases .knowledge_center-cotnent .knowledge_center-img {
    height: unset;
    aspect-ratio: 329/200;
  }
}

.knowledge_center-cotnent .knowledge_center-table {
  border: 1px solid #dcdcdc;
  border-radius: 8px;
}

.knowledge_center-cotnent .knowledge_center_table-item {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.knowledge_center-cotnent .knowledge_center_table-item:nth-of-type(even) {
  background-color: #efefef;
}

.knowledge_center-cotnent .knowledge_center_table-item>* {
  flex: 1;
}

.knowledge_center-cotnent .knowledge_center_table-item .knowledge_center-content {
  flex: unset;
  width: -moz-fit-content;
  width: fit-content;
  /* min-width: 106px; */
  margin-inline-start: auto;
}

.knowledge_center-cotnent .knowledge_center_table-item .knowledge_center-content .download-title {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 8px;
}

.knowledge_center-cotnent .knowledge_center_table-item .title {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  text-align: center;
}

.knowledge_center-cotnent .knowledge_center_table-item .date {
  display: flex;
  flex-direction: column;
  gap: 0;
  text-align: center;
  align-items: center;
  font-size: 12px;
  color: var(--blackColor);
}

.knowledge_center-cotnent .knowledge_center_table-item .date small {
  font-size: 12px;
  color: var(--greyColor);
}

.paging,
.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 32px;
}

.page-numbers li span,
.page-numbers li a {
  margin-top: 0;
}

.paging-item,
.page-numbers li {
  border: 1.5px solid #bdbdbd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #656565;
  font-size: 16px;
  font-weight: 500;
  width: 32px;
  height: 32px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.paging-item:hover,
.page-numbers li:hover {
  border-color: var(--secondaryColor);
}

.paging-item.active,
.page-numbers li:has(.page-numbers.current) {
  border-color: var(--secondaryColor);
  background-color: var(--secondaryColor);
  color: #fff;
}

.main-content {
  position: relative;
  height: 900px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .main-content {
    height: 720px;
  }

  .knowledge_center-cotnent .knowledge_center-table {
    width: fit-content;
  }
}

@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%, var(--textColor) 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: var(--textColor);
  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: 1248/675;
  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: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 72px;
  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: var(--primaryColor);
}

@media (max-width: 1229px) {
  .main-item .item-title {
    font-size: 18px;
    height: 54px;
  }
}

.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;
  }
}

.main-item :last-child {
  margin-bottom: 0;
}

.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: var(--textColor);
  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: var(--textColor);
  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 {
    width: 217px;
    display: none;
  }

  .quote-author.mobile {
    display: flex;
  }
}

.quote-author-text {
  display: block;
  text-align: end;
  font-size: 20px;
  line-height: 1.5;
  color: var(--greyColor);
  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: var(--hoverColor);
  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: var(--greyColor);
    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: 20px;
  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%, var(--blackColor) 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: var(--hoverColor);
  color: var(--blackColor);
  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: 3;
  -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 {
  width: 100%;
}

.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;
  width: 100%;
  max-width: 572px;
  --height: 260px;
}

.statistics-items>div {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.statistics-items> :first-child> :last-child .value {
  color: #f3eace;
  color: var(--textColor) !important;
}

.statistics-items> :first-child> :last-child .value span {
  color: #0b2546;
  color: var(--textColor) !important;
}

.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: var(--hoverColor);
  border-radius: 16px;
  color: var(--textColor) !important;
}

.statistics-item .value {
  /* direction: ltr; */
  font-size: 64px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  line-height: 1.5;
  color: var(--textColor) !important;
}

.statistics-item .value>span {
  line-height: 0.5;
  direction: ltr;
}

.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;
    color: var(--textColor) !important;
  }

  .statistics-item .value span {
    font-size: 48px;
    color: var(--textColor) !important;
  }

  .statistics-item .title {
    font-size: 16px;
    font-weight: 400;
    color: var(--textColor) !important;
  }
}

.map-section .map-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}

@media (max-width: 1229px) {
  .map-section .map-content {
    gap: 16px;
  }
}

@media (max-width: 991px) {
  .map-section .map-content {
    flex-direction: column;
    width: 100%;
    max-width: 626px;
    height: auto;
    margin: 0 auto;
  }
}

.map-section .map-figure {
  width: 50%;
  max-width: 626px;
  aspect-ratio: 626/542;
  flex-shrink: 0;
  position: relative;
}

.map-section .map-figure .custom-loc {
  fill: #dcdcdc;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.map-section .map-figure .custom-loc:hover,
.map-section .map-figure .custom-loc.active {
  fill: #0a519a;
}

@media (max-width: 991px) {
  .map-section .map-figure {
    width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .map-section .map-figure {
    max-width: 343px;
  }
}

.map-section .map-info {
  width: 100%;
}

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

.map-section .map-statistics {
  display: none;
}

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

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

.map-section .map-statistic {
  width: 100%;
  height: 185px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 16px;
  gap: 20px;
  background-color: var(--hoverColor);
  border-radius: 16px;
}

.map-section .map-statistic .value {
  font-size: 36px;
  font-weight: 700;
  color: var(--textColor);
  line-height: 1.5;
  margin: 0;
}

.map-section .map-statistic .title {
  font-size: 24px;
  color: var(--greyColor);
  line-height: 1.5;
}

@media (max-width: 1229px) {
  .map-section .map-statistic {
    height: auto;
  }

  .map-section .map-statistic .value {
    font-size: 24px;
    font-weight: 500;
  }

  .map-section .map-statistic .title {
    font-size: 16px;
  }
}

.custom-tooltip {
  position: absolute;
  transform: translateX(50%);
  background-color: var(--primaryColor);
  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;
}

.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: var(--hoverColor);
  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;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 24px;
  flex-direction: column;
  align-items: flex-start;
}

.achievement-item .achievement-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--textColor);
  line-height: 1.5;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 60px;
  margin: 0;
}

@media (max-width: 767px) {
  .achievement-item .achievement-title {
    font-size: 16px;
    height: 48px;
  }
}

.achievement-item .achievement-date {
  font-size: 12px;
  font-weight: 500;
  color: var(--textColor);
}

.achievement-item .achievement-desc {
  font-size: 16px;
  font-weight: 400;
  color: var(--greyColor);
  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;
  }
}

.articles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 24px;
}

@media (max-width: 1229px) {
  .articles-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .articles-grid {
    grid-template-columns: 1fr;
  }
}

.lattest-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (max-width: 991px) {
  .lattest-list {
    display: none;
  }
}

.article-item {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.article-item .item-img {
  display: flex;
  width: 100%;
  aspect-ratio: 1248/675;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.article-item .item-img img {
  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: 1248/675;
  }
}

.article-item .item-info {
  padding: 12px 8px 0;
}

.article-item .item-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--blackColor);
  line-height: 1.5;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -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: var(--primaryColor);
}

.article-item .item-date {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
  font-size: 14px;
  color: var(--greyColor);
}

.article-item .item-date i {
  width: 24px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  stroke: var(--triaryColor);
}

.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: var(--hoverColor);
  color: var(--blackColor);
  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;
}

.lattest-list .article-item {
  display: flex;
  align-items: start;
  gap: 16px;
}

.lattest-list .article-item .item-img {
  width: 150px;
  aspect-ratio: 1248/675;
  flex-shrink: 0;
}

.lattest-list .article-item .item-info {
  padding: 0;
}

.lattest-list .article-item .item-title {
  -webkit-line-clamp: 2;
}

.lattest-list .article-item .item-label {
  display: none;
}

.lattest-main {
  width: 100%;
  overflow: hidden;
  position: relative;
}

@media (max-width: 991px) {
  .lattest-main {
    max-width: 605px;
    margin: 0 auto;
  }
}

.lattest-main .item-img {
  width: 100%;
  aspect-ratio: 1248/675;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  margin-bottom: 24px;
}

.lattest-main .item-img img {
  transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
  .lattest-main .item-img {
    height: auto;
    margin-bottom: 16px;
  }
}

.lattest-main .item-img:hover img {
  transform: scale(1.1);
}

.lattest-main .item-info {
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .lattest-main .item-info {
    display: block;
  }
}

.lattest-main .item-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--blackColor);
  line-height: 1.5;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 8px;
}

.lattest-main .item-title a {
  color: inherit;
  transition: all 0.3s ease-in-out;
}

.lattest-main .item-title a:hover {
  color: var(--primaryColor);
}

@media (max-width: 991px) {
  .lattest-main .item-title {
    -webkit-line-clamp: 2;
  }
}

.lattest-main .item-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--greyColor);
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 24px;
}

@media (max-width: 991px) {
  .lattest-main .item-desc {
    margin-bottom: 16px;
  }
}

.lattest-main .item-date {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
  font-size: 14px;
  color: var(--greyColor);
  order: 4;
}

.lattest-main .item-date i {
  width: 24px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  stroke: var(--triaryColor);
}

@media (max-width: 767px) {
  .lattest-main .item-date {
    order: unset;
    margin-bottom: 16px;
  }
}

.lattest-main .item-btn {
  width: 100%;
  display: none;
}

@media (max-width: 767px) {
  .lattest-main .item-btn {
    display: flex;
  }
}

.lattest-main .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: var(--hoverColor);
  color: var(--blackColor);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

.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: var(--greyColor);
    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: var(--triaryColor);
  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: var(--triaryColor);
  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%, var(--blackColor) 100%);
  visibility: hidden;
  opacity: 0;
  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: 20px;
  font-weight: 700;
  color: var(--blackColor);
  line-height: 1.5;
  width: 100%;
  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: var(--greyColor);
  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: var(--blackColor);
  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: var(--hoverColor);
  color: var(--blackColor);
  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;
  cursor: pointer;
}

.knowledge_center-item .item-btn:last-of-type {
  background-color: var(--hoverColor);
  color: var(--textColor);
  stroke: var(--secondaryColor);
}

.knowledge_center-item:hover .item-img img {
  transform: scale(1.1);
}

.knowledge_center-item:hover .item-img::after {
  visibility: visible;
  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-text {
  width: 100%;
}

.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: var(--textColor);
  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: var(--blackColor);
  margin: 0 0 24px;
}

@media (max-width: 991px) {
  .quote-item .item-title {
    font-size: 18px;
  }
}

.quote-item .item-desc,
.quote-item .item-desc p,
.quote-item .item-desc ul {
  font-size: 20px;
  line-height: 1.5;
  color: var(--greyColor);
  margin: 0;
}

@media (max-width: 991px) {

  .quote-item .item-desc,
  .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: var(--greyColor);
  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;
}

.feature-item :last-child {
  margin: 0;
}

@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: var(--hoverColor);
  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: flex;
  align-items: center;
  margin: 0;
}

.feature-item .title svg {
  margin-inline-start: 5px;
  width: 20px;
  height: 20px;
  fill: #1f2a37;
}

@media (max-width: 1229px) {
  .feature-item .title {
    height: auto;
  }
}

@media (max-width: 991px) {
  .feature-item .title {
    justify-content: center;
    text-align: center;
    font-size: 12px;
  }
}

.feature-item .desc {
  font-size: 16px;
  font-weight: 500;
  color: var(--greyColor);
  margin: 0;
}

.feature-item .location {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 16px;
  width: -moz-fit-content;
  width: fit-content;
  height: 36px;
  background-color: var(--hoverColor);
  border-radius: 20px;
  font-size: 16px;
  color: var(--blackColor);
  margin: 0 auto 12px;
}

.feature-item .job {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1.5;
  color: var(--greyColor);
  margin: 0 0 12px;
}

.feature-item .mail {
  font-size: 16px;
  line-height: 1.5;
  color: var(--greyColor);
}

.feature-item .mail:hover {
  color: var(--secondaryColor);
}

.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;
  justify-content: center;
  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.mission {
  padding: 16px;
}

.feature-item.mission .icon {
  margin-inline: auto;
}

.feature-item.mission .title {
  height: 90px;
  justify-content: center;
  text-align: center;
}

@media (max-width: 991px) {
  .feature-item.mission .title {
    font-size: 16px;
    height: auto;
  }
}

.feature-item.member {
  padding: 16px;
  text-align: center;
}

.feature-item.member .icon {
  margin-inline: auto;
}

.feature-item.member .title {
  height: auto;
  justify-content: center;
  text-align: center;
  margin: 0 0 12px;
}

@media (max-width: 1229px) {
  .feature-item.member .title {
    font-size: 16px;
    white-space: nowrap;
  }
}

.missions-grid .feature-item .title {
  height: auto;
  margin: 0 0 12px;
}

.missions-grid .feature-item .desc {
  height: 48px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
}

.feature-item.rule {
  padding: 16px;
}

.feature-item.rule .icon {
  margin: 0 auto 24px;
}

.feature-item.rule .title {
  height: auto;
  justify-content: center;
  text-align: center;
  margin: 0 0;
}

@media (max-width: 991px) {
  .feature-item.rule .title {
    font-size: 12px;
  }
}

.feature-item.info {
  padding: 16px;
}

.feature-item.info .title {
  height: auto;
  margin: 0 0;
}

@media (max-width: 991px) {
  .feature-item.info .title {
    font-size: 16px;
  }
}

.feature-item.target {
  padding: 16px;
}

.feature-item.target .icon {
  margin: 0 auto 24px;
}

.feature-item.target .title {
  height: auto;
  justify-content: center;
  text-align: center;
  margin: 0 0 12px;
}

.services_target-list .feature-item.target:not(:first-child) svg {
  display: none;
}

@media (max-width: 991px) {
  .feature-item.target .title {
    font-size: 14px;
  }
}

.feature-item.target .desc {
  text-align: center;
}

.feature-item.target :last-child {
  margin-bottom: 0;
}

.feature-item:hover {
  border-color: var(--secondaryColor);
}

.services_target-list.index-page {
  margin: 40px 0 0;
}

.feature-item.index-page {
  background-color: var(--triaryColor);
}

.feature-item.target .title.index-page {
  color: var(--hoverColor);
}

.feature-item.target .desc.index-page {
  color: var(--hoverColor);
}

.feature-item.index-page:hover {
  border-color: var(--secondaryColor);
}

.feature-item .title.index-page svg {
  fill: var(--hoverColor);
}



.banner-section {
  padding: 80px 0;
}

@media (max-width: 991px) {
  .banner-section {
    padding: 40px 0;
  }
}

.banner-content {
  padding: 64px 20px;
  background-color: #0a519a;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  transform: perspective(1px);
}

.banner-content::after,
.banner-content::before {
  content: "";
  position: absolute;
  width: 535px;
  aspect-ratio: 1;
  background-color: transparent;
  position: absolute;
  border-radius: 50%;
  border: 56px solid #83bff6;
  opacity: 0.1;
  z-index: -1;
}

.banner-content::after {
  inset-inline-end: -188px;
  top: -76px;
}

.banner-content::before {
  inset-inline-start: -160px;
  bottom: 47px;
}

@media (max-width: 991px) {
  .banner-content {
    border-top: 6px solid #f1f7fe;
  }

  .banner-content::before {
    border-width: 30px;
    width: 296px;
    inset-inline-start: -145px;
    bottom: 82px;
  }

  .banner-content::after {
    border-width: 30px;
    width: 202px;
    inset-inline-end: -102px;
    top: 97px;
  }
}

.banner-title {
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 40px;
}

.banner-contacts {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 991px) {
  .banner-contacts {
    flex-direction: column;
    gap: 12px;
  }
}

.banner-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  gap: 5px;
  color: #fff;
  font-size: 16px;
  line-height: 2.25;
  font-weight: 500;
  padding: 0 32px;
}

@media (max-width: 991px) {
  .banner-contact {
    padding: 0;
  }
}

.banner-contact i {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 7px;
}

.banner-contact a {
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.banner-contact a:focus {
  color: #fff;
}

.banner-contact a:hover {
  color: var(--hoverColor);
}

.banner-contact::after {
  content: "|";
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 991px) {
  .banner-contact::after {
    display: none;
  }
}

.banner-contact:last-of-type::after {
  display: none;
}

.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: var(--secondaryColor);
  transition: all 0.3s ease-in-out;
}

.header-icon:hover {
  stroke: var(--secondaryColor);
  background-color: var(--hoverColor);
}

@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: var(--secondaryColor);
  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: var(--hoverColor);
  color: var(--textColor);
  stroke: var(--secondaryColor);
}

@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),
  .nav-list>li:has(> a:hover, > a.active) {
    background-color: var(--triaryColor);
  }
}

.nav-link,
.nav-list>li>a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 500;
  font-size: 16px;
  color: var(--textColor);
  transition: all 0.3s ease-in-out;
}

.has-children .nav-link:after,
.nav-list>.menu-item-has-children>a: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;
  border: none;
  margin: 0;
  vertical-align: unset;
  transition: all 0.3s ease-in-out;
}

.nav-link:focus,
.nav-list>li>a:focus {
  color: var(--textColor);
}

@media (min-width: 1230px) {

  .nav-link:hover,
  .nav-list>li>a:hover {
    color: #fff;
  }

  .nav-link:hover:after,
  .nav-list>li>a:hover:after {
    filter: brightness(0) invert(1);
  }

  .nav-link.active,
  .nav-list>li>a.active {
    color: #fff;
  }

  .nav-link.active:after,
  .nav-list>li>a.active:after {
    filter: brightness(0) invert(1);
  }

  .nav-link.active:focus,
  .nav-list>li>a.active:focus {
    color: #fff;
  }
}

.has-children,
.nav-list>.menu-item-has-children {
  position: relative;
}

@media (min-width: 1230px) {

  .has-children:hover,
  .nav-list>.menu-item-has-children:hover {
    background-color: var(--triaryColor);
  }

  .has-children:hover .children-content,
  .nav-list>.menu-item-has-children:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
  }

  .has-children:hover .nav-link,
  .nav-list>.menu-item-has-children:hover>a {
    color: #fff;
  }

  .has-children:hover .nav-link:after,
  .nav-list>.menu-item-has-children:hover>a:after {
    transform: rotate(180deg);
    filter: brightness(0) invert(1);
  }
}

.children-content,
.nav-list>.menu-item-has-children>.dropdown-menu {
  position: absolute;
  top: calc(100% + 36px);
  inset-inline-start: -120px;
  background-color: #fff;
  border-radius: 8px;
  border: none;
  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,
.nav-list>.menu-item-has-children>.dropdown-menu>li {
  width: 246px;
}

.children-item h4,
.nav-list>.menu-item-has-children>.dropdown-menu>li>a {
  font-weight: 700;
  font-size: 18px;
  color: var(--blackColor);
  line-height: 1.5;
  display: block;
  padding: 0 16px;
  margin: 0 0 12px;
}

@media (max-width: 1329px) {

  .children-item,
  .nav-list>.menu-item-has-children>.dropdown-menu>li {
    width: 200px;
  }
}

.children-menu,
.nav-list>.menu-item-has-children>.dropdown-menu>li>.dropdown-menu {
  padding: 0;
  margin: 0;
  transform: unset;
  inset: unset;
  position: relative;
  border: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.children-link,
.nav-list>.menu-item-has-children>.dropdown-menu>li>.dropdown-menu a {
  font-weight: 400;
  font-size: 16px;
  color: var(--blackColor);
  line-height: 1.5;
  transition: all 0.3s ease-in-out;
}

.children-link:focus,
.nav-list>.menu-item-has-children>.dropdown-menu>li>.dropdown-menu a:focus {
  color: var(--blackColor);
}

.children-link:hover,
.nav-list>.menu-item-has-children>.dropdown-menu>li>.dropdown-menu a:hover {
  color: var(--primaryColor);
}

.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: var(--greyColor);
  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,
  .header-nav .nav-list>li>a {
    padding: 0 12px;
    font-size: 16px;
    height: 48px;
    border-radius: 8px;
    justify-content: space-between;
  }

  .header-nav .nav-link.active,
  .header-nav .nav-list>li>a .active {
    background-color: var(--triaryColor);
    color: #fff;
  }

  .header-nav .nav-link.active:after,
  .header-nav .nav-list>li>a.active:after {
    filter: brightness(0) invert(1);
    transform: rotate(180deg);
  }

  .header-nav .children-content,
  .header-nav .nav-list>.menu-item-has-children>.dropdown-menu {
    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,
  .header-nav .nav-list>.menu-item-has-children>.dropdown-menu>li {
    width: 100%;
    margin-bottom: 15px;
  }

  .header-nav .children-item h4,
  .header-nav .nav-list>.menu-item-has-children>.dropdown-menu>li>a {
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    margin: 0 0 5px;
  }

  .header-nav .children-menu,
  .header-nav .nav-list>.menu-item-has-children>.dropdown-menu>li>.dropdown-menu {
    padding: 0 15px;
  }

  .header-nav .children-link,
  .header-nav .nav-list>.menu-item-has-children>.dropdown-menu>li>.dropdown-menu a {
    color: var(--greyColor);
  }

  .header-nav .nav-tools {
    display: flex;
  }
}

.search-cont {
  margin-inline-start: 42px;
}

@media (max-width: 1329px) {
  .search-cont {
    margin-inline-start: 27px;
  }
}

@media (max-width: 1229px) {
  .search-cont {
    margin-inline-start: 27px;
  }
}

@media (max-width: 991px) {
  .search-cont {
    margin: 0;
  }
}

.search-trigger {
  width: 47px;
  height: 47px;
  padding: 0;
  background-color: var(--secondaryColor);
  border-radius: 50%;
  background-color: var(--secondaryColor);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  font-size: 24px;
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.search-trigger i {
  transform: scaleX(-1);
}

.search-trigger:hover {
  background-color: var(--primaryColor);
  color: #fff;
}

@media (max-width: 767px) {
  .search-trigger {
    height: auto;
    justify-content: flex-end;
    background-color: transparent;
    color: var(--textColor);
  }

  .search-trigger:hover {
    background-color: transparent;
    color: var(--textColor);
  }
}

.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 98;
  background-color: rgba(0, 0, 0, 0.9);
  text-align: center;
  display: none;
}

.close-search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 75px auto;
  font-size: 36px;
  color: #fff;
  border: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}

.close-search:hover {
  color: var(--secondaryColor);
}

.float_search-form {
  position: fixed;
  top: 200px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 500px;
  width: calc(100vw - 10%);
  z-index: 99;
  display: none;
}

.float_search-form form {
  width: 100%;
}

.float_search-form .float_search-input {
  width: 100%;
  height: 56px;
  border-radius: 8px;
  border: 2px solid #dcdcdc;
  background-color: #fff;
  padding: 0 16px;
  padding-inline-end: 48px;
  font-size: 16px;
  font-weight: 500;
  color: var(--blackColor);
  transition: all 0.3s ease-in-out;
}

.float_search-form .float_search-input::-moz-placeholder {
  font-weight: 400;
  color: var(--greyColor);
}

.float_search-form .float_search-input::placeholder {
  font-weight: 400;
  color: var(--greyColor);
}

.float_search-form .float_search-input:focus {
  border-color: #0a519a;
}

.float_search-form .float_search-btn {
  position: absolute;
  inset-inline-end: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  stroke: var(--triaryColor);
  padding: 0;
  transition: all 0.3s ease-in-out;
}

.float_search-form .float_search-btn:hover {
  stroke: var(--primaryColor);
}

.float_search-form .reset-float_search {
  position: absolute;
  inset-inline-end: 46px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  fill: var(--triaryColor);
  opacity: 0.7;
  padding: 0;
  transition: all 0.3s ease-in-out;
}

.float_search-form .reset-float_search:hover {
  fill: var(--bs-danger);
  opacity: 1;
}

.float_search-form .float_search-input:placeholder-shown~.reset-float_search {
  opacity: 0;
}

.breadcrumb-section {
  padding: 50px;
}

.search.search-results .post-thumbnail img {
  width: 100%;
}

@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: var(--hoverColor);
}

@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;
  color: #dcdcdc;
}

@media (max-width: 767px) {
  .footer-section {
    padding: 0 0 32px;
  }
}

.footer-content {
  background-color: #0a519a;
  padding: 60px 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: 190px;
  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;
  flex-wrap: wrap;
  gap: 16px 8px;
}

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

.social::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  background-color: var(--primaryColor);
  transition: all 0.3s ease-in-out;
}

.social i {
  position: relative;
  z-index: 2;
}

.social:focus {
  color: #371b11;
}

.social:hover {
  background-color: transparent;
  color: #fff;
}

.social:hover::after {
  visibility: visible;
  opacity: 1;
}

.social:has([class$="twitter"])::after {
  background-color: #000;
}

.social:has([class$="linkedin"])::after {
  background-color: #0a66c2;
}

.social:has([class$="facebook"])::after {
  background-color: #1877f2;
}

.social:has([class$="whatsapp"])::after {
  background-color: #198754;
}

.social:has([class$="snapchat"])::after {
  background-color: #fffc00;
}

.social:has([class$="snapchat"]):hover {
  color: #371b11;
}

.social:has([class$="snapchat"])::after {
  background-color: #fffc00;
}

.social:has([class$="snapchat"]):hover {
  color: #371b11;
}

.social:has([class$="instagram"])::after {
  background-color: transparent;
  background: linear-gradient(45deg, #f58529, #feda77, #dd2a7b, #8134af, #515bd4);
}

.newsletter-form,
#newsletters-1-form-wrapper .newsletters-form-wrapper .form-onecolumn {
  display: flex;
  align-items: center;
  gap: 8px;
}

.newsletter-input,
#newsletters-1-form-wrapper .newsletters-form-wrapper .form-control {
  height: 49px;
  width: 325px;
  background-color: 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,
#newsletters-1-form-wrapper .newsletters-form-wrapper .form-control:focus {
  border-color: #fff;
}

.newsletter-input::-moz-placeholder,
#newsletters-1-form-wrapper .newsletters-form-wrapper .form-control::-moz-placeholder {
  color: #fff;
  font-weight: 400;
}

.newsletter-input::placeholder,
#newsletters-1-form-wrapper .newsletters-form-wrapper .form-control::placeholder {
  color: #fff;
  font-weight: 400;
}

html[dir="rtl"] .newsletter-input::-moz-placeholder,
html[lang="ar"] .newsletter-input::-moz-placeholder,
html[dir="rtl"] #newsletters-1-form-wrapper .newsletters-form-wrapper .form-control::-moz-placeholder,
html[lang="ar"] #newsletters-1-form-wrapper .newsletters-form-wrapper .form-control::-moz-placeholder {
  text-align: right;
}

html[dir="rtl"] .newsletter-input::placeholder,
html[lang="ar"] .newsletter-input::placeholder,
html[dir="rtl"] #newsletters-1-form-wrapper .newsletters-form-wrapper .form-control::placeholder,
html[lang="ar"] #newsletters-1-form-wrapper .newsletters-form-wrapper .form-control::placeholder {
  text-align: right;
}

@media (max-width: 767px) {

  .newsletter-input,
  #newsletters-1-form-wrapper .newsletters-form-wrapper .form-control {
    width: 100%;
  }
}

.newsletter-btn,
#newsletters-1-form-wrapper .newsletters-form-wrapper #newsletters-1-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: var(--secondaryColor);
  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,
#newsletters-1-form-wrapper .newsletters-form-wrapper #newsletters-1-button:focus {
  color: #fff;
}

.newsletter-btn:hover,
#newsletters-1-form-wrapper .newsletters-form-wrapper #newsletters-1-button:hover {
  background-color: var(--hoverColor);
  color: var(--textColor);
}

.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: 40px 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: var(--greyColor);
  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_X::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: var(--hoverColor);
  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: var(--greyColor);
  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: var(--hoverColor);
  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: var(--textColor);
  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: 500;
  color: var(--greyColor);
  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: var(--textColor);
  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));
}

.history-page {
  overflow: hidden;
}

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

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

.history-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 50px 0;
}

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

.history-main .history-body {
  font-size: 20px;
  font-weight: 500;
  color: var(--greyColor);
  line-height: 1.5;
  position: relative;
  margin: 0 0 80px;
}

@media (max-width: 991px) {
  .history-main .history-body {
    text-align: center;
    font-size: 16px;
    margin-bottom: 40px;
  }
}

.history-main .history-img {
  position: relative;
  flex-shrink: 0;
  width: 50%;
  max-width: 600px;
  aspect-ratio: 600/450;
  overflow: hidden;
  border-radius: 24px;
}

@media (max-width: 991px) {
  .history-main .history-img {
    aspect-ratio: 361/271;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .history-main {
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 40px 0;
  }

  .history-main .section-head {
    margin-bottom: 12px;
  }
}

/*.timeline-content {
  padding: 160px 0;
}*/
.timeline-content .section-head {
  display: none;
  margin: 0 0 40px;
}

@media (max-width: 1229px) {
  .timeline-content .section-head {
    display: flex;
  }
}

@media (max-width: 991px) {
  .timeline-content {
    padding: 0 0;
  }
}

.timeline-slider .swiper {
  overflow: unset;
}

@media (max-width: 1229px) {
  .timeline-slider .swiper-wrapper {
    flex-direction: column;
    gap: 40px 20px;
  }
}

@media (max-width: 991px) {
  .timeline-slider .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .timeline-slider .swiper-wrapper {
    grid-template-columns: 1fr;
  }
}

.timeline-slider .swiper-slide {
  width: calc(100% - 48px);
}

@media (max-width: 1229px) {
  .timeline-slider .swiper-slide {
    width: 100%;
  }
}

.timeline-slider .timeline-pagination {
  position: relative;
  inset: unset;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

@media (max-width: 1329px) {
  .timeline-slider .timeline-pagination {
    gap: 5px;
    justify-content: space-between;
  }
}

@media (max-width: 1229px) {
  .timeline-slider .timeline-pagination {
    display: none;
  }
}

.timeline-slider .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  width: auto;
  height: auto;
  background-color: transparent;
  margin: 0;
}

.timeline-slider .swiper-pagination-bullet span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 700;
  color: var(--blackColor);
  background-color: #fff;
  padding: 0 15px;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}

.timeline-slider .swiper-pagination-bullet:after {
  content: "";
  width: 30px;
  background-color: var(--blackColor);
  height: 1px;
  margin: 0 3px;
}

@media (max-width: 1329px) {
  .timeline-slider .swiper-pagination-bullet:after {
    display: none;
  }
}

.timeline-slider .swiper-pagination-bullet:last-of-type:after {
  display: none;
}

.timeline-slider .swiper-pagination-bullet.swiper-pagination-bullet-active span {
  background-color: #f1f7fe;
}

.timeline-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-of-type(even) span {
  background-color: #f3eace;
}

.timeline-item {
  display: flex;
  align-items: center;
  gap: 50px;
  background-color: #f1f7fe;
  border-radius: 24px;
  overflow: hidden;
}

@media (max-width: 1229px) {
  .timeline-item {
    gap: 0;
  }
}

@media (max-width: 991px) {
  .timeline-item {
    width: 100%;
    max-width: 361px;
    flex-direction: column-reverse;
    border-radius: 16px;
    height: 100%;
    justify-content: start;
    margin: 0 auto;
  }
}

.timeline-item .timeline-info {
  width: 100%;
  padding: 20px 50px;
}

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

@media (max-width: 991px) {
  .timeline-item .timeline-info {
    padding: 16px;
  }
}

.timeline-item .label {
  height: 56px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  color: var(--blackColor);
  background-color: #fff;
  padding: 0 15px;
  margin: 0 0 32px;
}

.timeline-item .title {
  font-size: 32px;
  font-weight: 500;
  color: var(--textColor);
  line-height: 1.5;
  margin: 0 0 32px;
}

@media (max-width: 1229px) {
  .timeline-item .title {
    font-size: 20px;
  }
}

.timeline-item .desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--greyColor);
  margin: 0;
}

.timeline-item .desc * {
  line-height: 1.5;
}

.timeline-item .desc ul {
  list-style: disc;
  padding-inline-start: 20px;
}

@media (max-width: 1229px) {
  .timeline-item .desc {
    font-size: 16px;
  }
}

.timeline-item .timeline-img {
  width: 50%;
  max-width: 500px;
  aspect-ratio: 1;
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .timeline-item .timeline-img {
    width: 100%;
    max-width: unset;
    aspect-ratio: 361/200;
    overflow: hidden;
  }
}

.swiper-slide:nth-of-type(even) .timeline-item {
  background-color: #f3eace;
}

.committees-page {
  overflow: hidden;
}

.committees-page .section-head {
  margin-bottom: 80px;
}

@media (max-width: 991px) {
  .committees-page .section-head {
    margin-bottom: 40px;
  }
}

.committees-page .members-main .section-head {
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .committees-page .members-main .section-head {
    margin-bottom: 12px;
  }
}

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

.members-main {
  padding: 80px 0;
}

@media (max-width: 767px) {
  .members-main {
    padding: 0;
  }
}

.members-main .section-head {
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .members-main .section-head {
    margin-bottom: 12px;
  }
}

.members-main .members-body {
  font-size: 20px;
  font-weight: 500;
  color: var(--greyColor);
  line-height: 1.5;
  position: relative;
  margin: 0;
}

@media (max-width: 991px) {
  .members-main .members-body {
    font-size: 16px;
    text-align: center;
  }
}

.committees-missions {
  padding: 80px 0;
}

@media (max-width: 767px) {
  .committees-missions {
    padding: 40px 0 0;
  }
}

.missions-flex {
  display: flex;
  --count: 4;
  --gap: 24px;
  gap: var(--gap);
  flex-wrap: wrap;
}

@media (max-width: 1229px) {
  .missions-flex {
    --count: 3;
  }
}

@media (max-width: 991px) {
  .missions-flex {
    --count: 2;
  }
}

@media (max-width: 767px) {
  .missions-flex {
    --count: 1;
  }
}

.hr-page .missions-flex {
  display: flex;
  --count: 5;
  --gap: 24px;
  gap: var(--gap);
  flex-wrap: wrap;
}

@media (max-width: 1229px) {
  .hr-page .missions-flex {
    --count: 3;
  }
}

@media (max-width: 991px) {
  .hr-page .missions-flex {
    --count: 2;
  }
}

@media (max-width: 767px) {
  .hr-page .missions-flex {
    --count: 1;
  }
}

.purchase-page .missions-flex {
  display: flex;
  --count: 3;
  --gap: 24px;
  gap: var(--gap);
  flex-wrap: wrap;
}

@media (max-width: 1229px) {
  .purchase-page .missions-flex {
    --count: 3;
  }
}

@media (max-width: 991px) {
  .purchase-page .missions-flex {
    --count: 2;
  }
}

@media (max-width: 767px) {
  .purchase-page .missions-flex {
    --count: 1;
  }
}

.missions-flex .mission {
  flex: 1;
  min-width: calc(100% / var(--count) - var(--gap) * (var(--count) - 1) / var(--count));
}

.committees-members {
  padding: 80px 0;
}

.committees-members .section-head {
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .committees-members {
    padding: 32px 0;
  }
}

.members-features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 24px;
  width: 100%;
}

@media (max-width: 1229px) {
  .members-features-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 991px) {
  .members-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.purchase-page .members-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 24px;
  width: 100%;
}

@media (max-width: 1229px) {
  .purchase-page .members-features-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 991px) {
  .purchase-page .members-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .purchase-page .members-features-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.council-page {
  overflow: hidden;
}

.council-page .section-head {
  margin-bottom: 80px;
}

@media (max-width: 991px) {
  .council-page .section-head {
    margin-bottom: 40px;
  }
}

.council-page .members-main .section-head {
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .council-page .members-main .section-head {
    margin-bottom: 12px;
  }
}

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

.council-missions {
  padding: 80px 0;
}

@media (max-width: 767px) {
  .council-missions {
    padding: 40px 0 0;
  }
}

.missions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 991px) {
  .missions-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .missions-grid {
    grid-template-columns: 1fr;
  }
}

.council-members {
  padding: 80px 0;
}

.council-members .section-head {
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .council-members {
    padding: 32px 0;
  }
}

.members-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  width: 100%;
}

@media (max-width: 1229px) {
  .members-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 991px) {
  .members-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .members-grid {
    grid-template-columns: 1fr;
  }
}

.committees-members .members-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  width: 100%;
}

@media (max-width: 1229px) {
  .committees-members .members-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 991px) {
  .committees-members .members-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 767px) {
  .committees-members .members-grid {
    grid-template-columns: 1fr;
  }
}

.member-item {
  border: 6px solid #f1f7fe;
  text-align: center;
  padding: 16px;
  border-radius: 16px;
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.member-item :last-child {
  margin: 0;
}

.member-item .member-img {
  width: 100%;
  height: 150px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
}

.member-item .member-name {
  color: #1f2a37;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  display: block;
  margin: 0 0 12px;
}

.member-item .member-role {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1.5;
  color: var(--greyColor);
}

.member-item:hover {
  border-color: var(--secondaryColor);
}

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

@media (max-width: 991px) {
  .reports-page {
    overflow: hidden;
  }
}

.reports-main {
  padding: 20px 0;
}

@media (max-width: 767px) {
  .reports-main {
    padding: 0;
  }
}

.reports-main .section-head {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .reports-main .section-head {
    margin-bottom: 12px;
  }
}

.reports-main .reports-body {
  font-size: 20px;
  font-weight: 500;
  color: var(--greyColor);
  line-height: 1.5;
  position: relative;
  margin: 0 0;
}

@media (max-width: 991px) {
  .reports-main .reports-body {
    font-size: 16px;
    text-align: center;
  }
}

.reports-content {
  padding: 96px 0 80px;
}

@media (max-width: 767px) {
  .reports-content {
    padding: 56px 0 16px;
  }
}

.reports-row {
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 40px;
  align-items: start;
}

@media (max-width: 991px) {
  .reports-row {
    grid-template-columns: 1fr;
    position: relative;
  }
}

.reports-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 12px;
}

@media (max-width: 1229px) {
  .reports-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

@media (max-width: 991px) {
  .reports-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .reports-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.report-item {
  border: 6px solid #f1f7fe;
  border-radius: 16px;
  padding: 16px;
  transition: all 0.3s ease-in-out;
}

.report-item :last-child {
  margin: 0;
}

.report-item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--hoverColor);
  font-size: 16px;
  font-weight: 400;
  stroke: var(--triaryColor);
  margin: 0 0 24px;
}

.report-item .title {
  color: #1f2a37;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  display: block;
  margin: 0 0 12px;
}

@media (max-width: 991px) {
  .report-item .title {
    font-size: 12px;
  }
}

.report-item .desc {
  font-size: 16px;
  color: var(--greyColor);
  margin: 0 0 24px;
}

@media (max-width: 991px) {
  .report-item .desc {
    font-size: 12px;
  }
}

.report-item .btn {
  width: 100%;
  max-width: 165px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
  stroke: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
  background-color: var(--secondaryColor);
  padding: 0;
  transition: all 0.3s ease-in-out;
}

.report-item .btn:hover {
  background-color: var(--hoverColor);
  stroke: var(--textColor);
  color: var(--textColor);
}

.report-item:hover {
  border-color: var(--secondaryColor);
}

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

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

.contact-main {
  padding: 80px 0;
}

@media (max-width: 991px) {
  .contact-main {
    padding: 0 0 40px;
  }
}

.contact-desc {
  font-size: 20px;
  font-weight: 500;
  color: var(--greyColor);
  line-height: 1.5;
  text-align: center;
  margin: 0;
}

@media (max-width: 991px) {
  .contact-desc {
    font-size: 16px;
  }
}

.contact-form,
.contact-page .ffs_default_wrap {
  padding: 80px 0;
  width: 100%;
  max-width: 880px;
  margin: 0 auto 80px;
}

@media (max-width: 991px) {

  .contact-form,
  .contact-page .ffs_default_wrap {
    padding: 40px 0 32px;
    margin: 0 auto;
  }
}

.contact-map {
  padding: 80px 0;
}

@media (max-width: 991px) {
  .contact-map {
    padding: 0 0 32px;
  }
}

.map-content {
  margin-top: 80px;
  height: 500px;
  border-radius: 24px;
  overflow: hidden;
  width: 100%;
}

@media (max-width: 991px) {
  .map-content {
    border-radius: 16px;
    margin-top: 40px;
  }
}

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

@media (max-width: 991px) {
  .program-page>section {
    padding-bottom: 32px;
  }
}

.program-head {
  gap: 8px;
  width: 100%;
  max-width: 828px;
  margin: 0 0 80px;
}

.program-head.center {
  margin-inline: auto;
}

.program-head .section-desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--greyColor);
  margin: 0 0;
}

@media (max-width: 767px) {
  .program-head .section-desc {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .program-head {
    text-align: center;
    margin-inline: auto;
  }
}

.program-about {
  padding: 80px 0;
}

@media (max-width: 991px) {
  .program-about {
    padding: 32px 0 0;
  }
}

.program_about-content {
  display: flex;
  align-items: center;
  gap: 40px;
}

@media (max-width: 991px) {
  .program_about-content {
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }

  .program_about-content .section-head {
    margin-bottom: 12px;
  }
}

.program_about-content .program_about-desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--greyColor);
  text-align: justify;
  margin: 0 0;
}

@media (max-width: 991px) {
  .program_about-content .program_about-desc {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .program_about-content .program_about-desc {
    font-size: 16px;
  }
}

.program_about-content .program_about-img {
  width: 50%;
  max-width: 600px;
  aspect-ratio: 600/450;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .program_about-content .program_about-img {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .program_about-content .program_about-img {
    aspect-ratio: 361/271;
    border-radius: 16px;
  }
}

.program_about-content .program_about-imgs {
  width: 50%;
  max-width: 600px;
  flex-shrink: 0;
  display: flex;
  gap: 15px;
  align-items: start;
}

.program_about-content .program_about-imgs img {
  width: 33.3333333333%;
  aspect-ratio: 190/350;
  border-radius: 24px;
  overflow: hidden;
  margin-top: 100px;
}

.program_about-content .program_about-imgs img:nth-of-type(2) {
  margin-top: 0;
}

@media (max-width: 767px) {
  .program_about-content .program_about-imgs img {
    aspect-ratio: 110/220;
    border-radius: 16px;
    margin-top: 50px;
  }

  .program_about-content .program_about-imgs img:nth-of-type(2) {
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  .program_about-content .program_about-imgs {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .program_about-content .program_about-imgs {
    margin: 0 auto;
  }
}

.endowment_types-section {
  padding: 80px 0;
}

@media (max-width: 991px) {
  .endowment_types-section {
    padding: 32px 0 0;
  }
}

.endowment_types-content {
  position: relative;
}

@media (max-width: 991px) {
  .endowment_types-content .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .endowment_types-content .swiper-wrapper {
    grid-template-columns: 1fr;
  }
}

.endowment_types-item {
  position: relative;
}

.endowment_types-item .item-img {
  width: 100%;
  aspect-ratio: 1248/800;
  border-radius: 24px;
  overflow: hidden;
}

.endowment_types-item .endowment_item-content {
  background-color: #fff;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 60%;
  max-width: 1100px;
  border-end-end-radius: 24px;
  padding-bottom: 24px;
}

.endowment_types-item .endowment_item-content::after,
.endowment_types-item .endowment_item-content::before {
  content: "";
  position: absolute;
  width: 24px;
  aspect-ratio: 1;
  background-image: radial-gradient(circle at 100% 100%, transparent 24px, #fff 25px);
  transform: rotate(0deg);
}

html[dir="rtl"] .endowment_types-item .endowment_item-content::after,
html[lang="ar"] .endowment_types-item .endowment_item-content::after,
html[dir="rtl"] .endowment_types-item .endowment_item-content::before,
html[lang="ar"] .endowment_types-item .endowment_item-content::before {
  transform: rotate(90deg);
}

.endowment_types-item .endowment_item-content::after {
  top: 0;
  inset-inline-end: -24px;
}

.endowment_types-item .endowment_item-content::before {
  bottom: -24px;
  inset-inline-start: 0;
}

.endowment_types-item .content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 70px;
}

.endowment_types-item .mobile {
  display: none;
}

.endowment_types-item .title {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 700;
  color: var(--textColor);
  margin: 0 0 24px;
}

.endowment_types-item .item-info {
  padding-inline-end: 15px;
}

@media (max-width: 1329px) {
  .endowment_types-item .item-info {
    padding-inline-end: 0;
  }
}

.endowment_types-item .desc {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--greyColor);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0;
  height: 90px;
}

@media (max-width: 767px) {
  .endowment_types-item .desc {
    font-size: 16px;
  }
}

.endowment_types-item .list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-inline-end: 10px;
  gap: 10px;
}

.endowment_types-item .list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--greyColor);
}

.endowment_types-item .list li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--triaryColor);
  font-size: 12px;
  flex-shrink: 0;
  width: 20px;
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(10, 94, 176, 0.4);
}

@media (max-width: 991px) {
  .endowment_types-item {
    border-radius: 24px;
    overflow: hidden;
    width: 100%;
  }

  .endowment_types-item .item-img {
    width: 100%;
    border-radius: 0;
    position: relative;
  }

  .endowment_types-item .item-img:after {
    content: "";
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(10, 81, 154, 0) 0%, rgba(10, 81, 154, 0.7) 80%);
  }

  .endowment_types-item .endowment_item-content {
    position: relative;
    inset: unset;
    background-color: #f1f7fe;
    width: 100%;
    max-width: unset;
    display: block;
    padding: 0;
  }

  .endowment_types-item .endowment_item-content::after,
  .endowment_types-item .endowment_item-content::before {
    display: none;
  }

  .endowment_types-item .content {
    display: block;
    padding: 20px 16px 16px;
  }

  .endowment_types-item .title {
    font-size: 20px;
    margin: 0 0 16px;
  }

  .endowment_types-item .type-title {
    display: none;
  }

  .endowment_types-item .type-title.mobile {
    display: flex;
    position: absolute;
    bottom: calc(100% + 16px);
    inset-inline: 16px;
    color: #fff;
    font-size: 24px;
    align-items: center;
    justify-content: space-between;
    margin: 0;
  }

  .endowment_types-item .type-title.mobile::after {
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    transition: all 0.3s ease-in-out;
  }

  .endowment_types-item .type-title.active::after {
    transform: rotate(180deg);
  }

  .endowment_types-item .desc {
    height: unset;
    display: block;
    font-size: 16px;
    margin: 0 0 30px;
  }

  .endowment_types-item .list {
    padding-inline-end: 0;
  }

  .endowment_types-item .list li {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .endowment_types-item .content {
    display: none;
  }
}

.thumb-content {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  padding-inline-start: 20px;
  padding-top: 20px;
  width: 60%;
  max-width: 700px;
  border-start-start-radius: 24px;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #fff;
  z-index: 2;
}

.thumb-content::after,
.thumb-content::before {
  content: "";
  position: absolute;
  width: 24px;
  aspect-ratio: 1;
  background-image: radial-gradient(circle at 100% 100%, transparent 24px, #fff 25px);
  transform: rotate(-180deg);
}

html[dir="rtl"] .thumb-content::after,
html[lang="ar"] .thumb-content::after,
html[dir="rtl"] .thumb-content::before,
html[lang="ar"] .thumb-content::before {
  transform: rotate(-90deg);
}

.thumb-content::after {
  bottom: 0;
  inset-inline-start: -24px;
}

.thumb-content::before {
  top: -24px;
  inset-inline-end: 0;
}

@media (max-width: 991px) {
  .thumb-content {
    display: none;
  }
}

.endowment-thumb {
  width: 100%;
  overflow: hidden;
}

.endowment-thumb .swiper-slide {
  width: 300px;
}

.endowment_types-img {
  width: 100%;
  aspect-ratio: 300/250;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.endowment_types-img h4 {
  position: absolute;
  bottom: 16px;
  inset-inline: 24px;
  color: #fff;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  margin: 0;
  z-index: 2;
}

.endowment_types-img::after {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(10, 81, 154, 0) 0%, rgba(10, 81, 154, 0.7) 80%);
}

.program-gallery {
  padding: 80px 0;
}

@media (max-width: 767px) {
  .program-gallery {
    padding: 32px 0 0;
  }
}

.gallery-slider .swiper-slide {
  width: 350px;
}

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

.gallery-item {
  position: relative;
  width: 100%;
  aspect-ratio: 350/500;
  display: flex;
  border-radius: 24px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .gallery-item {
    aspect-ratio: 307/368;
    border-radius: 19px;
  }
}

.gallery-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%, var(--blackColor) 100%);
  transition: all 0.3s ease-in-out;
}

.gallery-item img {
  transition: all 0.3s ease-in-out;
}

.gallery-item .item-title {
  position: absolute;
  bottom: 32px;
  inset-inline: 20px;
  color: #fff;
  font-size: 32px;
  line-height: 1.5;
  font-weight: 700;
  text-align: start;
  margin: 0;
  z-index: 2;
}

@media (max-width: 767px) {
  .gallery-item .item-title {
    font-size: 24px;
    bottom: 20px;
  }
}

.gallery-item .gallery-info {
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  visibility: hidden;
  opacity: 1;
  inset-inline: 18px;
  background-color: rgba(225, 238, 253, 0.6980392157);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(48.5999984741px);
  backdrop-filter: blur(48.5999984741px);
  padding: 24px 8px;
  z-index: 3;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .gallery-item .gallery-info {
    font-size: 16px;
  }
}

.gallery-item .info-title {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  color: var(--textColor);
  margin: 0 0 10px;
}

@media (max-width: 767px) {
  .gallery-item .info-title {
    font-size: 18px;
  }
}

.gallery-item .info-desc {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  color: var(--textColor);
  margin: 0 0 10px;
}

@media (max-width: 767px) {
  .gallery-item .info-desc {
    font-size: 16px;
  }
}

.gallery-item .info-extra {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 8px 8px 0;
  border-top: 1px solid #f1f7fe;
}

@media (max-width: 767px) {
  .gallery-item .info-extra {
    padding-inline: 0;
  }
}

.gallery-item .info-extra span {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 400;
  color: var(--textColor);
  stroke: var(--triaryColor);
}

.gallery-item .info-extra span i {
  width: 24px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
}

.gallery-item:hover .gallery-info {
  bottom: 32px;
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

@media (max-width: 767px) {
  .gallery-item:hover .gallery-info {
    bottom: 20px;
  }
}

.grants-goals {
  background-color: #f1f7fe;
  padding: 80px 0;
}

@media (max-width: 767px) {
  .grants-goals {
    padding: 40px 0;
    margin: 32px 16px;
    border-radius: 16px;
  }
}

.grants_goals-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

@media (max-width: 1229px) {
  .grants_goals-grid {
    gap: 20px;
  }
}

@media (max-width: 991px) {
  .grants_goals-grid {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    max-width: 330px;
    margin: 0 auto;
  }
}

.grants_goals-item {
  padding: 16px;
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
  align-items: center;
}

.grants_goals-item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--hoverColor);
}

.grants_goals-item .title {
  color: #1f2a37;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}

@media (max-width: 1229px) {
  .grants_goals-item .title {
    font-size: 12px;
  }
}

.grants-programs {
  padding: 80px 0;
}

@media (max-width: 767px) {
  .grants-programs {
    padding: 32px 0 0;
  }
}

.grants_rules-section {
  padding: 80px 0;
}

.grants_rules-section .program-head {
  margin-bottom: 45px;
}

@media (max-width: 991px) {
  .grants_rules-section .program-head {
    margin-bottom: 40px;
  }
}

.grants_rules-section .areas-nav-tabs {
  justify-content: center;
}

@media (max-width: 991px) {
  .grants_rules-section .areas-nav-tabs {
    justify-content: start;
  }
}

@media (max-width: 767px) {
  .grants_rules-section {
    padding: 32px 0 0;
  }
}

.rules-features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.project-info {
  padding: 80px 0;
}

@media (max-width: 767px) {
  .project-info {
    padding: 32px 0 0;
  }
}

.infos-features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

@media (max-width: 991px) {
  .infos-features-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.program-journy {
  padding: 16px 0 0;
}

@media (max-width: 767px) {
  .program-journy {
    padding: 32px 0 0;
  }
}

.journy-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  font-weight: 500;
  color: var(--textColor);
  margin-bottom: 24px;
}

@media (max-width: 991px) {
  .journy-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 32px;
  }
}

.journy-items {
  display: flex;
  flex-direction: column;
  gap: 24px;
  /* max-height: 640px; */
  overflow-y: auto;
  scrollbar-width: unset;
  scrollbar-color: unset;
}

@media (max-width: 991px) {
  .journy-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}

@media (max-width: 767px) {
  .journy-items {
    grid-template-columns: 1fr;
  }
}

.journy-items::-webkit-scrollbar {
  background-color: #fff;
  width: 0;
  border-radius: 0;
}

.journy-items::-webkit-scrollbar-thumb {
  background-color: #f1f1f1;
  border-radius: 0;
}

.journy-item {
  border-radius: 16px;
  border: 2px solid #83bff6;
  background-color: #f1f7fe;
  display: flex;
  align-items: start;
  padding: 32px;
  gap: 20px;
}

@media (max-width: 991px) {
  .journy-item {
    justify-content: start;
    padding: 16px;
    flex-direction: column-reverse;
  }
}

.journy-item .info {
  width: 100%;
}

.journy-item .number {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--hoverColor);
  font-size: 16px;
  color: var(--blackColor);
  margin: 0 0 24px;
}

.journy-item .title {
  font-size: 36px;
  font-weight: 600;
  color: #111111;
  line-height: 1.5;
  margin: 0 0 16px;
}

.journy-item .desc {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  color: #8e8e8e;
  text-align: justify;
  margin: 0;
}

@media (max-width: 991px) {
  .journy-item .desc {
    font-size: 24px;
    text-align: start;
  }
}

.journy-item .img {
  width: 50%;
  max-width: 500px;
  aspect-ratio: 500/436;
  overflow: hidden;
  border-radius: 16px;
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .journy-item .img {
    max-width: unset;
    width: 100%;
    aspect-ratio: 329/208;
    border-radius: 12px;
  }
}

@media (min-width: 1330px) {
  .articles-page .container {
    max-width: 1288px;
  }
}

@media (max-width: 991px) {
  .articles-page {
    padding-bottom: 32px;
  }
}

.articles-title {
  font-size: 32px;
  font-weight: 700;
  color: var(--textColor);
  line-height: 1.5;
  margin: 0 0 24px;
}

@media (max-width: 991px) {
  .articles-title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}

.lattest-articles {
  padding: 0;
}

@media (max-width: 991px) {
  .lattest-articles {
    padding: 32px 0 0;
  }
}

.lattest-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 40px;
}

@media (max-width: 1229px) {
  .lattest-content {
    gap: 20px;
  }
}

@media (max-width: 991px) {
  .lattest-content {
    grid-template-columns: 1fr;
  }
}

.articles-content {
  padding: 20px 0;
}

.articles-content .reports-row {
  position: relative;
}

@media (max-width: 991px) {
  .articles-content {
    padding: 40px 0 0;
  }
}

.archive-tools .articles-title {
  margin: 0;
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .archive-tools .articles-title {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .archive-tools .archive-filters {
    width: 200px;
    padding: 0;
    flex-shrink: 0;
    position: relative;
  }

  .archive-tools .filters-title {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .archive-tools .filters-title::after {
    content: "\f107";
    color: #fff;
    font-family: "Font Awesome 6 pro";
    font-weight: 300;
    font-size: 20px;
  }

  .archive-tools .filters-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 6;
    border-radius: 6px;
    display: none;
  }
}

@media (min-width: 1330px) {
  .article-page .container {
    max-width: 1288px;
  }
}

@media (max-width: 991px) {
  .article-page .container> :last-child {
    padding-bottom: 0;
  }
}

@media (max-width: 991px) {
  .article-page {
    padding-bottom: 32px;
  }
}

.article-main {
  padding: 0 0 128px;
}

@media (max-width: 991px) {
  .article-main {
    padding: 32px 0 40px;
  }
}

.article-page .article-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .article-page .article-head {
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .article-page .article-head {
    flex-direction: column;
    align-items: start;
    gap: 16px;
  }
}

.article-page .article-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.article-page .title {
  font-size: 32px;
  font-weight: 700;
  color: var(--blackColor);
  line-height: 1.5;
  margin: 0 0;
}

@media (max-width: 991px) {
  .article-page .title {
    font-size: 24px;
  }
}

.article-page .numbers {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 32px;
  margin: 0 0;
}

@media (max-width: 991px) {
  .article-page .numbers {
    gap: 16px 20px;
  }
}

.article-page .numbers span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 400;
  color: var(--greyColor);
  line-height: 1.5;
}

.article-page .numbers i {
  width: 24px;
  height: 24px;
  stroke: #0c11d3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.article-page .article-tools {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-shrink: 0;
  gap: 24px;
}

@media (max-width: 991px) {
  .article-page .article-tools {
    gap: 16px;
  }
}

@media (max-width: 767px) {
  .article-page .article-tools {
    width: 100%;
    display: none;
  }
}

.article-page .article-tool {
  width: 56px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}

.article-page .article-tool:hover {
  background-color: var(--hoverColor);
}

.article-body {
  font-size: 18px;
  font-weight: 400;
  color: var(--blackColor);
  line-height: 1.5;
  text-align: justify;
}

@media (max-width: 991px) {
  .article-body {
    font-size: 16px;
  }
}

.article-body>* {
  margin: 0 0 32px;
}

.article-body * {
  font-size: 18px;
  font-weight: 400;
  color: var(--blackColor);
  line-height: 1.5;
}

@media (max-width: 991px) {
  .article-body * {
    font-size: 16px;
  }
}

.article-body p {
  font-size: 18px;
  font-weight: 400;
  color: var(--blackColor);
  line-height: 1.5;
}

@media (max-width: 991px) {
  .article-body p {
    font-size: 16px;
  }
}

.article-body h3 {
  font-size: 32px;
  font-weight: 700;
  color: var(--blackColor);
  line-height: 1.5;
}

@media (max-width: 991px) {
  .article-body h3 {
    font-size: 24px;
  }
}

.article-body img {
  width: 100%;
  aspect-ratio: 1248/675;
  border-radius: 24px;
  -o-object-fit: cover;
  object-fit: cover;
}

.article-body :last-child {
  margin-bottom: 0;
}

.article-related {
  padding-bottom: 128px;
}

@media (max-width: 991px) {
  .article-related {
    padding-bottom: 40px;
  }
}

.article-nav {
  padding-bottom: 128px;
  display: flex;
  gap: 21px;
}

@media (max-width: 991px) {
  .article-nav {
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .article-nav {
    flex-direction: column-reverse;
  }
}

.article_nav-item {
  width: 100%;
  max-width: 430px;
  position: relative;
  overflow: hidden;
  padding: 20px;
  border-radius: 8px;
  background-color: #f3f4f6;
}

.article_nav-item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  background: linear-gradient(180deg, rgba(6, 105, 132, 0.3) 40.83%, rgba(6, 105, 132, 0.8) 100%);
  transition: all 0.3s ease-in-out;
}

.article_nav-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.article_nav-item .title {
  font-size: 32px;
  font-weight: 500;
  color: var(--textColor);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 144px;
  overflow: hidden;
  line-height: 1.5;
  margin: 0;
  position: relative;
  z-index: 3;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .article_nav-item .title {
    font-size: 16px;
    -webkit-line-clamp: 2;
    height: 48px;
  }
}

.article_nav-item .arrow {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
  color: var(--blackColor);
  margin-bottom: 40px;
  position: relative;
  z-index: 3;
  transition: all 0.3s ease-in-out;
}

.article_nav-item .arrow i {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  aspect-ratio: 1;
}

.article_nav-item.next {
  background-color: var(--hoverColor);
}

.article_nav-item.next .arrow {
  flex-direction: row-reverse;
  margin-inline-start: auto;
}

.article_nav-item:hover img,
.article_nav-item:hover:after {
  visibility: visible;
  opacity: 1;
}

.article_nav-item:hover .title,
.article_nav-item:hover .arrow {
  color: #fff;
}

.services-page {
  overflow: hidden;
}

@media (min-width: 1330px) {
  .services-page section:not(.achievements-section) .container {
    max-width: 1324px;
  }
}

.services_main-section {
  padding: 30px 0;
}

@media (max-width: 991px) {
  .services_main-section {
    padding: 56px 0 32px;
  }
}

.services_main-content {
  display: flex;
  align-items: center;
  gap: 40px;
}

@media (max-width: 991px) {
  .services_main-content {
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }

  .services_main-content .section-head {
    margin-bottom: 12px;
  }
}

.services_main-content .services_main-desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--greyColor);
  text-align: justify;
  margin: 0 0;
}

@media (max-width: 991px) {
  .services_main-content .services_main-desc {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .services_main-content .services_main-desc {
    font-size: 16px;
  }
}

.services_main-content .services_main-img {
  width: 50%;
  max-width: 600px;
  aspect-ratio: 600/450;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 991px) {
  .services_main-content .services_main-img {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .services_main-content .services_main-img {
    aspect-ratio: 361/271;
    border-radius: 16px;
  }
}

.services-page .achievements-section {
  padding: 80px 0;
}

@media (max-width: 991px) {
  .services-page .achievements-section {
    padding: 32px 0;
  }
}

.services_goals-item {
  border-radius: 16px;
  transform: perspective(1px);
}

.services_goals-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;
}

.services_goals-item .item-content {
  background-color: var(--hoverColor);
  border-radius: 16px;
  position: relative;
  padding: 16px 16px 22px;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}

.services_goals-item .item-content:after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.899 10.9L0.999471 1.00053M0.999471 1.00053V10.9M0.999471 1.00053H10.899" stroke="%230A5EB0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
  position: absolute;
  top: 16px;
  inset-inline-end: 16px;
  width: 24px;
  aspect-ratio: 1;
  z-index: 3;
  transition: all 0.3s ease-in-out;
}

html[dir="ltr"] .services_goals-item .item-content:after,
html[lang="en"] .services_goals-item .item-content:after {
  transform: scaleX(-1);
}

@media (max-width: 767px) {
  .services_goals-item .item-content {
    padding: 16px;
  }
}

.services_goals-item .icon {
  width: 34px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 54px;
}

.services_goals-item .title {
  font-size: 20px;
  font-weight: 700;
  color: var(--textColor);
  line-height: 1.5;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 90px;
  overflow: hidden;
  text-align: center;
  margin: 0;
}

@media (max-width: 767px) {
  .services_goals-item .title {
    font-size: 16px;
    height: auto;
  }
}

.services_goals-item:hover .item-content {
  transform: rotate(6.5deg);
}

.services_goals-item:hover::after {
  visibility: visible;
  opacity: 1;
}

.services_target-section {
  padding: 80px 0;
}

@media (max-width: 991px) {
  .services_target-section {
    padding: 24px 0;
  }
}

.services_target-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.services_target-list .target {
  flex: 1;
  min-width: calc(33.3333333333% - 16px);
}

@media (max-width: 1229px) {
  .services_target-list .target {
    min-width: calc(50% - 12px);
  }
}

@media (max-width: 767px) {
  .services_target-list .target {
    min-width: 100%;
  }
}

.services_content-section {
  padding: 20px 0;
}

@media (max-width: 991px) {
  .services_content-section {
    padding: 24px 0;
    overflow: hidden;
  }
}

.services-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.services-item {
  display: flex;
  align-items: center;
  gap: 40px;
}

.services-item .item-head {
  margin-bottom: 40px;
}

.services-item .item-head a {
  transition: all 0.3s ease-in-out;
}

.services-item .item-head a:hover {
  color: var(--secondaryColor);
}

@media (max-width: 991px) {
  .services-item .item-head {
    text-align: start;
    align-items: start;
    gap: 16px;
    margin-bottom: 18px;
  }
}

.services-item .item-desc :last-child {
  margin-bottom: 0;
}

.services-item .item-desc p {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--greyColor);
  margin: 0 0 40px;
}

@media (max-width: 767px) {
  .services-item .item-desc p {
    font-size: 16px;
    margin-bottom: 18px;
  }
}

.services-item .item-desc ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.services-item .item-desc ul li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--greyColor);
}

.services-item .item-desc ul li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--triaryColor);
  font-size: 12px;
  flex-shrink: 0;
  width: 20px;
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(10, 94, 176, 0.4);
}

.services-item .item-desc ul.cols {
  grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 767px) {
  .services-item .item-desc ul.cols {
    grid-template-columns: 1fr 1fr;
  }
}

.services-item .item-info {
  width: 100%;
}

.services-item .item-img {
  position: relative;
  flex-shrink: 0;
  width: 50%;
  max-width: 600px;
  aspect-ratio: 600/450;
}

@media (max-width: 991px) {
  .services-item .item-img {
    width: 100%;
    aspect-ratio: unset;
  }
}

.services-item .item-img img {
  position: relative;
  z-index: 2;
  border-radius: 24px;
}

@media (max-width: 991px) {
  .services-item .item-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;
    aspect-ratio: 361/270;
  }
}

.services-item .item-img::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: var(--hoverColor);
  border-radius: 24px;
  z-index: 1;
  transform: rotate(6.5deg);
}

@media (max-width: 991px) {
  .services-item .item-img::before {
    border-radius: 15px;
  }
}

.services-item:nth-of-type(odd) {
  flex-direction: row-reverse;
}

@media (max-width: 991px) {
  .services-item:nth-of-type(odd) {
    flex-direction: column-reverse;
  }
}

@media (max-width: 991px) {
  .services-item {
    flex-direction: column-reverse;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
}

.services_achivments-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}

@media (max-width: 1229px) {
  .services_achivments-list {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .services_achivments-list {
    grid-template-columns: 1fr;
  }
}

.service_link-section {
  padding: 80px 0;
}

@media (max-width: 991px) {
  .service_link-section {
    padding: 24px 0;
    overflow: hidden;
  }

  .service_link-section .section-head {
    margin-bottom: 40px;
  }
}

.service_link {
  width: 100%;
  max-width: 454px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
  padding: 16px;
  border: 6px solid #f1f7fe;
  border-radius: 16px;
}

.service_link span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  background-color: var(--secondaryColor);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  color: #fff;
  height: 36px;
  padding: 0 32px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}

.service_link span:hover {
  background-color: var(--hoverColor);
  color: var(--secondaryColor);
}

.about-head {
  margin: 0 0 80px;
}

.about-head .section-desc {
  font-size: 20px;
  font-weight: 500;
  color: var(--greyColor);
  margin: 24px 0 0;
}

@media (max-width: 991px) {
  .about-head .section-desc {
    font-size: 16px;
    margin: 0;
  }
}

@media (max-width: 991px) {
  .about-head {
    text-align: center;
    align-items: center;
    margin-bottom: 40px;
    gap: 12px;
  }
}

.facts-programs-section {
  padding: 80px 0;
}

@media (max-width: 991px) {
  .facts-programs-section {
    padding: 32px 0 40px;
  }
}

@media (min-width: 1330px) {
  .facts-programs-section .container {
    max-width: 1324px;
  }
}

.facts_programs-content {
  display: flex;
  justify-content: center;
  gap: 32px 24px;
  flex-wrap: wrap;
}

@media (max-width: 1229px) {
  .facts_programs-content {
    gap: 24px;
  }
}

.facts_programs-item {
  width: calc(33.3333333333% - 16px);
  position: relative;
  aspect-ratio: 400/350;
  border-radius: 24px;
  overflow: hidden;
}

.facts_programs-item::after,
.facts_programs-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(10, 81, 154, 0) 0%, rgba(10, 81, 154, 0.7) 80%);
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.facts_programs-item::before {
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  background: rgba(10, 81, 154, 0.7);
}

.facts_programs-item .title {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 130px;
  bottom: 10px;
  inset-inline: 10px;
  font-size: 36px;
  font-weight: 500;
  color: #fff;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 991px) {
  .facts_programs-item .title {
    font-size: 18px;
    bottom: 0;
  }
}

.facts_programs-item .count-content {
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  color: #fff;
  gap: 16px;
  position: absolute;
  top: 0;
  z-index: 4;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.facts_programs-item .count-content strong {
  font-weight: 500;
  font-size: 20px;
}

@media (max-width: 991px) {
  .facts_programs-item .count-content strong {
    font-size: 16px;
  }
}

.facts_programs-item .count-content span {
  font-weight: 400;
  font-size: 36px;
}

/* @media (max-width: 991px) {
  .facts_programs-item .count-content span {
    font-size: 30px;
  }
} */
html[dir="rtl"] .facts_programs-item .count-content,
html[lang="ar"] .facts_programs-item .count-content {
  right: 0;
  transform: translatex(100%);
}

html[dir="ltr"] .facts_programs-item .count-content,
html[lang^="en"] .facts_programs-item .count-content {
  left: 0;
  transform: translatex(-100%);
}

.facts_programs-item .money-content {
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  color: #fff;
  background-color: #0b2546;
  border-start-end-radius: 24px;
  gap: 16px;
  position: absolute;
  bottom: 0;
  z-index: 4;
  width: 85%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.facts_programs-item .money-content strong {
  font-weight: 500;
  font-size: 20px;
}

@media (max-width: 991px) {
  .facts_programs-item .money-content strong {
    font-size: 16px;
  }
}

.facts_programs-item .money-content span {
  font-weight: 400;
  font-size: 36px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.facts_programs-item .money-content span svg {
  width: 20px;
  fill: #fff;
}

@media (max-width: 991px) {
  .facts_programs-item .money-content span {
    font-size: 24px;
  }
}

html[dir="rtl"] .facts_programs-item .money-content,
html[lang="ar"] .facts_programs-item .money-content {
  right: 0;
  transform: translatex(100%) translateY(100%);
}

html[dir="ltr"] .facts_programs-item .money-content,
html[lang^="en"] .facts_programs-item .money-content {
  left: 0;
  transform: translatex(-100%) translateY(100%);
}

.facts_programs-item:hover .title {
  transform: translateY(100%);
  visibility: hidden;
  opacity: 0;
}

.facts_programs-item:hover .count-content,
.facts_programs-item:hover .money-content {
  visibility: visible;
  opacity: 1;
}

html[dir="rtl"] .facts_programs-item:hover .count-content,
html[lang="ar"] .facts_programs-item:hover .count-content,
html[dir="rtl"] .facts_programs-item:hover .money-content,
html[lang="ar"] .facts_programs-item:hover .money-content {
  transform: none;
}

html[dir="ltr"] .facts_programs-item:hover .count-content,
html[lang^="en"] .facts_programs-item:hover .count-content,
html[dir="ltr"] .facts_programs-item:hover .money-content,
html[lang^="en"] .facts_programs-item:hover .money-content {
  transform: none;
}

.facts_programs-item:hover::after {
  visibility: hidden;
  opacity: 0;
}

.facts_programs-item:hover::before {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 991px) {
  .facts_programs-item {
    width: calc(50% - 12px);
  }
}

@media (max-width: 767px) {
  .facts_programs-item {
    width: 100%;
    max-margin: 361px;
    margin: 0 auto;
    aspect-ratio: 361/350;
  }
}

.platforms-section {
  padding: 80px 0;
}

@media (max-width: 991px) {
  .platforms-section {
    padding: 32px 0 40px;
  }
}

@media (min-width: 1330px) {
  .platforms-section .container {
    max-width: 1324px;
  }
}

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

@media (max-width: 991px) {
  .platforms-grid {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 614px;
    margin: 0 auto;
  }
}

.platform-card {
  border: 6px solid #f1f7fe;
  border-radius: 16px;
  padding: 16px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}

.platform-card .logo {
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 24px;
}

.platform-card .title {
  font-size: 20px;
  font-weight: 700;
  color: #1f2a37;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.platform-card .title svg {
  margin-inline-start: 5px;
  width: 20px;
  height: 20px;
  fill: #1f2a37;
}

.platform-card .desc {
  font-size: 16px;
  font-weight: 400;
  color: var(--greyColor);
  margin: 0;
}

.platform-card:hover {
  border-color: var(--secondaryColor);
}

.awards-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 32px 24px;
  padding: 80px 0;
}

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

@media (max-width: 991px) {
  .awards-grid {
    padding: 32px 0;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .awards-grid {
    grid-template-columns: 1fr;
  }
}

.award-item {
  padding: 16px;
  border-radius: 16px;
  border: 6px solid #f1f7fe;
  transition: all 0.3s ease-in-out;
}

.award-item img {
  width: 100%;
  height: 150px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .award-item img {
    height: auto;
  }
}

.award-item .title {
  font-size: 16px;
  font-weight: 700;
  color: var(--blackColor);
  line-height: 1.5;
  margin: 0 0 12px;
}

.award-item .date {
  font-size: 16px;
  color: var(--greyColor);
}

.award-item:hover {
  border-color: var(--secondaryColor);
}

@media (min-width: 1330px) {
  .knowledge_center-page .container {
    max-width: 1288px;
  }
}

.knowledge_center-content {
  padding: 20px 0;
}

@media (max-width: 1229px) {
  .knowledge_center-content {
    padding: 40px 0;
  }
}

.knowledge_center-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px 24px;
}

@media (max-width: 1229px) {
  .knowledge_center-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 20px;
  }
}

@media (max-width: 767px) {
  .knowledge_center-grid {
    grid-template-columns: 1fr;
  }
}

.volunteering-page {
  overflow: hidden;
}

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

.volunteering-content {
  padding: 80px 0;
}

@media (max-width: 1229px) {
  .volunteering-content {
    padding: 40px 0;
  }
}

.steps-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.steps-header .step {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #989898;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.steps-header .step::after {
  content: "";
  width: 100%;
  height: 8px;
  top: 16px;
  inset-inline-start: 0;
  position: absolute;
  background-color: #dcdcdc;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}

.steps-header .step .step-trigger {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 0;
  position: relative;
  z-index: 2;
  font-size: 18px;
  font-weight: 500;
  color: inherit;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .steps-header .step .step-trigger {
    font-size: 12px;
  }
}

.steps-header .step .step-trigger::before {
  content: "";
  width: 40px;
  aspect-ratio: 1;
  border: 8px solid #83bff6;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.steps-header .step .step-trigger:hover {
  background-color: transparent;
}

.steps-header .step:first-of-type {
  justify-content: start;
  text-align: start;
}

.steps-header .step:first-of-type .step-trigger {
  align-items: start;
}

.steps-header .step:last-of-type {
  justify-content: end;
  text-align: end;
}

.steps-header .step:last-of-type .step-trigger {
  align-items: end;
}

.steps-header .step.active {
  color: var(--textColor);
}

.steps-header .step.active::after {
  background-color: #83bff6;
}

.steps-header .step.active .step-trigger::before {
  background-color: #83bff6;
}

.steps-header .step.active~.step {
  pointer-events: none;
}

.steps-header .step:has(~ .active) {
  color: var(--textColor);
}

.steps-header .step:has(~ .active)::after {
  background-color: #83bff6;
}

.steps-header .step:has(~ .active) .step-trigger::before {
  background-color: #83bff6;
}

.bs-stepper-content {
  padding: 0;
  width: 100%;
  max-width: 690px;
  margin: 0 auto;
}

.bs-stepper-content .form-grid {
  padding: 80px 0;
}

@media (max-width: 1229px) {
  .bs-stepper-content .form-grid {
    padding: 32px 0;
  }
}

.bs-stepper-content .form-btn {
  margin-top: 32px;
}

.success-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  gap: 32px;
}

.success-content .icon {
  width: 200px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .success-content .icon {
    width: 100px;
  }
}

.success-content .text {
  width: 100%;
  max-width: 528px;
  font-size: 20px;
  color: var(--textColor);
}

/* //// */
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer,
.otgs-development-site-front-end {
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 0;
}

.main-item .item-img::after {
  display: none;
}

/* .footer-contacts {
  margin-inline: auto;
  flex-direction: column-reverse;
  width: 100%;
  max-width: 450px;
}

.socials {
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 16px;
} */

#newsletters-1-form-wrapper {
  width: 100%;
}

.newsletters-form-wrapper {
  position: relative;
  width: 100%;
}

.newsletters-form-wrapper .form-group {
  margin: 0;
}

.newsletters-form-wrapper .form-group .newsletters-field-error {
  display: block;
  margin-top: 8px;
  color: #ff4d4f;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.2px;
  padding: 0;
  background-color: transparent;
  border: none;
  width: auto;
  height: auto;
}

.newsletters-form-wrapper .form-group :last-child {
  margin-bottom: 0;
}

#newsletters-1-form .select2-container--default .select2-selection--single {
  display: none !important;
}

.newsletters-form-wrapper label.control-label,
.newsletters .has-error .control-label {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  display: flex;
  align-items: center;
  margin: 0 0 4px;
  display: none;
}

/* .newsletters-form-wrapper .form-control {
  width: 100%;
  height: 45px;
  border-radius: 7px;
  border: 2px solid #dcdcdc;
  background-color: #fff;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 500;
  color: var(--blackColor);
  outline: none;
  box-shadow: none;
  transition: all 0.3s ease-in-out;
}
html[dir="rtl"] .newsletters-form-wrapper .form-control,
html[lang="ar"] .newsletters-form-wrapper .form-control {
  text-align: right;
}
html[dir="ltr"] .newsletters-form-wrapper .form-control,
html[lang^="en"] .newsletters-form-wrapper .form-control {
  text-align: left;
}
.newsletters-form-wrapper .form-control::-moz-placeholder {
  font-weight: 400;
  color: var(--greyColor);
}
.newsletters-form-wrapper .form-control::placeholder {
  font-weight: 400;
  color: var(--greyColor);
}
.newsletters-form-wrapper .form-control:focus {
  border-color: #83bff6;
  outline: none;
  box-shadow: none;
}
#newsletters-1-button {
  position: absolute;
  inset-inline-end: 5px;
  top: 33px;
  padding-block: 0;
  height: 35px;
  width: fit-content;
} */

.newsletters-fieldholder:has(.checkbox) {
  display: none;
}

.ff_columns_total_3 {
  justify-content: center;
}

.frm-fluent-form .ff_columns_total_3 .ff-t-column-1,
.volunteering-content .fluentform .ff_submit_btn_wrapper {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}

.frm-fluent-form .ff_columns_total_3 .ff-t-column-2,
.frm-fluent-form .ff_columns_total_3 .ff-t-column-3 {
  display: none;
}


/**/
.loading {
  pointer-events: none;
  opacity: 0.6;
}

.map-statistics-placeholder {
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  gap: 24px;
  text-align: center;
}

.map-statistics-placeholder p {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 700;
  color: var(--textColor);
  margin: 0 0;
}

.map-statistics-placeholder span {
  font-size: 20px;
  font-weight: 500;
  color: var(--greyColor);
  margin: 0 0 0;
}


.logo {
  display: block !important;
}



.video-intro-container {
  position: relative;
  /* Essential for containing absolute elements */
  width: 100%;
  height: 100vh;
  /* Keeps it full screen until they scroll */
  background: #ffffff;
  overflow: hidden;
}

.video-intro {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Ensures the video fills the screen without stretching */
  z-index: 0;
  display: block;
  -webkit-mask-image:
    linear-gradient(to bottom, transparent, black 10%, black 90%, transparent),
    linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  mask-image:
    linear-gradient(to bottom, transparent, black 10%, black 90%, transparent),
    linear-gradient(to right, transparent, black 10%, black 90%, transparent);

  /* This tells the browser to combine both gradients */
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
  object-position: center;
}

@media (max-width: 768px) {
  .video-intro-container {
    height: 25vh;
    /* Reduces height to half-screen so less side-cropping occurs */
  }

  .video-intro {
    object-fit: contain;
    /* Shows the ENTIRE video without any cropping */
    background: #ffffff;
    /* Adds black bars where the video doesn't reach */
    -webkit-mask-image:
      linear-gradient(to bottom, transparent, black 50%, black 90%, transparent),
      linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-image:
      linear-gradient(to bottom, transparent, black 50%, black 90%, transparent),
      linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  }

  .main-vcontent {
    height: 240px;
  }
}



/* 1. The Container (Crucial so the image doesn't overflow) */
.img-container {
  width: 400px;
  height: 300px;
  overflow: hidden;
  border-radius: 8px;
}

/* 2. The Image */
.zoom-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Apply the animation */
  animation:
    continuousZoom 20s ease-in-out infinite alternate,
    drift 20s ease-in-out infinite alternate;
}

@keyframes continuousZoom {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.15);
  }
}

@keyframes drift {
  0% {
    translate: -10px;
  }

  100% {
    translate: 10px;
  }
}


/* RF Gallery & Video Style */

/* Container */
.rf-gallery-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: var(--fontFamily);
  /* Fallback font */
  box-sizing: border-box;
}

.rf-gallery-container *,
.rf-gallery-container *::before,
.rf-gallery-container *::after {
  box-sizing: border-box;
}

/* Grid Layout */
.rf-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 20px;
  margin-top: 30px;
}

/* Card Item */
.rf-gallery-card {
  background: var(--rf-gallery-bg);
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
}

.rf-gallery-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.15);
}

/* Thumbnail Area */
.rf-gallery-thumb {
  position: relative;
  width: 100%;
  padding-top: 66.67%;
  /* 3:2 Aspect Ratio */
  overflow: hidden;
  background-color: #f0f0f0;
}

.rf-gallery-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s ease;
}

.rf-gallery-card:hover .rf-gallery-thumb img {
  transform: scale(1.08);
}

/* Overlay & Icons */
.rf-gallery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.rf-gallery-card:hover .rf-gallery-overlay {
  opacity: 1;
}

.rf-gallery-icon {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  transform: scale(0.8);
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.rf-gallery-card:hover .rf-gallery-icon {
  transform: scale(1);
  background: #cfa156;
}

/* Play Button Specifics */
.rf-gallery-play-icon {
  width: 60px;
  height: 60px;
  background: #cfa156;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.rf-gallery-play-icon svg {
  margin-left: 4px;
  /* Optical adjustment for play triangle */
}

/* Video Duration Badge */
.rf-gallery-duration {
  position: absolute;
  bottom: 12px;
  right: 12px;
  background: rgba(0, 0, 0, 0.75);
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  z-index: 3;
}

/* Caption / Info */
.rf-gallery-info {
  padding: 20px;
  z-index: 3;
  background: white;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.rf-gallery-title {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--rf-gallery-primary);
  line-height: 1.4;
  transition: color 0.3s ease;
}

.rf-gallery-card:hover .rf-gallery-title {
  color: #1a1a1a;
}

.rf-gallery-meta {
  margin-top: 8px;
  font-size: 0.9rem;
  color: #888;
}

/* Lightbox Modal */
.rf-gallery-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 10, 10, 0.95);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.rf-gallery-lightbox.active {
  opacity: 1;
  pointer-events: auto;
}

.rf-gallery-lightbox-content {
  position: relative;
  max-width: 90%;
  max-height: 90vh;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  transform: scale(0.95);
  transition: transform 0.3s ease;
}

.rf-gallery-lightbox.active .rf-gallery-lightbox-content {
  transform: scale(1);
}

/* Image in Lightbox */
.rf-gallery-lightbox-img {
  display: block;
  max-width: 100%;
  max-height: 85vh;
  object-fit: contain;
}

/* Video Iframe in Lightbox */
.rf-gallery-lightbox-video {
  width: 80vw;
  height: 45vw;
  /* 16:9 Aspect Ratio based on width */
  max-width: 1200px;
  max-height: 675px;
  border: none;
  background: black;
}

/* Controls */
.rf-gallery-close,
.rf-gallery-prev,
.rf-gallery-next {
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  color: white;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.rf-gallery-close:hover,
.rf-gallery-prev:hover,
.rf-gallery-next:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: scale(1.1);
}

.rf-gallery-close {
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 24px;
}

.rf-gallery-prev,
.rf-gallery-next {
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 20px;
}

.rf-gallery-prev {
  left: 20px;
}

.rf-gallery-next {
  right: 20px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .rf-gallery-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
  }

  .rf-gallery-lightbox-video {
    width: 95vw;
    height: 53.4vw;
  }

  .rf-gallery-prev,
  .rf-gallery-next {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
  }
}

/* Album Photo Count Badge */
.rf-gallery-count {
  position: absolute;
  bottom: 12px;
  left: 12px;
  background: rgba(0, 0, 0, 0.75);
  color: white;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 6px;
}

.rf-gallery-count svg {
  opacity: 0.9;
}

/* Gallery Lightbox Counter */
.rf-gallery-counter {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  z-index: 10001;
}

/* Footer Contact Info Adjustments */
.footer-menu .menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-menu .menu-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 15px;
  color: #fff;
  line-height: 1.6;
  transition: color 0.3s ease;
}

.footer-menu .menu-list li i {
  color: #ffffff;
  font-size: 18px;
  width: 20px;
  text-align: center;
}

/* RTL adjustment for list icons */
html[dir="rtl"] .footer-menu .menu-list li,
html[lang="ar"] .footer-menu .menu-list li {
  gap: 12px;
}