/* ANCHOR Company profile */

.mgc-section.company-profile {
  background-image: linear-gradient(to top, transparent 0%, #f3f5f9 80%);
}

.mgc-section.company-profile .book-col {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mgc-section.company-profile .preview {
  width: 100%;
}

.mgc-section.company-profile .perspective-wrapper {
  position: relative;
  width: 22rem;
  aspect-ratio: 1/1;
  perspective: 50rem;
}

.mgc-section.company-profile .perspective-wrapper:has(> .book-cover.loading) {
  pointer-events: none;
  cursor: default;
}

.mgc-section.company-profile .perspective-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 25%;
  background-color: #a6a9aa99;
  border-radius: 100%;
  box-shadow: 0 0 2rem 2rem #a6a9aa99;
  z-index: -1;
  transform-origin: bottom;
  transform: rotateY(30deg) rotateX(90deg) translateY(50%);
  transition: transform 0.5s 0.2s ease-in-out;
}

[lang="ar"] .mgc-section.company-profile .perspective-wrapper::after {
  transform: rotateY(-30deg) rotateX(90deg) translateY(50%);
}

.mgc-section.company-profile .perspective-wrapper:hover::after {
  transform: rotateY(0deg) rotateX(90deg) translateY(50%);
  transition-delay: 0s;
}

.mgc-section.company-profile .book-cover {
  rotate: y 30deg;
  transition:
    transform 0.2s linear,
    rotate 0.5s 0.2s ease-in-out;
}

[lang="ar"] .mgc-section.company-profile .book-cover {
  rotate: y -30deg;
}

.mgc-section.company-profile .perspective-wrapper:hover .book-cover {
  rotate: y 0deg;
  transition:
    transform 0.2s 0.5s linear,
    rotate 0.5s ease-in-out;
}

/* ANCHOR Facts */

.facts .mgc-section-title {
  margin-bottom: 4rem;
  text-align: center;
}

.facts .section-wrapper,
.facts .cols {
  width: 100%;
  height: 100%;
}

.facts .section-wrapper,
.facts .tabs-col,
.facts .panes-col {
  display: grid;
  overflow: hidden;
}

.facts .cols,
.facts .img-circle,
.facts .tabs-col .buttons,
.facts .tabs-col .fact-tabs,
.facts .tabs-col::before,
.facts .tabs-col::after,
.facts .panes-col .tab-content,
.facts .panes-col::before {
  grid-row: 1;
  grid-column: 1;
  align-self: center;
}

.facts .cols {
  display: flex;
}

.facts-col {
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
  padding: 2rem 0;
}

.facts .tabs-col .fact-tabs,
.facts .panes-col .tab-content,
.facts .panes-col .fact-content,
.facts .panes-col .text-wrapper,
.facts .panes-col .text {
  height: 100%;
}

.facts .tabs-col .fact-tabs {
  margin-inline-start: 4rem;
}

.facts .tabs-col .slick-list {
  padding: 3rem 0;
}

.facts .tabs-col .nav {
  --bs-nav-link-padding-x: 0.75rem;
  --bs-nav-link-padding-y: var(--bs-nav-link-padding-x);
  --bs-nav-link-font-weight: 500;
}

.facts .tabs-col .nav-pills {
  --bs-nav-pills-border-radius: 1rem;
}

.facts .tabs-col .nav-pills .nav-link-wrapper {
  width: 100%;
  padding: 0.75rem 0;
}

.facts .tabs-col .nav-pills .nav-link {
  width: calc(100% - 10rem);
  height: 5rem;
  background-color: white;
  border: 2px solid !important;
  color: #838383;
  opacity: 0;
  transition:
    color 0.2s linear,
    opacity 0.2s linear,
    transform 0.2s linear,
    box-shadow 0.2s linear;
}

.facts .tabs-col .nav-pills .slick-active .nav-link,
.facts .tabs-col .nav-pills .slick-next .nav-link {
  opacity: 1;
}

.facts .tabs-col .scroller-item:nth-child(1 of .slick-active) .nav-link,
.facts .tabs-col .scroller-item:nth-child(1 of .slick-next) .nav-link,
.facts .tabs-col .scroller-item:nth-child(1 of .slick-cloned):not(.slick-next) .nav-link {
  color: #00833e;
  transform: translate(25%, -50%);
}

[lang="ar"] .facts .tabs-col .scroller-item:nth-child(1 of .slick-active) .nav-link,
[lang="ar"] .facts .tabs-col .scroller-item:nth-child(1 of .slick-next) .nav-link,
[lang="ar"]
  .facts
  .tabs-col
  .scroller-item:nth-child(1 of .slick-cloned):not(.slick-next)
  .nav-link {
  transform: translate(-25%, -50%);
}

.facts .tabs-col .scroller-item:nth-child(2 of .slick-active) .nav-link,
.facts .tabs-col .scroller-item:nth-child(2 of .slick-next) .nav-link,
.facts .tabs-col .scroller-item:nth-child(2 of .slick-cloned):not(.slick-next) .nav-link {
  color: #3fae2a;
  transform: translate(12.5%, -25%);
}

[lang="ar"] .facts .tabs-col .scroller-item:nth-child(2 of .slick-active) .nav-link,
[lang="ar"] .facts .tabs-col .scroller-item:nth-child(2 of .slick-next) .nav-link,
[lang="ar"]
  .facts
  .tabs-col
  .scroller-item:nth-child(2 of .slick-cloned):not(.slick-next)
  .nav-link {
  transform: translate(-12.5%, -25%);
}

.facts .tabs-col .scroller-item:nth-child(3 of .slick-active) .nav-link,
.facts .tabs-col .scroller-item:nth-child(3 of .slick-next) .nav-link,
.facts .tabs-col .scroller-item:nth-child(3 of .slick-cloned):not(.slick-next) .nav-link {
  color: #95d600;
}

.facts .tabs-col .scroller-item:nth-child(4 of .slick-active) .nav-link,
.facts .tabs-col .scroller-item:nth-child(4 of .slick-next) .nav-link,
.facts .tabs-col .scroller-item:nth-child(4 of .slick-cloned):not(.slick-next) .nav-link {
  color: #c4d600;
  transform: translate(12.5%, 25%);
}

[lang="ar"] .facts .tabs-col .scroller-item:nth-child(4 of .slick-active) .nav-link,
[lang="ar"] .facts .tabs-col .scroller-item:nth-child(4 of .slick-next) .nav-link,
[lang="ar"]
  .facts
  .tabs-col
  .scroller-item:nth-child(4 of .slick-cloned):not(.slick-next)
  .nav-link {
  transform: translate(-12.5%, 25%);
}

.facts .tabs-col .scroller-item:nth-child(5 of .slick-active) .nav-link,
.facts .tabs-col .scroller-item:nth-child(5 of .slick-next) .nav-link,
.facts .tabs-col .scroller-item:nth-child(5 of .slick-cloned):not(.slick-next) .nav-link {
  color: #e0e67e;
  transform: translate(25%, 50%);
}

[lang="ar"] .facts .tabs-col .scroller-item:nth-child(5 of .slick-active) .nav-link,
[lang="ar"] .facts .tabs-col .scroller-item:nth-child(5 of .slick-next) .nav-link,
[lang="ar"]
  .facts
  .tabs-col
  .scroller-item:nth-child(5 of .slick-cloned):not(.slick-next)
  .nav-link {
  transform: translate(-25%, 50%);
}

.facts .tabs-col .scroller-item:has(~ .slick-active):not(.slick-active):not(.slick-next) .nav-link {
  transform: translate(50%, -100%);
}

[lang="ar"]
  .facts
  .tabs-col
  .scroller-item:has(~ .slick-active):not(.slick-active):not(.slick-next)
  .nav-link {
  transform: translate(-50%, -100%);
}

.facts
  .tabs-col
  .scroller-item.slick-active
  ~ .slick-slide:not(.slick-active):not(.slick-next)
  .nav-link {
  transform: translate(50%, 100%);
}

[lang="ar"]
  .facts
  .tabs-col
  .scroller-item.slick-active
  ~ .slick-slide:not(.slick-active):not(.slick-next)
  .nav-link {
  transform: translate(-50%, 100%);
}

.facts .tabs-col .nav-pills .nav-link.active,
.facts .tabs-col .nav-pills .nav-link:hover {
  box-shadow: 0 0 0.5rem -0.1rem;
}

.facts .tabs-col .nav-pills .nav-link .tab-title {
  display: -webkit-box;
  overflow: hidden;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.facts .tabs-col .buttons {
  justify-self: start;
}

.facts .tabs-col .buttons button {
  width: 3rem;
  padding: 0;
}

.facts .tabs-col .buttons button:not(:last-child) {
  margin-bottom: 1rem;
}

.facts .img-circle,
.facts .tabs-col::before,
.facts .tabs-col::after,
.facts .panes-col::before,
.facts .text-wrapper::before {
  aspect-ratio: 1/1;
  border-radius: 100%;
}

.facts .tabs-col::before,
.facts .tabs-col::after,
.facts .panes-col::before,
.facts .text-wrapper::before {
  content: "";
  position: relative;
  z-index: -1;
}

.facts .img-circle,
.facts .tabs-col::before,
.facts .tabs-col::after {
  box-shadow:
    0 1.25rem 2.5rem -1.25rem #a6a9aa99,
    0 1.75rem 3.5rem -0.75rem #a6a9aa66;
}

.facts .tabs-col::before,
.facts .tabs-col::after {
  justify-self: end;
  transform: translateX(50%);
}

[lang="ar"] .facts .tabs-col::before,
[lang="ar"] .facts .tabs-col::after {
  transform: translateX(-50%);
}

.facts .tabs-col::before {
  width: 22rem;
  opacity: 0.5;
}

.facts .tabs-col::after {
  width: 30rem;
  opacity: 0.25;
}

.facts .panes-col {
  border-inline-start: 1px solid;
  border-image: linear-gradient(transparent 0%, #000a88 50%, transparent 100%) 1;
}

.facts .img-circle,
.facts .panes-col::before {
  width: 15rem;
}

.facts .panes-col::before {
  box-shadow:
    0 0 5rem 2rem #000a88,
    0 0 8rem #000a88;
  transform: translateX(-50%);
  animation: glow 8s cubic-bezier(0.65, 0, 0.34, 1) infinite;
}

[lang="ar"] .facts .panes-col::before {
  transform: translateX(50%);
}

.fact-content {
  padding-inline-end: 1rem;
}

.facts .text-wrapper {
  margin-inline-start: calc(var(--pad) / -2);
  padding: 3.5rem 0;
}

.facts .text-wrapper::before {
  position: relative;
  width: var(--pad);
  float: inline-start;
  shape-outside: circle(50%);
}

.facts .panes-col .text {
  padding-top: var(--offset, 0);
}

.facts .para:last-child {
  margin-bottom: 0;
}

.facts .img-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  padding: 2rem;
  background-color: white;
}

.facts .img-circle img,
.facts .img-circle .svg-wrapper {
  width: 100%;
}

/* ANCHOR Mission and vision */

.mgc-section.vision-mission {
  margin-bottom: 0;
  padding-bottom: 14rem;
  background-image: linear-gradient(to bottom, transparent 0%, #f3f5f9 80%);
}

.vision-mission .section-wrapper {
  display: flex;
  flex-direction: column;
}

.vision-mission .vision-mission-card {
  display: flex;
  align-items: center;
  padding: 2rem;
  background-color: #000a88;
  background-image: linear-gradient(to left, #ffffff99, transparent);
  border: 2px solid #e0e67e;
  border-radius: 1rem;
  box-shadow:
    inset 0 0 calc(1.75rem / 2),
    0 0 calc(1.75rem / 2);
  filter: saturate(125%);
  transition: scale 0.2s ease-in-out;
}

.vision-mission .vision-mission-card:hover {
  scale: 1.025;
}

.vision-mission .vision-mission-card .img-wrapper,
.vision-mission .vision-mission-card .img-wrapper::before,
.vision-mission .vision-mission-card .img {
  aspect-ratio: 1/1;
  border-radius: 100%;
}

.vision-mission .vision-mission-card:nth-child(even) {
  flex-direction: row-reverse;
  background-image: linear-gradient(to right, #ffffff66, transparent);
}

.vision-mission .vision-mission-card .img-wrapper {
  flex-shrink: 0;
  display: grid;
  align-items: center;
  justify-items: center;
  width: 12rem;
  margin-inline-end: 5rem;
  color: #e0e67e;
  background-color: #ffffff7f;
}

.vision-mission .vision-mission-card:not(:last-child) {
  margin-bottom: 3rem;
}

.vision-mission .vision-mission-card:nth-child(even) .img-wrapper {
  margin-inline-start: 5rem;
  margin-inline-end: 0;
}

.vision-mission .vision-mission-card .img-wrapper::before,
.vision-mission .vision-mission-card .img {
  grid-row: 1;
  grid-column: 1;
  width: 100%;
}

.vision-mission .vision-mission-card .img-wrapper::before {
  content: "";
  display: block;
  background-image: radial-gradient(6rem, transparent 90%, currentcolor);
  filter: blur(0.5rem);
  animation: wobble 10s linear infinite;
}

.vision-mission .vision-mission-card .img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  border: 4px solid;
  box-shadow: inset 0 0 calc(1.75rem / 2) -0.15rem;
}

.vision-mission .vision-mission-card .img img,
.vision-mission .vision-mission-card .img .svg-wrapper {
  width: 100%;
}

.vision-mission .vision-mission-card .img > * {
  filter: drop-shadow(0 0 0.25rem) drop-shadow(0 0 0.2rem);
}

.vision-mission .vision-mission-card .img .svg-wrapper path {
  fill: transparent;
  stroke: currentColor;
}

.vision-mission .vision-mission-card:hover .img .svg-wrapper path {
  stroke-dasharray: var(--dash);
  stroke-dashoffset: var(--dash);
  animation: draw-strokes 2s forwards ease-in-out 0.2s;
}

.vision-mission .vision-mission-card .text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  filter: saturate(80%);
}

.vision-mission .vision-mission-card .title {
  margin-bottom: 2rem;
  color: #95d600;
  font-weight: bold;
}

.vision-mission .vision-mission-card .text {
  color: white;
  font-size: 1.25rem;
}

/* ANCHOR Values */

.mgc-section.values {
  background-image: linear-gradient(to top, transparent 0%, #f3f5f9 80%);
}

.values .mgc-section-title {
  margin-bottom: 6rem;
  text-align: center;
}

.values .values-scroller {
  --btn-size: 3rem;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-bottom: 4rem;
}

.values .values-scroller button {
  flex: 0 0 auto;
  width: var(--btn-size);
  padding: 0;
}

.values .values-scroller .scroller {
  flex: 1 0 0%;
  width: calc(100% - calc(var(--btn-size) * 2));
}

.values .values-scroller .scroller-item {
  --scale: 0;
  --circle-size: 12rem;
  position: relative;
  display: flex;
  justify-content: center;
}

.values .values-scroller .scroller-item.slick-current,
.values .values-scroller .scroller-item.slick-next {
  --scale: 1;
}

.values .values-scroller .scroller-item.slick-active:not(.slick-current),
.values .values-scroller .scroller-item.slick-current + .scroller-item,
.values .values-scroller .scroller-item:has(+ .scroller-item.slick-current),
.values .values-scroller .scroller-item.slick-next-active {
  --scale: 0.75;
}

.values
  .values-scroller
  .scroller-item:nth-child(3 of .slick-active)
  + .scroller-item:not(.slick-out),
.values .values-scroller :has(+ .scroller-item:nth-child(1 of .slick-active)):not(.slick-out),
.values .values-scroller .scroller-item.slick-temp {
  --scale: 0.5;
}

.values .values-scroller .scroller-item::before,
.values .values-scroller .scroller-item::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  width: calc(calc(100% - calc(var(--circle-size) * var(--scale))) / 2);
  height: 2px;
  background-color: silver;
  transition: width 0.15s ease;
}

.values .values-scroller .scroller-item::before {
  left: 0;
  right: auto;
}

.values .values-scroller .scroller-item::after {
  left: auto;
  right: 0;
}

.values .values-scroller .scroller-item-wrapper,
.values .values-scroller .scroller-item.slick-current .scroller-item-wrapper,
.values .values-scroller .scroller-item.slick-next .scroller-item-wrapper,
.values .values-scroller .scroller-item.slick-active:not(.slick-current) .scroller-item-wrapper,
.values .values-scroller .scroller-item.slick-current + .scroller-item .scroller-item-wrapper,
.values .values-scroller .scroller-item:has(+ .scroller-item.slick-current) .scroller-item-wrapper,
.values .values-scroller .scroller-item.slick-next-active .scroller-item-wrapper,
.values
  .values-scroller
  .scroller-item:nth-child(3 of .slick-active)
  + .scroller-item
  .scroller-item-wrapper,
.values
  .values-scroller
  .scroller-item:has(+ .scroller-item:nth-child(1 of .slick-active))
  .scroller-item-wrapper,
.values .values-scroller .scroller-item.slick-temp .scroller-item-wrapper {
  scale: var(--scale);
}

.values .values-scroller .scroller-item.slick-current .scroller-item-wrapper,
.values .values-scroller .scroller-item.slick-next .scroller-item-wrapper,
.values .values-scroller .scroller-item.slick-active:not(.slick-current) .scroller-item-wrapper,
.values .values-scroller .scroller-item.slick-current + .scroller-item .scroller-item-wrapper,
.values .values-scroller .scroller-item:has(+ .scroller-item.slick-current) .scroller-item-wrapper,
.values .values-scroller .scroller-item.slick-next-active .scroller-item-wrapper,
.values
  .values-scroller
  .scroller-item:nth-child(3 of .slick-active)
  + .scroller-item:not(.slick-out)
  .scroller-item-wrapper,
.values
  .values-scroller
  .scroller-item:has(+ .scroller-item:nth-child(1 of .slick-active)):not(.slick-out)
  .scroller-item-wrapper,
.values .values-scroller .scroller-item.slick-temp .scroller-item-wrapper {
  opacity: 1;
}

.values .values-scroller .scroller-item-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  opacity: 0;
  transition:
    scale 0.15s linear,
    opacity 0.1s linear;
}

.values .values-scroller .scroller-item-wrapper.delayed {
  transition-delay: 0.1s;
}

.values .value-circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--circle-size);
  aspect-ratio: 1/1;
  padding: 2rem;
  color: #95d600;
  filter: brightness(108%);
  border-radius: 100%;
  border: 4px solid;
  box-shadow:
    inset 0 0 0 #00000026,
    0 0 0 #00000026,
    inset 0 0 calc(1.75rem / 2),
    0 0 calc(1.75rem / 2);
  transition:
    color 0.2s linear,
    filter 0.2s linear;
}

.values .values-scroller .scroller-item.slick-current .scroller-item-wrapper .value-circle,
.values .values-scroller .scroller-item.slick-next .scroller-item-wrapper .value-circle {
  color: #00833e;
  filter: brightness(125%);
}

.values .values-scroller .slick-active:not(.slick-current) .scroller-item-wrapper .value-circle,
.values .values-scroller .slick-current + .scroller-item .scroller-item-wrapper .value-circle,
.values .values-scroller :has(+ .slick-current) .scroller-item-wrapper .value-circle,
.values .values-scroller .slick-next-active .scroller-item-wrapper .value-circle {
  color: #3fae2a;
  filter: brightness(115%);
}

.values .values-scroller .scroller-item-wrapper .value-circle > * {
  filter: brightness(92.5%);
}

.values .values-scroller .slick-current .scroller-item-wrapper .value-circle > *,
.values .values-scroller .slick-next .scroller-item-wrapper .value-circle > * {
  filter: brightness(80.5%);
}

.values .values-scroller .slick-active:not(.slick-current) .scroller-item-wrapper .value-circle > *,
.values .values-scroller .slick-current + .scroller-item .scroller-item-wrapper .value-circle > *,
.values .values-scroller :has(+ .slick-current) .scroller-item-wrapper .value-circle > *,
.values .values-scroller .slick-next-active .scroller-item-wrapper .value-circle > * {
  filter: brightness(87%);
}

.values .value-circle .svg-wrapper {
  width: 100%;
  height: 100%;
}

.values .desc-scroller .scroller-item-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.values .value-title {
  color: #000a88;
  text-align: center;
  margin-bottom: 3rem;
}

.values .desc-scroller .text {
  width: 50%;
}

.values .desc-scroller .scroller-item-wrapper p {
  font-size: 1.25rem;
  text-align: center;
}

.values .desc-scroller .scroller-item-wrapper p:last-child {
  margin-bottom: 0;
}

/* ANCHOR History */

.history .mgc-section-title {
  margin-bottom: 6rem;
  text-align: center;
}

.history .history-items {
  --bs-gutter-x: 0;
  margin-bottom: 4rem;
  background-color: #f3f5f9;
  border-radius: 2rem;
}

.history .photos-col,
.history .events-col {
  padding: 3rem;
}

.history .photos .scroller-item,
.history .photos::before,
.history .photos::after {
  box-shadow: 0 0.35rem 0.75rem silver;
}

.history .photos,
.history .photos .slick-track,
.history .photos .photo,
.history .events .scroller-item-wrapper {
  aspect-ratio: 16/9;
}

.history .photos {
  position: relative;
  z-index: 0;
  cursor: pointer;
  transition: rotate 0.25s ease;
}

.history .photos:has(.slide) {
  user-select: none;
}

.history .photos:has(.slide),
.history .photos:has(.slick-current:last-child) {
  cursor: default;
}

.history .photos:not(:has(.slide)):hover {
  rotate: 3deg;
}

.history .photos::before,
.history .photos::after,
.history .photo {
  background-color: white;
}

.history .photos::before,
.history .photos::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: rotate 0.15s ease;
}

.history .photos::before {
  translate: 0 -0.25rem;
  rotate: -4deg;
}

.history .photos:not(:has(.slide)):hover::before {
  rotate: -2deg;
}

.history .photos::after {
  translate: 0 0.25rem;
  rotate: 4deg;
}

.history .photos:not(:has(.slide)):hover::after {
  rotate: 2deg;
}

.history .photos .slick-list {
  overflow: visible;
}

.history .photos .slick-track {
  width: 100% !important;
}

.history .photos .slick-slide {
  position: absolute !important;
  left: 0 !important;
  z-index: -1 !important;
  transition: left 0.5s ease !important;
}

.history .photos .slick-slide.slick-active {
  z-index: 0 !important;
}

.history .photos .scroller-item.slide,
.history .photos .slick-active.slide + .scroller-item {
  opacity: 1 !important;
}

.history .photos .scroller-item.slide-out,
.history .photos .scroller-item.slide-in {
  left: calc(-100% - 2rem) !important;
}

.history .photos .scroller-item.slide-out,
.history .photos .slick-active.slide-in + .scroller-item {
  z-index: 1 !important;
}

.history .photo {
  --frame: -0.5rem;
  --photo-pad: 2rem;
  position: relative;
  display: grid;
  width: 100%;
  padding: var(--photo-pad);
}

.history .photo::before,
.history .photo::after,
.history .photo img,
.history .photo .svg-wrapper {
  grid-row: 1;
  grid-column: 1;
}

.history .photo::before,
.history .photo::after {
  content: "";
  display: block;
  width: 6rem;
  aspect-ratio: 1/1;
}

.history .photo::before {
  justify-self: end;
  margin-top: var(--frame);
  margin-inline-end: var(--frame);
  background-color: #3fae2a;
}

.history .photo::after {
  align-self: end;
  margin-bottom: var(--frame);
  margin-inline-start: var(--frame);
  background-color: #95d600;
}

.history .photo img,
.history .photo .svg-wrapper {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  z-index: 0;
}

.history .events-col .scrollable {
  overflow: auto;
}

.history .events .scroller-item {
  transition:
    opacity 0.25s ease,
    translate 0.5s ease !important;
}

.history .events .scroller-item.slick-active {
  translate: 0;
  transition-delay: 0.5s !important;
}

.history .events .scroller-item-wrapper {
  display: flex;
  flex-direction: column;
}

.history .events .year {
  margin-bottom: 3rem;
  color: #3fae2a;
  font-weight: 500;
  text-align: start;
  font-size: 2.75rem;
}

.history .events .carousel-wrapper,
.history .events .events-list {
  flex: 1 0 0%;
}

.history .events .events-list {
  margin-bottom: 0;
  padding: 0;
  font-size: 1.15rem;
}

.history .events .events-list li {
  white-space: pre-line;
}

.history .seeker {
  display: flex;
  align-items: center;
}

.history .scroller-control {
  flex: 0 0 auto;
  width: 3rem;
  padding: 0;
}

.history .seeker-bar {
  --gap: 1.5rem;
  position: relative;
  flex: 1 0 0%;
  width: 100%;
  margin: 0 var(--gap);
  overflow: hidden;
}

.history .seeker-bar::before,
.history .seeker-bar::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: var(--gap);
  height: 100%;
}

.history .seeker-bar::before {
  left: 0;
  background-image: linear-gradient(to right, white, transparent);
}

.history .seeker-bar::after {
  right: 0;
  background-image: linear-gradient(to left, white, transparent);
}

.history .seeker-bar .scrollable {
  overflow: auto;
  scroll-behavior: smooth;
  scroll-padding: 0 var(--gap);
  scroll-snap-type: x mandatory;
}

.history .seeker-inner {
  --step-width: 6rem;
  width: fit-content;
  padding: 0 var(--gap);
}

.history .seeker-inner .truck,
.history .seeker-inner .truck img,
.history .seeker-inner .truck .svg-wrapper {
  position: relative;
}

.history .seeker-inner .truck {
  margin-bottom: 1rem;
}

.history .seeker-inner .truck img,
.history .seeker-inner .truck .svg-wrapper {
  display: block;
  left: 0;
  width: var(--step-width);
  transition: left 1s ease-in-out;
}

[lang="ar"] .history .seeker-inner .truck img,
[lang="ar"] .history .seeker-inner .truck .svg-wrapper {
  transform: scaleX(-1);
}

.history .seeker-inner .years {
  display: flex;
  align-items: start;
}

.history .step {
  --tick-width: 0.1rem;
  --tick-height: 0.75rem;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  width: var(--step-width);
  color: #95d600;
  scroll-snap-align: end;
}

.history .step input[type="radio"] {
  display: none;
}

.history .step label {
  display: flex;
  cursor: pointer;
}

.history .step:first-child label {
  justify-content: end;
}

.history .step:last-child label {
  justify-content: start;
}

.history .step:not(:first-child) label::before,
.history .step:not(:last-child) label::after,
.history .step .tick {
  display: block;
  height: var(--tick-height);
}

.history .step:not(:first-child) label::before,
.history .step:not(:last-child) label::after {
  content: "";
  width: calc(50% - calc(var(--tick-width) / 2));
  background-color: #000a88;
}

.history .step .tick {
  flex-shrink: 0;
  width: var(--tick-width);
  background-color: currentColor;
}

.history .step input[type="radio"]:not(:disabled) + label .tick {
  height: calc(var(--tick-height) + 0.5rem);
}

.history .step .step-year {
  align-self: center;
  margin-top: 1rem;
  font-weight: bold;
}

/* ANCHOR CEO's message */

.mgc-section.ceo-message {
  --ceo-img-width: 18rem;
  --x-gutter: 5rem;
  background-image: linear-gradient(transparent, #f3f5f9, transparent);
}

.ceo-message .titles {
  margin-bottom: 3rem;
}

.ceo-message .mgc-section-subtitle {
  margin-bottom: 1.5rem;
}

.ceo-message .titles hr {
  width: calc(100% - var(--ceo-img-width) - var(--x-gutter));
  margin-inline-start: 0;
  border-top: 2px solid #3fae2a;
}

.ceo-message .section-content {
  --bs-gutter-x: var(--x-gutter);
}

.ceo-message .msg .ceo-msg {
  margin-bottom: 3rem;
}

.ceo-message .msg .ceo-sign {
  width: 12rem;
}

.ceo-message .ceo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ceo-message .ceo .img {
  width: var(--ceo-img-width);
  aspect-ratio: 1/1;
  margin-bottom: 2rem;
  border-radius: 100%;
  border: 0.25rem solid #00833e;
  box-shadow:
    inset 0 0 0 0.375rem #3fae2a,
    inset 0 0 0 0.875rem #95d600;
  object-fit: cover;
}

.ceo-message .ceo .ceo-name {
  color: #00833e;
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}

.ceo-message .ceo .ceo-position {
  color: #3fae2a;
  font-size: 1.2rem;
}

/* ANCHOR Management team */

.management-team .managers-scroller {
  --btn-size: 3rem;
  display: flex;
  align-items: center;
}

.management-team .scroller {
  --scroller-margin: 1.5rem;
  flex: 1 0 0%;
  width: calc(100% - calc(var(--btn-size) * 2) - calc(var(--scroller-margin) * 2));
  margin: 0 var(--scroller-margin);
}

.management-team .scroller-control {
  flex: 0 0 auto;
  width: var(--btn-size);
  padding: 0;
}

.management-team .manager {
  padding: 1.5rem;
}

.management-team .manager .scroller-item-wrapper,
.management-team .manager .img {
  display: grid;
}

.management-team .manager .scroller-item-wrapper {
  --bg: #000a88;
  width: 100%;
  aspect-ratio: 3/4;
  background-color: #f3f5f9;
  border-radius: 1rem;
  box-shadow: 0 0 1rem 0.25rem silver;
  overflow: hidden;
}

.management-team .manager .img,
.management-team .manager .img img,
.management-team .manager .img::after,
.management-team .manager .info {
  grid-row: 1;
  grid-column: 1;
}

.management-team .manager .img,
.management-team .manager .img .manager-img {
  width: 100%;
  height: 100%;
}

.management-team .manager .img {
  display: grid;
}

.management-team .manager .img::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  transition: opacity 0.2s ease-in;
}

.management-team .manager .scroller-item-wrapper:hover .img::after {
  opacity: 0.4;
}

.management-team .manager .img > * {
  grid-row: 1;
  grid-column: 1;
}

.management-team .manager .img img.manager-img {
  object-fit: cover;
}

.management-team .manager .img .corner {
  align-self: end;
}

.management-team .manager .info,
.management-team .manager .info .linkedin,
.management-team .manager .drawer {
  position: relative;
}

.management-team .manager .info,
.management-team .manager .drawer,
.management-team .manager .details {
  display: flex;
  flex-direction: column;
}

.management-team .manager .info {
  align-self: end;
  justify-content: end;
  height: 100%;
  z-index: 0;
}

.management-team .manager .info .linkedin,
.management-team .manager .drawer {
  top: 100%;
}

.management-team .manager .info .linkedin {
  width: 2rem;
  margin-inline-start: 1rem;
  padding: 0;
  font-size: 0.85rem;
  transition:
    background-color 0.2s linear,
    top 1s cubic-bezier(0.46, 1.48, 0.18, 0.81);
}

.management-team .manager .info .linkedin:not(:hover):not(:active) {
  background-color: var(--bg);
}

.management-team .manager .drawer {
  transition: top 0.2s linear 0.1s;
}

.management-team .manager .scroller-item-wrapper:hover .linkedin,
.management-team .manager .scroller-item-wrapper:hover .drawer {
  top: 0;
}

.management-team .manager .scroller-item-wrapper:hover .drawer {
  transition: top 0.2s linear;
}

.management-team .manager .jelly,
.management-team .manager .dummy {
  color: var(--bg);
  width: 100%;
}

.management-team .manager .dummy {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.management-team .manager .dummy path {
  transition: 0.2s linear;
}

.management-team .manager .scroller-item-wrapper:hover .jelly path {
  animation: jelly 0.5s forwards linear 0.1s;
}

.management-team .manager .scroller-item-wrapper:hover .dummy path {
  d: path("M0,50 Q80,50 400,50 V100 H0 V50");
  transition: d 0s linear 0.5s;
}

.management-team .manager .name-position {
  --padding: 0.75rem;
  --font-size: 0.95rem;
  background-color: var(--bg);
}

.management-team .manager .name-position .details {
  justify-content: center;
  margin-top: calc(0.175em - var(--font-size) - calc(var(--padding) * 2));
  padding: var(--padding);
  translate: 0 100%;
  transition: translate 1s cubic-bezier(0.31, 1.21, 0.64, 1.02);
}

.management-team .manager .scroller-item-wrapper:hover .details {
  translate: 0 0;
}

.management-team .manager .name-position .name {
  color: #95d600;
  font-size: var(--font-size);
  font-weight: bold;
}

.management-team .manager .name-position .position {
  color: white;
  font-size: 0.925rem;
}

/* ANCHOR Board of directors */

.mgc-section.directors {
  background-image: linear-gradient(transparent, #f3f5f9, transparent);
}

.directors .mgc-section-title {
  margin-bottom: 3rem;
}

.directors .board {
  --btn-pad: 2rem;
  --arrow-size: 3rem;
  --bg: white;
  position: relative;
  border-radius: 1.5rem;
  box-shadow: 0 0 0.75rem silver;
  overflow: hidden;
  background-color: var(--bg);
}

.directors .member {
  --img-width: 20rem;
  --height: 45rem;
  --duration: 0.5s;
  display: block;
  z-index: -1 !important;
  transition-duration: 0s !important;
  transition-delay: var(--duration) !important;
}

.directors .member.slick-current {
  z-index: 0 !important;
}

.directors .member.slick-prev {
  opacity: 1 !important;
}

.directors .member:nth-child(7n + 1) {
  --pane-dark-color: #1a206f;
  --pane-color: #000a88;
  --pane-light-color: #5258a6;
}

.directors .member:nth-child(7n + 2) {
  --pane-darkt-color: #015729;
  --pane-color: #00833e;
  --pane-light-color: #3fae2a;
}

.directors .member:nth-child(7n + 3) {
  --pane-dark-color: #00833e;
  --pane-color: #3fae2a;
  --pane-light-color: #95d600;
}

.directors .member:nth-child(7n + 4) {
  --pane-dark-color: #3fae2a;
  --pane-color: #95d600;
  --pane-light-color: #c4d600;
}

.directors .member:nth-child(7n + 5) {
  --pane-dark-color: #95d600;
  --pane-color: #c4d600;
  --pane-light-color: #e0e67e;
}

.directors .member:nth-child(7n + 6) {
  --pane-dark-color: #c4d600;
  --pane-color: #e0e67e;
  --pane-light-color: #f3f7ae;
}

.directors .member:nth-child(7n + 7) {
  --pane-dark-color: #383838;
  --pane-color: #838383;
  --pane-light-color: gainsboro;
}

.directors .member-wrapper {
  --bs-gutter-x: 0;
}

.directors .bio-col .label-wrapper,
.directors .name-col,
.directors .name-col .details {
  display: flex;
}

.directors .bio-col {
  --label-font-rem: 3.5;
  --label-size: calc(var(--label-font-rem) * 1em);
  --label-pad: var(--btn-pad);
  display: grid;
  grid-template-rows: auto 80%;
  grid-template-columns: calc(var(--label-size) + calc(var(--label-pad) * 2)) auto;
  height: var(--height);
  padding-bottom: var(--btn-pad);
  padding-inline-end: calc(calc(var(--img-width) / 2) + calc(var(--btn-pad) * 2));
}

.directors .bio-col .title {
  position: relative;
  width: fit-content;
  height: fit-content;
  margin-bottom: 0;
  padding: 1.5rem 2rem;
  color: white;
  font-size: 2rem;
  font-weight: bold;
  z-index: 0;
}

.directors .bio-col .title::before,
.directors .bio-col .bio::after,
.directors .name-col::before,
.directors .name-col .details::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: 1;
  transition: width var(--duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.directors .bio-col .title::before,
.directors .name-col::before {
  right: 0;
  width: 0;
  background-color: var(--pane-color);
  z-index: -1;
  transition-delay: var(--duration);
}

.directors .member.slick-current .bio-col .title::before,
.directors .member.slick-current .name-col::before {
  width: 100%;
}

.directors .slick-prev .bio-col .title::before,
.directors .slick-prev .name-col::before {
  transition-delay: calc(var(--duration) * 2);
}

[lang="ar"] .directors .bio-col .title::before,
[lang="ar"] .directors .name-col::before {
  left: 0;
  right: auto;
}

.directors .bio-col .label-wrapper,
.directors .bio-col .bio {
  grid-row: 2;
}

.directors .bio-col .label-wrapper {
  align-items: center;
  justify-content: center;
  margin: 0 var(--label-pad);
}

.directors .bio-col .label {
  flex-shrink: 0;
  height: calc(var(--label-size) / var(--label-font-rem));
  margin-bottom: 0;
  color: var(--bg);
  font-size: calc(var(--label-font-rem) * 1rem);
  font-weight: bold;
  line-height: 0.75;
  -webkit-text-stroke: 2px gainsboro;
  rotate: -90deg;
}

.directors .bio-col .bio {
  grid-column: 2;
  position: relative;
  background-color: var(--bg);
}

.directors .bio-col .bio::after,
.directors .name-col .details::after {
  left: 0;
  width: 100%;
  background-color: currentColor;
}

[lang="ar"] .directors .bio-col .bio::after,
[lang="ar"] .directors .name-col .details::after {
  left: auto;
  right: 0;
}

.directors .member.slick-current .bio-col .bio::after,
.directors .member.slick-current .name-col .details::after {
  width: 0;
  transition-delay: var(--duration);
}

.directors .overflow-parent .overflow-wrapper {
  display: flex;
  flex-direction: column;
}

.directors .overflow-parent .overflow-wrapper:only-child {
  justify-content: center;
}

.directors .overflow-parent .overflow-toggle {
  color: var(--pane-color);
}

.directors .overflow-parent .overflow-toggle:hover {
  color: var(--pane-light-color);
}

.directors .overflow-parent .overflow-toggle:active {
  color: var(--pane-dark-color);
}

.directors .name-col {
  --pad-x: calc(calc(var(--btn-pad) * 2) + var(--arrow-size));
  position: relative;
  align-items: center;
  height: 100%;
  padding-top: var(--pad-x);
  padding-bottom: var(--pad-x);
  padding-inline-end: var(--btn-pad);
  color: white;
}

.directors .name-col .img {
  flex-shrink: 0;
  display: grid;
  width: var(--img-width);
  margin-inline-start: calc(var(--img-width) / -2);
  margin-inline-end: calc(var(--btn-pad) * 2);
  filter: drop-shadow(0 0 0.5rem gray);
  translate: 0 0;
  transition: translate var(--duration) ease-in-out;
}

.directors .member.slick-current .name-col .img {
  transition-delay: var(--duration);
}

.directors .member:first-child:not(.slick-current) .name-col .img,
.directors .member.slick-current + .member .name-col .img {
  translate: 0 calc(calc(var(--height) + 100%) / 2);
}

.directors .member:last-child:not(.slick-current):not(.slick-current + .member) .name-col .img,
.directors .member:has(+ .member.slick-current) .name-col .img {
  translate: 0 calc(calc(var(--height) + 100%) / -2);
}

.directors .name-col .img > * {
  grid-row: 1;
  grid-column: 1;
  width: 100%;
}

.directors .name-col .img .leaf {
  align-self: end;
}

.directors .name-col .img .board-img {
  clip-path: url("#leaf-clip-path");
}

.directors .name-col .details {
  position: relative;
  flex-direction: column;
  height: 25%;
}

.directors .name-col .name {
  margin-bottom: 1rem;
  text-align: start;
  text-transform: none;
  color: currentColor;
  font-weight: 500;
  font-size: 2rem;
}

.directors .name-col .position {
  margin-bottom: 0;
  font-size: 1.25rem;
}

.directors .main-buttons {
  position: absolute;
  top: var(--btn-pad);
  bottom: var(--btn-pad);
  right: var(--btn-pad);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

[lang="ar"] .directors .main-buttons {
  right: auto;
  left: var(--btn-pad);
}

.directors .main-buttons .scroller-control {
  position: static;
  width: var(--arrow-size);
  padding: 0;
  border: 2px solid currentColor;
  opacity: 1;
  z-index: 0;
  transition:
    color 0.2s linear,
    border 0.2s linear;
}

/* ANCHOR Subsidiaries */

.subsidiaries .mgc-section-title {
  margin-bottom: 3rem;
  text-align: center;
}

.subsidiaries .sub-row {
  --bs-gutter-y: 1.5rem;
  justify-content: center;
}

.subsidiaries .sub .col-wrapper {
  display: grid;
  aspect-ratio: 1/1;
  border-radius: 1rem;
  box-shadow: 0 0 0.25rem gainsboro;
  overflow: hidden;
}

.subsidiaries .sub .cover,
.subsidiaries .sub .details {
  grid-row: 1;
  grid-column: 1;
  height: 100%;
  min-height: 0;
  background-color: #f3f5f9;
}

.subsidiaries .sub .cover {
  --fade: 0.35s;
  padding: 3rem;
  z-index: 1;
  transition:
    opacity var(--fade) ease-in-out,
    z-index 0s linear;
}

.subsidiaries .sub .col-wrapper:hover .cover {
  opacity: 0;
  z-index: -1;
  transition:
    opacity var(--fade) ease-in-out,
    z-index 0s linear var(--fade);
}

.subsidiaries .sub .sub-logo {
  display: block;
  width: 100%;
  height: 100%;
}

.subsidiaries .sub .details {
  padding: 1.5rem;
}

.subsidiaries .sub .details .overflow-wrapper {
  display: flex;
  flex-direction: column;
}

.subsidiaries .sub .details .overflow-wrapper:only-child {
  justify-content: center;
}

.subsidiaries .sub .details .sub-website {
  margin-bottom: 2rem;
}

.subsidiaries .sub .details p:last-child,
.subsidiaries .sub .details ul:last-child {
  margin-bottom: 0;
}

.subsidiaries .sub .details p:has(+ ul) {
  margin-bottom: 0.5rem;
}

.subsidiaries .sub .details ul {
  padding: 0;
}

/* ANCHOR Partners */

.partners .mgc-section-title {
  margin-bottom: 3rem;
  text-align: center;
}

.partners .globe {
  aspect-ratio: 16/9;
}

.partners .partners-scroller {
  --control-size: 3rem;
  display: flex;
  background-image: url("../Images/earth-night-sky.png");
  background-repeat: no-repeat;
  background-position: center;
}

.partners .scroller-control {
  width: var(--control-size);
  padding: 0;
  z-index: 1;
}

.partners .scroller {
  width: calc(100% - calc(var(--control-size) * 2));
}

.partners .slick-list {
  padding: 0.5rem 0;
}

.partners .partner {
  padding: 0 0.5rem;
}

.partners .partner button {
  --glow-1: 0 0 0.4rem;
  --glow-2: 0 0 0.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 1rem 2rem;
  background-color: #ffffff66;
  outline: none;
  border: 1px solid currentColor;
  border-radius: 6rem;
  color: white;
  box-shadow:
    var(--glow-1),
    inset var(--glow-1),
    var(--glow-2),
    inset var(--glow-2);
  transition: color 0.2s linear;
}

.partners .partner button:disabled {
  opacity: 0.6;
}

.partners .partner button:not(:disabled):hover,
.partners .partner.selected button {
  color: #e0e67e;
}

.partners .partner button img {
  --glow: white;
  height: 2rem;
  object-fit: contain;
  filter: drop-shadow(0 0 0.25rem var(--glow)) drop-shadow(0 0 0.2rem var(--glow));
}

body:has(.partner-card.show) {
  overflow: hidden;
}

.partners .partner-card {
  --card-pad: 2rem;
  --opacity-dur: 0.15s;
  --translate-dur: 0.3s;
  --visibility-delay: calc(var(--opacity-dur) + var(--translate-dur));
  --opacity-trans: opacity var(--opacity-dur) linear;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
  background-color: #00000080;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  transition:
    var(--opacity-trans) var(--translate-dur),
    visibility 0s linear var(--visibility-delay);
}

.partners .partner-card.show {
  visibility: visible;
  opacity: 1;
  transition: var(--opacity-trans);
}

.partners .partner-card .card-inner,
.partners .partner-card .details,
.partners .partner-card .country,
.partners .partner-card .scroller-item-wrapper {
  display: flex;
  flex-direction: column;
}

.partners .partner-card .card-inner {
  width: 70rem;
  height: 100%;
  background-color: white;
  background-image: linear-gradient(to bottom, #f3f5f9 0%, transparent);
  border-radius: 2rem;
  opacity: 0;
  overflow: hidden;
  translate: 0 -3rem;
  transition:
    var(--opacity-trans),
    translate var(--translate-dur) ease-in-out;
}

.partners .partner-card.show .card-inner {
  opacity: 1;
  translate: 0 0;
}

.partners .partner-card .header,
.partners .partner-card .body {
  display: grid;
}

.partners .partner-card .header {
  position: relative;
  flex: 0 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: auto 25%;
  padding: var(--card-pad);
  z-index: 0;
}

.partners .partner-card .header::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("../Images/bottom-corner.svg");
  background-repeat: no-repeat;
  background-position: left;
  scale: -1;
  z-index: -1;
}

[lang="ar"] .partners .partner-card .header::before {
  scale: 1 -1;
}

.partners .partner-card .header .name {
  color: #00833e;
  font-weight: bold;
  font-size: 2rem;
}

.partners .partner-card .website {
  grid-row: 2;
  margin-top: 0.5rem;
}

.partners .partner-card .close {
  grid-row: span 2;
  grid-column: 2;
  align-self: start;
  justify-self: end;
  width: 3rem;
  padding: 0;
}

.partners .partner-card .body {
  flex: 1 0 0%;
  grid-template-rows: auto min-content;
  grid-template-columns: 30% auto;
  min-height: 0;
}

.partners .partner-card .details,
.partners .partner-card .intro,
.partners .partner-card .images-scroller {
  padding: var(--card-pad);
}

.partners .partner-card .details,
.partners .partner-card .country,
.partners .partner-card .scroller-item-wrapper {
  align-items: center;
}

.partners .partner-card .details {
  justify-content: space-around;
}

.partners .partner-card .partner-logo {
  width: 100%;
  object-fit: contain;
  margin-bottom: 1.5rem;
}

.partners .partner-card .country .name {
  margin-bottom: 1rem;
  color: #000a88;
  font-weight: bold;
  text-align: center;
}

.partners .partner-card .country .flag {
  width: 50%;
}

.partners .partner-card .intro {
  grid-column: 2;
  overflow: hidden;
}

.partners .partner-card .overflow-parent {
  height: 100%;
}

.partners .partner-card .overflow-wrapper:only-child {
  align-self: center;
}

.partners .partner-card .images-scroller {
  --btn: 3rem;
  --pad: 0.5rem;
  grid-row: 2;
  grid-column: span 2;
  display: flex;
  align-items: center;
  min-width: 0;
}

.partners .partner-card .scroller-control {
  flex: 0 0 auto;
  width: var(--btn);
  padding: 0;
}

.partners .partner-card .scroller {
  flex: 1 0 0%;
  width: 100%;
}

.partners .partner-card .images-scroller:has(.scroller-control) .scroller {
  width: calc(100% - (var(--btn) * 2) - (var(--pad) * 2));
  margin: 0 var(--pad);
}

.partners .partner-card .scroller-item-wrapper {
  height: 12rem;
  padding: 0 var(--pad);
}

.partners .partner-card .partner-img {
  flex: 1 0 0%;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.partners .partner-card .caption {
  flex: 0 0 auto;
  margin-top: 1rem;
  text-align: center;
  font-size: 1rem;
}

/* ANCHOR Animations */

@keyframes glow {
  0%,
  100% {
    box-shadow:
      0 0 5rem 2rem #000a88,
      0 0 8rem #000a88;
  }

  50% {
    box-shadow:
      0 0 5rem 1rem #000a88,
      0 0 6rem #000a88;
  }
}

@keyframes wobble {
  0%,
  100% {
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
  }

  34% {
    border-radius: 70% 45% 46% 54% / 36% 45% 71% 70%;
  }

  67% {
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
  }
}

@keyframes jelly {
  20% {
    d: path("M0,50 Q80,100 400,50 V100 H0 V50");
  }

  50% {
    d: path("M0,50 Q80,0 400,50 V100 H0 V50");
  }

  80% {
    d: path("M0,50 Q80,80 400,50 V100 H0 V50");
  }

  90% {
    d: path("M0,50 Q80,45 400,50 V100 H0 V50");
  }

  100% {
    d: path("M0,50 Q80,50 400,50 V100 H0 V50");
  }
}

/* ANCHOR Media queries */

/* Devices without hover */
@media (pointer: coarse) {
  .management-team .manager .scroller-item-wrapper .img::after {
    opacity: 0;
  }

  .management-team .manager .img .corner {
    display: none;
  }

  .management-team .manager .scroller-item-wrapper .linkedin,
  .management-team .manager .scroller-item-wrapper .drawer {
    top: 0;
  }

  .management-team .manager .scroller-item-wrapper .drawer {
    transition: top 0.2s linear;
  }

  .management-team .manager .scroller-item-wrapper .jelly path {
    animation: jelly 0.5s forwards linear 0.1s;
  }

  .management-team .manager .scroller-item-wrapper .dummy {
    background-color: #000a88;
    translate: 0 50%;
  }

  .management-team .manager .scroller-item-wrapper .details {
    translate: 0 0;
  }

  .subsidiaries .sub .cover {
    opacity: 0.1;
    z-index: 0 !important;
  }
}

/* ANCHOR Safari only */
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .values .value-circle .svg-wrapper {
    height: calc(var(--circle-size) / 2.5);
  }

  .subsidiaries .sub .col-wrapper {
    overflow: auto;
  }
}

/* Tablet size */
@media (max-width: 991px) {
  .page-content {
    padding: 0;
  }

  .mgc-section.company-profile .perspective-wrapper {
    width: 18rem;
  }

  .mgc-section.company-profile .book-col {
    margin: 1rem 0 4rem;
  }

  .facts {
    --tabs-h: 32rem;
    --panes-h: 24rem;
    --total-h: calc(var(--tabs-h) + var(--panes-h));
  }

  .facts .cols {
    flex-direction: column;
    height: var(--total-h);
  }

  .facts .tabs-col,
  .facts .panes-col {
    flex: 0 0 auto;
  }

  .facts .tabs-col {
    height: var(--tabs-h);
    padding: 0;
  }

  .facts .tabs-col .fact-tabs {
    margin-inline-start: 0;
  }

  .facts .tabs-col .nav-pills .nav-link-wrapper {
    padding: 0 0.25rem;
  }

  .facts .tabs-col .nav-pills .nav-link {
    width: 100%;
    height: 10rem;
    transform: none !important;
  }

  .facts .tabs-col .nav-pills .nav-link .tab-title {
    line-clamp: 5;
    -webkit-line-clamp: 5;
    word-wrap: anywhere;
    white-space: pre-line;
    hyphens: auto;
  }

  .facts .tabs-col .slick-list {
    padding: 0;
  }

  .facts .img-circle,
  .facts .tabs-col::before,
  .facts .tabs-col::after {
    box-shadow:
      0 -1.25rem 2.5rem -1.25rem #a6a9aa99,
      0 -1.75rem 3.5rem -0.75rem #a6a9aa66;
  }

  .facts .tabs-col::before,
  .facts .tabs-col::after {
    align-self: end;
    justify-self: center;
    transform: translateY(50%);
  }

  .facts .panes-col {
    height: var(--panes-h);
    padding: 0;
    border-inline-start: none;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent 0%, #000a88 50%, transparent 100%) 1;
  }

  .facts .panes-col::before {
    align-self: start;
    justify-self: center;
    transform: translateY(-50%);
  }

  .fact-content {
    padding-inline-end: 0;
  }

  .facts .text-wrapper {
    margin-inline-start: 0;
    padding-top: 12rem;
    text-align: center;
  }

  .facts .text-wrapper::before {
    display: none;
  }

  .facts .panes-col .text {
    display: flex;
    flex-direction: column;
  }

  .facts .img-circle {
    translate: 0 calc((var(--total-h) / 2) - var(--panes-h));
  }

  .mgc-section.vision-mission {
    padding-bottom: 10rem;
  }

  .values .values-scroller .scroller-item {
    --circle-size: 7.5rem;
  }

  .values .desc-scroller .text {
    width: 75%;
  }

  .history .photos-col {
    display: grid;
    align-items: center;
  }

  .history .photo {
    padding: 1.5rem;
  }

  .history .events .scroller-item-wrapper {
    aspect-ratio: 4/3;
  }

  .history .events .year {
    margin-bottom: 1rem;
    font-size: 1.75rem;
  }

  .history .photos-col,
  .history .events-col {
    padding: 1.5rem;
  }

  .history .events .events-list {
    font-size: 0.9rem;
  }

  .history .seeker-bar {
    --gap: 1rem;
  }

  .overflow-parent .overflowing .carousel .buttons .arrow {
    width: 2.5rem;
  }

  .mgc-section.ceo-message {
    --bs-gutter-x: 0rem;
    --ceo-img-width: 15rem;
  }

  .ceo-message .section-content {
    flex-wrap: wrap-reverse;
  }

  .ceo-message .titles hr {
    margin-left: auto;
    margin-right: auto;
  }

  .ceo-message .ceo {
    margin-bottom: 3rem;
  }

  .ceo-message .msg {
    text-align: center;
  }

  .management-team .manager {
    padding: 6rem;
  }

  .directors .board {
    --btn-pad: 1.5rem;
  }

  .directors .member {
    --img-width: 12rem;
    --height: 35rem;
  }

  .directors .bio-col {
    --label-font-rem: 2.5;
  }

  .directors .bio-col .page {
    font-size: 0.95rem;
  }

  .directors .bio-col {
    grid-template-rows: auto auto 70%;
    grid-template-columns: 100%;
    padding-inline-end: calc(calc(var(--img-width) / 2) + var(--btn-pad));
  }

  .directors .bio-col .label-wrapper {
    height: auto;
  }

  .directors .bio-col .label {
    height: auto;
    line-height: 1.2;
    rotate: 0deg;
  }

  .directors .bio-col .bio {
    grid-row: 3;
    grid-column: 1;
    padding-inline-start: var(--btn-pad);
    padding-inline-end: 0;
  }

  .directors .name-col .img {
    margin-inline-end: var(--btn-pad);
  }

  .directors .name-col .details {
    justify-content: center;
    height: 50%;
  }

  .directors .name-col .name {
    font-size: 1.5rem;
  }

  .directors .name-col .position {
    font-size: 1rem;
  }

  .subsidiaries .sub .col-wrapper {
    background-color: #f3f5f9;
  }

  .subsidiaries .sub .details {
    background-color: transparent;
    z-index: 1;
  }

  .partners #partner-modal {
    --bs-modal-width: 60rem;
  }
}

/* Large phone size */
@media (max-width: 650px) {
  .banner .banner-text-content .text-wrapper {
    padding: 1.5rem;
  }

  .banner .banner-text-content .page-name {
    font-size: 2rem;
  }

  .banner .banner-text-content .banner-text {
    font-size: 1rem;
  }

  .mgc-section.company-profile .book-col {
    padding-top: 2rem;
  }

  .mgc-section.company-profile .perspective-wrapper {
    width: 15rem;
  }

  .facts {
    --tabs-h: 40rem;
    --panes-h: 28rem;
    --center-circle: 10rem;
  }

  .facts .cols {
    --outer-circle: calc(100% - 3rem);
    width: 100%;
  }

  .facts .tabs-col::before {
    width: calc(calc(var(--outer-circle) + var(--center-circle)) / 2);
  }

  .facts .tabs-col::after {
    width: var(--outer-circle);
  }

  .facts .tabs-col .fact-tabs {
    width: 100%;
    padding-top: 0;
  }

  .facts .tabs-col .nav-pills {
    --facts-gap-y: 0.5rem;
    margin-top: calc(var(--facts-gap-y) * -1);
  }

  .facts .tabs-col .nav-pills .nav-link {
    height: 4rem;
    margin-top: var(--facts-gap-y);
  }

  .facts .tabs-col .nav-pills .nav-link .tab-title {
    line-clamp: 1;
    -webkit-line-clamp: 1;
  }

  .facts .img-circle,
  .facts .panes-col::before {
    width: var(--center-circle);
  }

  .facts .text-wrapper {
    padding-top: 10rem;
  }

  .vision-mission .vision-mission-card .img-wrapper {
    width: 8rem;
    margin-inline-end: 1.5rem;
  }

  .vision-mission .vision-mission-card:nth-child(2n) .img-wrapper {
    margin-inline-start: 1.5rem;
    margin-inline-end: 0;
  }

  .vision-mission .vision-mission-card .img {
    padding: 1.5rem;
  }

  .vision-mission .vision-mission-card .title {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }

  .vision-mission .vision-mission-card .text-wrapper {
    text-align: center;
  }

  .vision-mission .vision-mission-card .text {
    font-size: 1.1rem;
    margin-bottom: 0;
  }

  .values .desc-scroller .text {
    width: 100%;
  }

  .values .desc-scroller .scroller-item-wrapper p {
    font-size: 1.15rem;
  }

  .history .mgc-section-title {
    margin-bottom: 4rem;
  }

  .history .events {
    overflow: hidden;
  }

  .history .events .scroller-item-wrapper {
    aspect-ratio: 16 / 10;
  }

  .history .events .year {
    text-align: center;
  }

  .history .events .events-list {
    font-size: 1rem;
  }

  .history .events .events-list ul {
    padding-inline-start: 0;
  }

  .history .scroller-control {
    width: 2.5rem;
  }

  .history .seeker-bar {
    --gap: 0.75rem;
  }

  .history .seeker-inner {
    --step-width: 4.5rem;
  }

  .history .step .step-year {
    font-size: 1rem;
  }

  .mgc-section.ceo-message {
    --x-gutter: 0rem;
    --ceo-img-width: 13rem;
  }

  .ceo-message .mgc-section-title,
  .ceo-message .mgc-section-subtitle {
    text-align: center;
  }

  .ceo-message .titles hr {
    width: 100%;
  }

  .ceo-message .section-content {
    flex-wrap: wrap-reverse;
  }

  .ceo-message .msg .ceo-msg {
    text-align: center;
  }

  .ceo-message .msg .ceo-sign {
    display: block;
    margin: 0 auto;
  }

  .management-team .scroller {
    --scroller-margin: 0rem;
  }

  .directors .member-wrapper {
    flex-wrap: wrap-reverse;
  }

  .directors .col-wrapper {
    --col-height: 32rem;
    height: var(--col-height);
  }

  .directors .bio-col {
    grid-template-rows: 0 min-content;
    height: var(--col-height);
    padding: 0 2rem 2rem;
  }

  .directors .bio-col .title {
    display: none;
  }

  .directors .bio-col .label-wrapper {
    margin: 1.5rem 0;
  }

  .directors .bio-col .bio {
    padding: 0;
    text-align: center;
  }

  .directors .member .bio-col .bio::after {
    grid-row: 1;
    grid-column: 1;
    position: static;
  }

  .directors .name-col {
    flex-direction: column;
    justify-content: center;
    padding-inline-end: 0;
  }

  .directors .member .name-col .img {
    --translate: calc(calc(100vw - 4rem + 100%) / 2);
    margin-bottom: 2rem;
    margin-inline-start: 0;
    margin-inline-end: 0;
  }

  .directors .name-col .details {
    align-items: center;
    justify-content: flex-start;
    width: 75%;
    height: 8rem;
  }

  .directors .name-col .name,
  .directors .name-col .position {
    text-align: center;
  }

  .directors .name-col .name {
    font-size: 1.5rem;
  }

  .directors .main-buttons {
    bottom: calc(50% + var(--btn-pad));
  }

  .directors .member:first-child:not(.slick-current) .name-col .img,
  .directors .member.slick-current + .member .name-col .img {
    translate: var(--translate);
  }

  .directors .member:last-child:not(.slick-current):not(.slick-current + .member) .name-col .img,
  .directors .member:has(+ .member.slick-current) .name-col .img {
    translate: calc(var(--translate) * -1);
  }

  .subsidiaries .sub .col-wrapper {
    grid-template-columns: 40% 60%;
    aspect-ratio: 16/9;
    padding: 1.5rem;
  }

  .subsidiaries .sub .cover,
  .subsidiaries .sub .details {
    padding: 0;
  }

  .subsidiaries .sub .cover {
    opacity: 1 !important;
    padding-inline-end: 1rem;
  }

  .subsidiaries .sub .details {
    grid-column: 2;
    padding-inline-start: 1rem;
    font-size: 0.95rem;
    z-index: 0;
  }

  .partners .globe {
    aspect-ratio: 1/1;
  }

  .partners .partner {
    padding: 0 0.25rem;
  }

  .partners .partner button {
    padding: 0.5rem 1.5rem;
  }

  .partners .partner button img {
    height: 1.5rem;
  }

  .partners #partner-modal {
    --bs-modal-width: 35rem;
    --bs-modal-margin: 0rem;
  }

  .partners #partner-modal .modal-header .modal-title {
    font-size: 2rem;
  }

  .partners #partner-modal .logo-col {
    height: 40%;
  }

  .partners #partner-modal .logo-col .col-wrapper {
    flex-direction: row;
  }

  .partners #partner-modal .logo-col .partner-logo,
  .partners #partner-modal .logo-col .country {
    flex: 1 0 0%;
  }

  .partners #partner-modal .logo-col .country {
    justify-content: center;
  }

  .partners #partner-modal .logo-col .partner-logo,
  .partners #partner-modal .logo-col .flag {
    object-fit: contain;
  }

  .partners #partner-modal .intro-col {
    height: 60%;
  }

  .partners #partner-modal .details {
    --bs-gutter-x: 0rem;
  }
}

/* Phone size */
@media (max-width: 510px) {
  .mgc-section .text-content-wrapper,
  .mgc-section .img-col .img-wrapper {
    padding: 1.5rem;
  }

  .facts {
    --tabs-h: 34rem;
    --panes-h: 32rem;
    padding: 0;
  }

  .facts .mgc-section-title,
  .facts .tabs-col .fact-tabs,
  .facts .panes-col .tab-content {
    padding: 0 2rem;
  }

  .vision-mission .vision-mission-card {
    flex-direction: column !important;
    padding: 1.5rem;
  }

  .vision-mission .vision-mission-card .img-wrapper {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    margin-bottom: 1.5rem;
  }

  .vision-mission .vision-mission-card .text {
    font-size: 1rem;
  }

  .values .desc-scroller .scroller-item-wrapper p {
    font-size: 1.05rem;
  }
}