@import url(fonts.css);
/*======================
Breakpoints
======================*/
/*======================
Colors
======================*/
/*======================
Common Buttons
======================*/
/*===============================
Pillars of Success SVG Styles
================================*/
/*======================
Common Styles
======================*/
@import url(fonts.css);
@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%; }
  to {
    background-position: 100% 50%; } }
/*======================
Typography
======================*/
@keyframes showText1 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes showText2 {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.3; } }
html {
  overflow-x: hidden;
  scroll-behavior: smooth; }

body {
  position: relative;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: space-between;
  background-color: #ffff; }

a {
  text-decoration: none;
  color: #fff; }

.container {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0px 100px; }

*,
*::after,
*::before {
  font-family: "Almarai", sans-serif; }

.pillars-of-success {
  position: relative;
  z-index: 1; }
  .pillars-of-success * {
    position: relative;
    z-index: 1; }

@keyframes zoom-in-img {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.2); } }
@keyframes appear {
  from {
    opacity: 0;
    transform: scale(0.5); }
  to {
    opacity: 1;
    transform: scale(1); } }
@media (min-width: 993px) {
  @keyframes expand {
    to {
      width: min(19em, 330px);
      border-radius: 70px; } } }
@keyframes showText {
  to {
    opacity: 1; } }
@keyframes showArrow {
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.subtitle {
  position: relative;
  padding-inline-start: 110px;
  font-family: "Almarai", sans-serif !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-weight: 800;
  margin-bottom: 0;
  letter-spacing: 1.82px;
  text-transform: uppercase; }
  .subtitle {
    font-size: 12px; }
    @media screen and (min-width: 400px) {
      .subtitle {
        font-size: calc(12px + 2 * ((100vw - 400px) / 1600)); } }
    @media screen and (min-width: 2000px) {
      .subtitle {
        font-size: 14px; } }
  .subtitle {
    line-height: 12px; }
    @media screen and (min-width: 400px) {
      .subtitle {
        line-height: calc(12px + 1 * ((100vw - 400px) / 1600)); } }
    @media screen and (min-width: 2000px) {
      .subtitle {
        line-height: 13px; } }
  .subtitle::before {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 103px;
    height: 1px;
    top: 50%;
    inset-inline-start: 0;
    transform: translateY(-50%); }

.maintitle {
  margin-bottom: 0;
  font-family: "Almarai", sans-serif !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  color: #003273; }
  .maintitle {
    font-size: 28px; }
    @media screen and (min-width: 400px) {
      .maintitle {
        font-size: calc(28px + 22 * ((100vw - 400px) / 1600)); } }
    @media screen and (min-width: 2000px) {
      .maintitle {
        font-size: 50px; } }
  .maintitle {
    line-height: 42px; }
    @media screen and (min-width: 400px) {
      .maintitle {
        line-height: calc(42px + 30 * ((100vw - 400px) / 1600)); } }
    @media screen and (min-width: 2000px) {
      .maintitle {
        line-height: 72px; } }
  .maintitle span {
    background: -webkit-linear-gradient(200deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientAnimation 3.5s linear infinite;
    animation-direction: alternate;
    background-size: 300% 100%; }

.animated-button {
  position: relative;
  height: 70px;
  color: #003273;
  cursor: pointer;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  /* Initial state */
  opacity: 0;
  width: 70px;
  border-radius: 24px; }
  .animated-button span {
    padding: 20px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0; }
  .animated-button::after {
    opacity: 0; }
  .animated-button.animating-btn {
    /* Add animation */
    animation: appear 0.4s ease-out forwards, expand 0.5s ease-out 0.5s forwards; }
    .animated-button.animating-btn span {
      animation: showText 0.3s ease-out 1s forwards; }
    .animated-button.animating-btn::after {
      animation: showArrow 0.3s ease-in-out 0.6s forwards; }

.counter-wrapper {
  font-family: "Almarai", sans-serif !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  height: 112px;
  overflow: hidden;
  display: flex;
  gap: 1px; }
  .counter-wrapper {
    font-size: 48px; }
    @media screen and (min-width: 400px) {
      .counter-wrapper {
        font-size: calc(48px + 43 * ((100vw - 400px) / 1600)); } }
    @media screen and (min-width: 2000px) {
      .counter-wrapper {
        font-size: 91px; } }
  .counter-wrapper {
    line-height: 43px; }
    @media screen and (min-width: 400px) {
      .counter-wrapper {
        line-height: calc(43px + 20 * ((100vw - 400px) / 1600)); } }
    @media screen and (min-width: 2000px) {
      .counter-wrapper {
        line-height: 63px; } }

.digit-wrapper {
  position: relative;
  height: 80px;
  width: 42px;
  /* Fixed width for each digit */
  overflow: hidden; }

.digits-container {
  height: 80px;
  display: flex;
  overflow: hidden;
  gap: 4px; }

.comma-wrapper {
  height: 80px;
  width: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Almarai", sans-serif !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }
  .comma-wrapper {
    font-size: 48px; }
    @media screen and (min-width: 400px) {
      .comma-wrapper {
        font-size: calc(48px + 43 * ((100vw - 400px) / 1600)); } }
    @media screen and (min-width: 2000px) {
      .comma-wrapper {
        font-size: 91px; } }
  .comma-wrapper {
    line-height: 43px; }
    @media screen and (min-width: 400px) {
      .comma-wrapper {
        line-height: calc(43px + 20 * ((100vw - 400px) / 1600)); } }
    @media screen and (min-width: 2000px) {
      .comma-wrapper {
        line-height: 63px; } }

.prefix,
.suffix {
  display: flex;
  align-items: flex-end;
  font-family: "Almarai", sans-serif !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  color: #003273; }
  .prefix,
  .suffix {
    font-size: 28px; }
    @media screen and (min-width: 400px) {
      .prefix,
      .suffix {
        font-size: calc(28px + 32 * ((100vw - 400px) / 1600)); } }
    @media screen and (min-width: 2000px) {
      .prefix,
      .suffix {
        font-size: 60px; } }
  .prefix,
  .suffix {
    line-height: 30px; }
    @media screen and (min-width: 400px) {
      .prefix,
      .suffix {
        line-height: calc(30px + 33 * ((100vw - 400px) / 1600)); } }
    @media screen and (min-width: 2000px) {
      .prefix,
      .suffix {
        line-height: 63px; } }

.digit-strip {
  position: absolute;
  width: 100%;
  top: 0;
  inset-inline-start: 0;
  display: flex;
  flex-direction: column;
  padding-top: 1px; }

.digit {
  font-family: "Almarai", sans-serif !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  height: 80px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .digit {
    font-size: 48px; }
    @media screen and (min-width: 400px) {
      .digit {
        font-size: calc(48px + 43 * ((100vw - 400px) / 1600)); } }
    @media screen and (min-width: 2000px) {
      .digit {
        font-size: 91px; } }
  .digit {
    line-height: 43px; }
    @media screen and (min-width: 400px) {
      .digit {
        line-height: calc(43px + 20 * ((100vw - 400px) / 1600)); } }
    @media screen and (min-width: 2000px) {
      .digit {
        line-height: 63px; } }

.blockHead h2 {
  text-transform: none !important; }

header {
  padding: 0;
  padding-top: 5px;
  position: fixed;
  z-index: 21;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(6.5px);
  width: 100%;
  transition: all 0.3s linear; }
  header::before {
    min-height: 100vh;
    top: 92px; }
  header .headerHolder .nav .logo {
    flex: 1; }
    header .headerHolder .nav .logo a {
      background-image: none;
      width: 185px;
      height: 55px; }
      header .headerHolder .nav .logo a img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  header .headerHolder .nav .middle {
    display: flex;
    height: 100%; }
    header .headerHolder .nav .middle .navItemsList {
      height: 100%;
      display: flex; }
      header .headerHolder .nav .middle .navItemsList .mainMenu {
        display: flex;
        list-style: none;
        padding-inline-start: 0;
        margin-bottom: 0;
        align-items: center;
        justify-content: center;
        gap: 50px;
        height: 100%; }
        header .headerHolder .nav .middle .navItemsList .mainMenu .navItem {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100%;
          padding: 35px 0; }
          header .headerHolder .nav .middle .navItemsList .mainMenu .navItem .navLink {
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            color: #003273;
            font-weight: 700;
            position: relative;
            transition: all 0.3s ease-in-out;
            height: 100%; }
            header .headerHolder .nav .middle .navItemsList .mainMenu .navItem .navLink {
              font-size: 14px; }
              @media screen and (min-width: 400px) {
                header .headerHolder .nav .middle .navItemsList .mainMenu .navItem .navLink {
                  font-size: calc(14px + 2 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                header .headerHolder .nav .middle .navItemsList .mainMenu .navItem .navLink {
                  font-size: 16px; } }
            header .headerHolder .nav .middle .navItemsList .mainMenu .navItem .navLink {
              line-height: 14px; }
              @media screen and (min-width: 400px) {
                header .headerHolder .nav .middle .navItemsList .mainMenu .navItem .navLink {
                  line-height: calc(14px + 2 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                header .headerHolder .nav .middle .navItemsList .mainMenu .navItem .navLink {
                  line-height: 16px; } }
            header .headerHolder .nav .middle .navItemsList .mainMenu .navItem .navLink::after {
              content: "";
              position: absolute;
              height: 1.5px;
              inset-inline-start: 0;
              bottom: -4px;
              width: 0;
              background-color: #00a681;
              transition: width 0.2s ease-in-out; }
            header .headerHolder .nav .middle .navItemsList .mainMenu .navItem .navLink:hover {
              color: #00a681; }
              header .headerHolder .nav .middle .navItemsList .mainMenu .navItem .navLink:hover::after {
                width: 50%; }
          header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.active .navLink {
            color: #00a681; }
            header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.active .navLink::after {
              width: 50%; }
          header .headerHolder .nav .middle .navItemsList .mainMenu .navItem .blue-arrow {
            display: none; }
          header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu {
            padding: 30px 0;
            padding-inline-start: 10px;
            padding-inline-end: 40px;
            position: absolute;
            top: 100%;
            inset-inline-start: auto;
            width: fit-content;
            z-index: 3;
            opacity: 0;
            visibility: hidden;
            /* Transition for hiding */ }
            header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu.show {
              transition-delay: 0.3s;
              visibility: visible;
              animation: fadeIn 1.2s ease-in-out forwards;
              /* Transition for appearing */ }
            header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu:not(.show) {
              animation: fadeOut 0.3s ease-in-out forwards; }
            header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul {
              list-style: none; }
              header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul .submenu-title {
                display: none; }
              header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul .menuChild {
                margin-bottom: 20px; }
                header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul .menuChild a {
                  font-family: "Almarai", sans-serif !important;
                  font-style: normal;
                  -webkit-font-smoothing: antialiased;
                  color: #003273;
                  font-weight: 700;
                  transition: all 0.3s ease-in-out; }
                  header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul .menuChild a {
                    font-size: 14px; }
                    @media screen and (min-width: 400px) {
                      header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul .menuChild a {
                        font-size: calc(14px + 1 * ((100vw - 400px) / 1600)); } }
                    @media screen and (min-width: 2000px) {
                      header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul .menuChild a {
                        font-size: 15px; } }
                  header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul .menuChild a {
                    line-height: 14px; }
                    @media screen and (min-width: 400px) {
                      header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul .menuChild a {
                        line-height: calc(14px + 2 * ((100vw - 400px) / 1600)); } }
                    @media screen and (min-width: 2000px) {
                      header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul .menuChild a {
                        line-height: 16px; } }
                header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul .menuChild:hover a {
                  color: #00a681; }
          header .headerHolder .nav .middle .navItemsList .mainMenu .navItem .megamenuBG {
            width: auto;
            z-index: 2;
            display: flex;
            padding: 30px 0;
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.6);
            left: auto;
            inset-inline-start: auto;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(6.5px);
            transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, transform 0.4s ease-in-out, background-color 0.4s ease-in-out, height 0.4s ease-in-out;
            transition-delay: unset; }
      header .headerHolder .nav .middle .navItemsList .lang-mobile {
        display: none;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #003273;
        font-weight: 700; }
        header .headerHolder .nav .middle .navItemsList .lang-mobile {
          font-size: 15px; }
          @media screen and (min-width: 400px) {
            header .headerHolder .nav .middle .navItemsList .lang-mobile {
              font-size: calc(15px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            header .headerHolder .nav .middle .navItemsList .lang-mobile {
              font-size: 16px; } }
        header .headerHolder .nav .middle .navItemsList .lang-mobile {
          line-height: 15px; }
          @media screen and (min-width: 400px) {
            header .headerHolder .nav .middle .navItemsList .lang-mobile {
              line-height: calc(15px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            header .headerHolder .nav .middle .navItemsList .lang-mobile {
              line-height: 16px; } }
  header .headerHolder .nav .right {
    flex: 0.8; }
    header .headerHolder .nav .right .search {
      background-image: none;
      width: 22px;
      height: 22px;
      display: flex;
      align-items: center;
      margin-inline-end: 30px; }
      header .headerHolder .nav .right .search img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    header .headerHolder .nav .right .lang-selector {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      color: #003273;
      font-weight: 700; }
      header .headerHolder .nav .right .lang-selector {
        font-size: 15px; }
        @media screen and (min-width: 400px) {
          header .headerHolder .nav .right .lang-selector {
            font-size: calc(15px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          header .headerHolder .nav .right .lang-selector {
            font-size: 16px; } }
      header .headerHolder .nav .right .lang-selector {
        line-height: 15px; }
        @media screen and (min-width: 400px) {
          header .headerHolder .nav .right .lang-selector {
            line-height: calc(15px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          header .headerHolder .nav .right .lang-selector {
            line-height: 16px; } }
  header .ui-menu {
    width: 100%;
    inset-inline: 0 !important;
    padding-top: 36px; }
    header .ui-menu.ui-widget-content {
      border: none;
      background: rgba(0, 0, 0, 0.3); }
    header .ui-menu.ui-widget {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased; }
      header .ui-menu.ui-widget {
        font-size: 20px; }
        @media screen and (min-width: 400px) {
          header .ui-menu.ui-widget {
            font-size: calc(20px + 5 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          header .ui-menu.ui-widget {
            font-size: 25px; } }
      header .ui-menu.ui-widget {
        line-height: 18px; }
        @media screen and (min-width: 400px) {
          header .ui-menu.ui-widget {
            line-height: calc(18px + 2 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          header .ui-menu.ui-widget {
            line-height: 20px; } }
    header .ui-menu .ui-menu-item {
      padding: 15px 0;
      padding-inline: 15px;
      list-style-image: none; }
      @media (min-width: 993px) {
        header .ui-menu .ui-menu-item:hover {
          background: rgba(0, 0, 0, 0.3); }
          header .ui-menu .ui-menu-item:hover a {
            background: none !important; }
            header .ui-menu .ui-menu-item:hover a::after {
              transform: translateX(3px); }
          header .ui-menu .ui-menu-item:hover.ui-search-hover {
            border: none !important;
            outline: none !important; } }
      header .ui-menu .ui-menu-item.ui-search-hover {
        border: none;
        outline: none; }
      header .ui-menu .ui-menu-item a {
        transform: scale(1) !important;
        top: calc(50% - 5px);
        inset-inline-start: 0;
        transform: translateY(-50%);
        color: #fff;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        display: inline-flex !important;
        align-items: center;
        position: relative;
        gap: 10px;
        border: none;
        background: none;
        max-width: 100%; }
        header .ui-menu .ui-menu-item a {
          font-size: 18px; }
          @media screen and (min-width: 400px) {
            header .ui-menu .ui-menu-item a {
              font-size: calc(18px + 6 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            header .ui-menu .ui-menu-item a {
              font-size: 24px; } }
        header .ui-menu .ui-menu-item a {
          line-height: 20px; }
          @media screen and (min-width: 400px) {
            header .ui-menu .ui-menu-item a {
              line-height: calc(20px + 8 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            header .ui-menu .ui-menu-item a {
              line-height: 28px; } }
        header .ui-menu .ui-menu-item a::after {
          content: "";
          background-image: url(/assets/icons/green-arrow.svg);
          background-position: center;
          background-repeat: no-repeat;
          background-size: 24px 24px;
          width: 24px;
          height: 24px;
          display: flex;
          flex-shrink: 0;
          transition: transform 0.3s ease; }
    header .ui-menu .ui-widget-content {
      background: none; }

.searchWindow {
  display: none;
  position: fixed;
  top: 0 !important;
  inset-inline-start: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7); }
  .searchWindow .content {
    position: absolute;
    top: 30%;
    inset-inline-start: 50%;
    transform: translate(-50%, -30%);
    width: auto;
    height: auto;
    min-width: 50vw;
    min-height: 50vh;
    max-width: 90vw;
    max-height: 90vh;
    padding: 0; }
    .searchWindow .content .searchInputWrap {
      position: relative; }
      .searchWindow .content .searchInputWrap input {
        width: 100%;
        border: none;
        outline: none;
        background-color: transparent;
        border-bottom: 3px solid #fff;
        padding: 0 5px 15px;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #fff; }
        .searchWindow .content .searchInputWrap input {
          font-size: 18px; }
          @media screen and (min-width: 400px) {
            .searchWindow .content .searchInputWrap input {
              font-size: calc(18px + 26 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .searchWindow .content .searchInputWrap input {
              font-size: 44px; } }
        .searchWindow .content .searchInputWrap input {
          line-height: 28px; }
          @media screen and (min-width: 400px) {
            .searchWindow .content .searchInputWrap input {
              line-height: calc(28px + 7 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .searchWindow .content .searchInputWrap input {
              line-height: 35px; } }
        .searchWindow .content .searchInputWrap input::placeholder {
          opacity: 1;
          color: #fff; }
      .searchWindow .content .searchInputWrap a {
        display: none; }
    .searchWindow .content .search-icon {
      position: absolute;
      inset-inline-end: 0;
      width: 25px;
      height: 25px;
      top: 0;
      filter: brightness(0) saturate(100%) invert(100%) sepia(20%) saturate(7485%) hue-rotate(180deg) brightness(109%) contrast(109%);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      background-size: contain; }
  .searchWindow .validatorHolder {
    position: relative; }

footer {
  z-index: 1;
  position: relative;
  background-color: #e1e4ed;
  width: 100%;
  padding: 0;
  height: fit-content;
  overflow: hidden;
  min-height: fit-content;
  box-sizing: border-box;
  pointer-events: all; }
  footer .bg-shape {
    position: absolute;
    background: linear-gradient(24deg, rgba(9, 94, 149, 0.1) 5.99%, rgba(9, 94, 149, 0.1) 6.69%, rgba(9, 94, 149, 0.1) 38.25%, rgba(9, 94, 149, 0.1) 56.49%, rgba(35, 31, 32, 0) 76.13%);
    background-blend-mode: darken;
    width: 340px;
    top: -40px;
    height: 400px;
    inset-inline-end: -100px;
    background-repeat: no-repeat;
    clip-path: polygon(80.015% 0%, 80.015% 0%, 81.863% 1.632%, 83.635% 3.354%, 85.33% 5.161%, 86.945% 7.051%, 88.477% 9.021%, 89.925% 11.066%, 91.286% 13.185%, 92.556% 15.373%, 93.735% 17.627%, 94.819% 19.944%, 94.819% 19.944%, 95.803% 22.315%, 96.684% 24.728%, 97.461% 27.18%, 98.132% 29.666%, 98.698% 32.182%, 99.156% 34.725%, 99.507% 37.289%, 99.749% 39.872%, 99.882% 42.468%, 99.905% 45.074%, 99.905% 45.074%, 99.106% 54.075%, 97.025% 62.579%, 93.775% 70.481%, 89.471% 77.675%, 84.226% 84.053%, 78.156% 89.511%, 71.374% 93.94%, 63.994% 97.236%, 56.131% 99.291%, 47.899% 100%, 0% 100%, 0% 96.091%, 13.219% 96.091%, 13.219% 96.091%, 14.451% 96.065%, 15.679% 95.986%, 16.902% 95.854%, 18.119% 95.669%, 19.327% 95.432%, 20.526% 95.143%, 21.715% 94.803%, 22.891% 94.411%, 24.053% 93.969%, 25.201% 93.475%, 25.201% 93.475%, 26.33% 92.932%, 27.437% 92.342%, 28.521% 91.705%, 29.58% 91.022%, 30.614% 90.295%, 31.621% 89.523%, 32.601% 88.708%, 33.551% 87.851%, 34.471% 86.953%, 35.359% 86.013%, 35.359% 86.013%, 36.213% 85.037%, 37.03% 84.025%, 37.809% 82.98%, 38.55% 81.904%, 39.252% 80.796%, 39.914% 79.659%, 40.535% 78.494%, 41.114% 77.302%, 41.651% 76.085%, 42.144% 74.844%, 42.144% 74.844%, 42.593% 73.582%, 42.996% 72.303%, 43.352% 71.01%, 43.661% 69.703%, 43.924% 68.385%, 44.139% 67.056%, 44.307% 65.718%, 44.427% 64.373%, 44.499% 63.023%, 44.523% 61.668%, 44.523% 26.867%, 44.523% 26.867%, 44.493% 25.321%, 44.4% 23.782%, 44.245% 22.252%, 44.028% 20.731%, 43.749% 19.224%, 43.41% 17.732%, 43.009% 16.258%, 42.549% 14.804%, 42.028% 13.371%, 41.449% 11.963%, 41.449% 11.963%, 40.813% 10.585%, 40.122% 9.242%, 39.378% 7.937%, 38.583% 6.671%, 37.737% 5.446%, 36.843% 4.264%, 35.9% 3.126%, 34.912% 2.035%, 33.878% 0.993%, 32.8% 0%, 80.015% 0%);
    transform: scaleX(-1) rotate(-5deg); }
  footer .footerWrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    opacity: 1;
    padding-inline: 100px;
    padding-top: 70px;
    padding-bottom: 42px; }
    footer .footerWrapper .upperFooter {
      width: 100%;
      display: inline-flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 91px;
      z-index: 1; }
      footer .footerWrapper .upperFooter .footerLogo {
        width: fit-content; }
        footer .footerWrapper .upperFooter .footerLogo a {
          display: block; }
    footer .footerWrapper .middleFooter {
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      margin-bottom: 50px; }
      footer .footerWrapper .middleFooter .linksWrapper {
        display: flex;
        gap: 80px;
        flex-grow: 1;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        max-width: 95%; }
        footer .footerWrapper .middleFooter .linksWrapper .pageColumn {
          display: flex;
          flex-direction: column;
          gap: 24px;
          flex: 1; }
          footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageTitle a {
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            color: #003273;
            font-weight: 700;
            margin-bottom: 0;
            position: relative; }
            footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageTitle a {
              font-size: 15px; }
              @media screen and (min-width: 400px) {
                footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageTitle a {
                  font-size: calc(15px + 2 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageTitle a {
                  font-size: 17px; } }
            footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageTitle a {
              line-height: 15px; }
              @media screen and (min-width: 400px) {
                footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageTitle a {
                  line-height: calc(15px + 2 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageTitle a {
                  line-height: 17px; } }
            footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageTitle a::after {
              content: "";
              position: absolute;
              height: 1.5px;
              inset-inline-start: 0;
              bottom: -4px;
              width: 0;
              background-color: #00a681;
              transition: width 0.2s ease-in-out; }
            footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageTitle a:hover {
              color: #00a681; }
              footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageTitle a:hover::after {
                width: 50%; }
          footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageLinks ul {
            padding: 0;
            display: flex;
            flex-direction: column;
            gap: 14px;
            align-items: flex-start;
            list-style: none;
            padding-inline-start: 0; }
            footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageLinks ul li {
              display: flex;
              align-items: flex-start;
              transition: all 0.3s ease-in-out; }
              footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageLinks ul li a {
                font-family: "Almarai", sans-serif !important;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                font-weight: 400;
                color: #555964;
                margin-bottom: 0;
                transition: all 0.3s ease-in-out; }
                footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageLinks ul li a {
                  font-size: 13px; }
                  @media screen and (min-width: 400px) {
                    footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageLinks ul li a {
                      font-size: calc(13px + 2 * ((100vw - 400px) / 1600)); } }
                  @media screen and (min-width: 2000px) {
                    footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageLinks ul li a {
                      font-size: 15px; } }
                footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageLinks ul li a {
                  line-height: 13px; }
                  @media screen and (min-width: 400px) {
                    footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageLinks ul li a {
                      line-height: calc(13px + 2 * ((100vw - 400px) / 1600)); } }
                  @media screen and (min-width: 2000px) {
                    footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageLinks ul li a {
                      line-height: 15px; } }
                footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageLinks ul li a:hover {
                  color: #00a681; }
    footer .footerWrapper .socialMediaIcons {
      display: inline-flex;
      gap: 12px;
      align-items: center; }
      footer .footerWrapper .socialMediaIcons p {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #003273;
        font-weight: 700;
        margin-bottom: 0; }
        footer .footerWrapper .socialMediaIcons p {
          font-size: 15px; }
          @media screen and (min-width: 400px) {
            footer .footerWrapper .socialMediaIcons p {
              font-size: calc(15px + 2 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            footer .footerWrapper .socialMediaIcons p {
              font-size: 17px; } }
        footer .footerWrapper .socialMediaIcons p {
          line-height: 16px; }
          @media screen and (min-width: 400px) {
            footer .footerWrapper .socialMediaIcons p {
              line-height: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            footer .footerWrapper .socialMediaIcons p {
              line-height: 17px; } }
      footer .footerWrapper .socialMediaIcons a {
        display: flex;
        background-color: #fff;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        padding: 24px;
        width: 64px;
        height: 64px;
        transition: all 0.3s ease-in-out; }
        footer .footerWrapper .socialMediaIcons a img {
          width: 15px;
          height: 15px;
          object-fit: contain;
          transition: all 0.3s ease-in-out; }
        footer .footerWrapper .socialMediaIcons a:hover {
          background-color: #fff;
          scale: 1.02;
          box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.08); }
          footer .footerWrapper .socialMediaIcons a:hover img {
            transform: scale(1.06); }
    footer .footerWrapper .socialMediaIcons.mobile {
      display: none; }
    footer .footerWrapper .bottomFooter {
      width: 100%; }
      footer .footerWrapper .bottomFooter .copy {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        font-weight: 400;
        color: #555964;
        margin-bottom: 0; }
        footer .footerWrapper .bottomFooter .copy {
          font-size: 15px; }
          @media screen and (min-width: 400px) {
            footer .footerWrapper .bottomFooter .copy {
              font-size: calc(15px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            footer .footerWrapper .bottomFooter .copy {
              font-size: 16px; } }
        footer .footerWrapper .bottomFooter .copy {
          line-height: 15px; }
          @media screen and (min-width: 400px) {
            footer .footerWrapper .bottomFooter .copy {
              line-height: calc(15px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            footer .footerWrapper .bottomFooter .copy {
              line-height: 16px; } }
        footer .footerWrapper .bottomFooter .copy span a {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          font-weight: 400;
          color: #555964;
          margin-bottom: 0;
          transition: all 0.3s ease-in-out; }
          footer .footerWrapper .bottomFooter .copy span a {
            font-size: 15px; }
            @media screen and (min-width: 400px) {
              footer .footerWrapper .bottomFooter .copy span a {
                font-size: calc(15px + 1 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              footer .footerWrapper .bottomFooter .copy span a {
                font-size: 16px; } }
          footer .footerWrapper .bottomFooter .copy span a {
            line-height: 15px; }
            @media screen and (min-width: 400px) {
              footer .footerWrapper .bottomFooter .copy span a {
                line-height: calc(15px + 1 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              footer .footerWrapper .bottomFooter .copy span a {
                line-height: 16px; } }
          footer .footerWrapper .bottomFooter .copy span a:hover {
            color: #00a681; }

.main-banner {
  max-height: 90vh;
  height: 90vh;
  overflow: hidden; }
  .main-banner .banner-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .main-banner .banner-wrapper .bannerSwiper {
      height: 100%;
      width: 100%; }
      .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper {
        height: 100%; }
        .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide {
          height: 100%;
          width: 100%;
          position: relative; }
          .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .bg-shape2 {
            position: absolute;
            background-image: url("/assets/images/background-shape2.svg");
            width: 519.791px;
            height: 474.218px;
            flex-shrink: 0;
            bottom: -90px;
            inset-inline-end: -200px;
            background-blend-mode: darken;
            z-index: 2;
            background-repeat: no-repeat; }
          .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .bg-shape1 {
            position: absolute;
            background-image: url("/assets/images/background-shape.svg");
            width: 519.791px;
            height: 474.218px;
            flex-shrink: 0;
            top: 82px;
            inset-inline-end: -200px;
            background-blend-mode: darken;
            z-index: 2;
            background-repeat: no-repeat; }
          .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-image {
            height: 100%;
            width: 100%;
            overflow: hidden;
            position: relative; }
            .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-image img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: top; }
            .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-image::after {
              content: "";
              width: 100%;
              height: 100%;
              z-index: 1;
              position: absolute;
              inset: 0;
              background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0) 80%);
              background-repeat: no-repeat;
              background-size: cover; }
          .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content {
            position: absolute;
            inset-inline-start: 100px;
            bottom: 150px;
            max-width: 90%;
            z-index: 2;
            display: flex;
            flex-direction: column;
            gap: 30px; }
            .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-Subtitle {
              color: #fff;
              font-family: "Almarai", sans-serif !important;
              font-style: normal;
              -webkit-font-smoothing: antialiased;
              font-weight: 800;
              margin-bottom: 0;
              position: relative;
              padding-inline-start: 110px;
              opacity: 0;
              transform: translateY(-50px); }
              .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-Subtitle {
                font-size: 12px; }
                @media screen and (min-width: 400px) {
                  .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-Subtitle {
                    font-size: calc(12px + 2 * ((100vw - 400px) / 1600)); } }
                @media screen and (min-width: 2000px) {
                  .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-Subtitle {
                    font-size: 14px; } }
              .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-Subtitle {
                line-height: 12px; }
                @media screen and (min-width: 400px) {
                  .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-Subtitle {
                    line-height: calc(12px + 1 * ((100vw - 400px) / 1600)); } }
                @media screen and (min-width: 2000px) {
                  .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-Subtitle {
                    line-height: 13px; } }
              .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-Subtitle::before {
                content: "";
                position: absolute;
                background-color: #fff;
                width: 103px;
                height: 1px;
                top: 50%;
                inset-inline-start: 0;
                transform: translateY(-50%); }
            .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-mainTitle {
              color: #fff;
              font-family: "Almarai", sans-serif !important;
              font-style: normal;
              -webkit-font-smoothing: antialiased;
              font-weight: 700;
              margin-bottom: 0;
              opacity: 0;
              transform: translateY(-50px); }
              .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-mainTitle {
                font-size: 28px; }
                @media screen and (min-width: 400px) {
                  .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-mainTitle {
                    font-size: calc(28px + 37 * ((100vw - 400px) / 1600)); } }
                @media screen and (min-width: 2000px) {
                  .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-mainTitle {
                    font-size: 65px; } }
              .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-mainTitle {
                line-height: 39px; }
                @media screen and (min-width: 400px) {
                  .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-mainTitle {
                    line-height: calc(39px + 51 * ((100vw - 400px) / 1600)); } }
                @media screen and (min-width: 2000px) {
                  .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-mainTitle {
                    line-height: 90px; } }
            .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-btn {
              display: flex;
              align-items: flex-start;
              opacity: 0;
              transform: translateX(-50px); }
              .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-btn a {
                display: flex;
                align-items: center;
                border-radius: 70px;
                border: 1px solid #fff;
                background-color: transparent;
                position: relative;
                transition: all 0.3s ease-in-out;
                color: #fff;
                font-family: "Almarai", sans-serif !important;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                line-height: normal;
                font-weight: 700;
                padding: 20px 20px;
                padding-inline-end: 30px;
                max-width: fit-content;
                gap: 0; }
                .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-btn a {
                  font-size: 16px; }
                  @media screen and (min-width: 400px) {
                    .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-btn a {
                      font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
                  @media screen and (min-width: 2000px) {
                    .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-btn a {
                      font-size: 17px; } }
                .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-btn a span {
                  padding-inline-end: 28px; }
                .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-btn a img {
                  width: 12px;
                  height: 12px;
                  object-fit: contain;
                  position: relative;
                  z-index: 2;
                  margin-inline-end: 4px;
                  filter: brightness(0) saturate(100%) invert(99%) sepia(46%) saturate(2%) hue-rotate(186deg) brightness(108%) contrast(100%); }
                .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-btn a::after {
                  content: "";
                  position: absolute;
                  background-color: transparent;
                  width: 30px;
                  height: 30px;
                  border: 1px solid #fff;
                  border-radius: 50%;
                  top: 50%;
                  inset-inline-end: 22px;
                  transform: translateY(-50%);
                  transition: all 0.3s ease-in-out; }
                .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-btn a:hover {
                  background-color: #0766b3;
                  border-color: #0766b3;
                  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.11); }
                  .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-btn a:hover img {
                    filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(6731%) hue-rotate(194deg) brightness(86%) contrast(94%); }
                  .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-btn a:hover::after {
                    filter: none;
                    background-color: #fff; }
                .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-btn a img {
                  margin-inline-end: 0; }
          .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .banner-image img {
            animation: zoom-in-img 7s ease-in; }
          .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .banner-content .banner-Subtitle {
            transform: translateY(0);
            opacity: 1;
            transition: 2s ease;
            transition-property: transform, opacity; }
          .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .banner-content .banner-mainTitle {
            transform: translateY(0);
            opacity: 1;
            transition: 2s ease;
            transition-delay: 0.5s;
            transition-property: transform, opacity; }
          .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .banner-content .banner-btn {
            transform: translateX(0);
            opacity: 1;
            transition: 2s ease;
            transition-delay: 1s;
            transition-property: transform, opacity; }
      .main-banner .banner-wrapper .bannerSwiper .homeBannerSwiperControls {
        position: absolute;
        bottom: 80px;
        height: 40px;
        z-index: 1;
        display: flex;
        flex-direction: row;
        width: 80px;
        max-width: 100px;
        align-items: center;
        inset-inline-start: 100px; }
        .main-banner .banner-wrapper .bannerSwiper .homeBannerSwiperControls .control-wrapper {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          position: absolute;
          height: 100%;
          width: 100%;
          max-width: 100px; }
          .main-banner .banner-wrapper .bannerSwiper .homeBannerSwiperControls .control-wrapper .swiper-pagination {
            display: flex;
            flex-wrap: nowrap; }
            .main-banner .banner-wrapper .bannerSwiper .homeBannerSwiperControls .control-wrapper .swiper-pagination .swiper-pagination-bullet {
              width: 9px;
              height: 9px;
              flex: 0 0 9px;
              background-color: transparent;
              border: 1px solid #fff;
              border-color: #fff;
              opacity: 1; }
              .main-banner .banner-wrapper .bannerSwiper .homeBannerSwiperControls .control-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                width: 38px;
                height: 9px;
                flex: 0 0 38px;
                background-color: #fff;
                border-radius: 40px; }

.alMunajem-Grp {
  width: 100%;
  background-color: #fff;
  padding: 85px 0;
  position: relative; }
  .alMunajem-Grp .bg-shape {
    position: absolute;
    background-image: url(/assets/images/bg-shapes-two.svg);
    top: -10px;
    inset-inline-end: -70px;
    background-repeat: no-repeat;
    width: 286.661px;
    height: 600px;
    background-size: cover; }
  .alMunajem-Grp .wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    .alMunajem-Grp .wrapper .upper-content {
      width: 100%;
      display: flex;
      flex-direction: column;
      max-width: 1200px; }
      .alMunajem-Grp .wrapper .upper-content .subtitle {
        color: #0766b3;
        margin-bottom: 60px; }
        .alMunajem-Grp .wrapper .upper-content .subtitle::before {
          background-color: #0766b3; }
      .alMunajem-Grp .wrapper .upper-content .title {
        max-width: 1000px;
        margin-bottom: 48px; }
      .alMunajem-Grp .wrapper .upper-content .summary {
        margin-bottom: 48px; }
        .alMunajem-Grp .wrapper .upper-content .summary p {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          font-weight: 400;
          color: #555964;
          margin-bottom: 0; }
          .alMunajem-Grp .wrapper .upper-content .summary p {
            font-size: 18px; }
            @media screen and (min-width: 400px) {
              .alMunajem-Grp .wrapper .upper-content .summary p {
                font-size: calc(18px + 3 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .alMunajem-Grp .wrapper .upper-content .summary p {
                font-size: 21px; } }
          .alMunajem-Grp .wrapper .upper-content .summary p {
            line-height: 27px; }
            @media screen and (min-width: 400px) {
              .alMunajem-Grp .wrapper .upper-content .summary p {
                line-height: calc(27px + 4 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .alMunajem-Grp .wrapper .upper-content .summary p {
                line-height: 31px; } }
      .alMunajem-Grp .wrapper .upper-content .moreBtn a {
        display: flex;
        align-items: center;
        gap: 20px;
        border-radius: 70px;
        border: 1px solid #003273;
        position: relative;
        background: transparent;
        transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        color: #003273;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        line-height: normal;
        font-weight: 700; }
        .alMunajem-Grp .wrapper .upper-content .moreBtn a {
          font-size: 16px; }
          @media screen and (min-width: 400px) {
            .alMunajem-Grp .wrapper .upper-content .moreBtn a {
              font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .alMunajem-Grp .wrapper .upper-content .moreBtn a {
              font-size: 17px; } }
        .alMunajem-Grp .wrapper .upper-content .moreBtn a span {
          padding-inline-end: 68px; }
        .alMunajem-Grp .wrapper .upper-content .moreBtn a::after {
          content: "";
          position: absolute;
          background-image: url(/assets/icons/next-arrow.svg);
          background-repeat: no-repeat;
          background-size: 5px 10px;
          background-position: center;
          width: 28px;
          height: 28px;
          display: flex;
          align-items: center;
          justify-content: center;
          top: 50%;
          inset-inline-end: 20px;
          transform: translateY(-50%);
          border: 1px solid #003273;
          border-radius: 50%; }
        .alMunajem-Grp .wrapper .upper-content .moreBtn a:hover {
          color: #fff;
          border-color: transparent;
          background: linear-gradient(270deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
          background-repeat: no-repeat;
          background-size: 100% 100%;
          background-clip: padding-box;
          box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.2); }
          .alMunajem-Grp .wrapper .upper-content .moreBtn a:hover::after {
            border-color: transparent;
            background-color: #fff; }
    .alMunajem-Grp .wrapper .numbers-list {
      margin-top: 55px;
      width: 100%; }
      .alMunajem-Grp .wrapper .numbers-list .number-item {
        margin-bottom: 75px; }
        .alMunajem-Grp .wrapper .numbers-list .number-item .number {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          font-weight: 700;
          color: #003273;
          padding-bottom: 32px;
          border-bottom: 1px solid rgba(125, 130, 147, 0.2); }
          .alMunajem-Grp .wrapper .numbers-list .number-item .number {
            font-size: 28px; }
            @media screen and (min-width: 400px) {
              .alMunajem-Grp .wrapper .numbers-list .number-item .number {
                font-size: calc(28px + 32 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .alMunajem-Grp .wrapper .numbers-list .number-item .number {
                font-size: 60px; } }
          .alMunajem-Grp .wrapper .numbers-list .number-item .number {
            line-height: 43px; }
            @media screen and (min-width: 400px) {
              .alMunajem-Grp .wrapper .numbers-list .number-item .number {
                line-height: calc(43px + 20 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .alMunajem-Grp .wrapper .numbers-list .number-item .number {
                line-height: 63px; } }
          .alMunajem-Grp .wrapper .numbers-list .number-item .number span {
            font-size: 48px; }
            @media screen and (min-width: 400px) {
              .alMunajem-Grp .wrapper .numbers-list .number-item .number span {
                font-size: calc(48px + 43 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .alMunajem-Grp .wrapper .numbers-list .number-item .number span {
                font-size: 91px; } }
        .alMunajem-Grp .wrapper .numbers-list .number-item .name {
          margin-top: 19px; }
          .alMunajem-Grp .wrapper .numbers-list .number-item .name p {
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            font-weight: 400;
            color: #555964; }
            .alMunajem-Grp .wrapper .numbers-list .number-item .name p {
              font-size: 16px; }
              @media screen and (min-width: 400px) {
                .alMunajem-Grp .wrapper .numbers-list .number-item .name p {
                  font-size: calc(16px + 3 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .alMunajem-Grp .wrapper .numbers-list .number-item .name p {
                  font-size: 19px; } }
            .alMunajem-Grp .wrapper .numbers-list .number-item .name p {
              line-height: 22px; }
              @media screen and (min-width: 400px) {
                .alMunajem-Grp .wrapper .numbers-list .number-item .name p {
                  line-height: calc(22px + 4 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .alMunajem-Grp .wrapper .numbers-list .number-item .name p {
                  line-height: 26px; } }

.activities-list {
  width: 100%;
  background-color: #e1e4ed;
  padding-top: 133px;
  min-height: fit-content; }
  .activities-list .blockHead {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
    margin-bottom: 110px; }
    .activities-list .blockHead .subtitle {
      color: #0766b3; }
      .activities-list .blockHead .subtitle::before {
        background-color: #0766b3; }
    .activities-list .blockHead h2 {
      max-width: 1000px;
      margin-bottom: 0;
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased; }
      .activities-list .blockHead h2 {
        font-size: 28px; }
        @media screen and (min-width: 400px) {
          .activities-list .blockHead h2 {
            font-size: calc(28px + 21 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .activities-list .blockHead h2 {
            font-size: 49px; } }
      .activities-list .blockHead h2 {
        line-height: 42px; }
        @media screen and (min-width: 400px) {
          .activities-list .blockHead h2 {
            line-height: calc(42px + 28 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .activities-list .blockHead h2 {
            line-height: 70px; } }
      .activities-list .blockHead h2 span {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        opacity: 1;
        background: -webkit-linear-gradient(200deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: gradientAnimation 3.5s linear infinite;
        animation-direction: alternate;
        background-size: 300% 100%;
        padding-inline-start: 0; }
        .activities-list .blockHead h2 span {
          font-size: 28px; }
          @media screen and (min-width: 400px) {
            .activities-list .blockHead h2 span {
              font-size: calc(28px + 19 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .activities-list .blockHead h2 span {
              font-size: 47px; } }
        .activities-list .blockHead h2 span {
          line-height: 42px; }
          @media screen and (min-width: 400px) {
            .activities-list .blockHead h2 span {
              line-height: calc(42px + 28 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .activities-list .blockHead h2 span {
              line-height: 70px; } }
  .activities-list .blockBody .listingHolder {
    margin-inline: -100px; }
    .activities-list .blockBody .listingHolder .listingItemDIV {
      padding: 0;
      margin: 0; }
      @media (min-width: 993px) {
        .activities-list .blockBody .listingHolder .listingItemDIV:hover .listingItem .listingImage a::after {
          height: 100%;
          opacity: 0.7; }
        .activities-list .blockBody .listingHolder .listingItemDIV:hover .listingItem .listingInfo .listingDescription {
          height: fit-content; }
        .activities-list .blockBody .listingHolder .listingItemDIV:hover .listingItem .listingInfo .listingLink {
          height: fit-content; }
          .activities-list .blockBody .listingHolder .listingItemDIV:hover .listingItem .listingInfo .listingLink a {
            height: 44px; } }
      .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
        margin-bottom: 0;
        width: 100%; }
        .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a {
          display: block;
          border-radius: 0;
          --bs-aspect-ratio: 70%; }
          .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
          .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a::after {
            transition: all 0.4s ease-in-out;
            background: linear-gradient(92deg, #01a781 5.28%, #01a781 31.14%, #00968d 57%, #057ea2 82.86%, #0766b3 108.72%);
            height: 0;
            bottom: 0;
            inset-inline-start: 0;
            top: auto; }
      .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
        overflow: hidden; }
        .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
          margin-bottom: 28px; }
          .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            font-weight: 700;
            text-decoration: underline;
            text-decoration-color: transparent; }
            .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
              font-size: 20px; }
              @media screen and (min-width: 400px) {
                .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
                  font-size: calc(20px + 7 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
                  font-size: 27px; } }
            .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
              line-height: 28px; }
              @media screen and (min-width: 400px) {
                .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
                  line-height: calc(28px + 9 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
                  line-height: 37px; } }
        .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
          overflow: hidden;
          margin-bottom: 25px; }
          .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            font-weight: 400;
            color: #fff;
            margin-bottom: 0; }
            .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
              font-size: 13px; }
              @media screen and (min-width: 400px) {
                .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                  font-size: calc(13px + 5 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                  font-size: 18px; } }
            .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
              line-height: 18px; }
              @media screen and (min-width: 400px) {
                .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                  line-height: calc(18px + 7 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                  line-height: 25px; } }
          @media (min-width: 993px) {
            .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
              transform: translateY(35px); } }
        .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink {
          overflow: hidden;
          display: flex;
          width: 100%;
          align-items: flex-end;
          justify-content: flex-end; }
          .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
            display: flex;
            background-image: url(/assets/icons/next-arrow.svg);
            background-repeat: no-repeat;
            background-size: 10px 12px;
            background-position: center;
            width: 44px;
            align-items: center;
            justify-content: center;
            border: 1px solid #fff;
            border-radius: 50%;
            background-color: #fff; }
          @media (min-width: 993px) {
            .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink {
              height: 0;
              transform: translateY(35px); }
              .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
                height: 0; } }
      @media (min-width: 993px) {
        .activities-list .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingImage a img {
          transform: scale(1.1); }
        .activities-list .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingInfo .listingTitle a {
          color: #fff;
          text-decoration-color: #fff; }
        .activities-list .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingInfo .listingDescription {
          transform: translateY(0); }
        .activities-list .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingInfo .listingLink {
          transform: translateY(0); } }
  .activities-list.related-activities {
    background-color: #fff;
    padding-top: 120px; }
    .activities-list.related-activities .blockHead {
      margin-bottom: 50px; }

.careers-home {
  width: 100%;
  background-color: #f7f7fa;
  align-items: center;
  overflow: hidden;
  position: relative;
  min-height: fit-content; }
  .careers-home .bg-shape {
    position: absolute;
    background-image: url(/assets/images/bg-shape-careers.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 700px;
    height: 90%;
    top: 45px;
    inset-inline-end: -100px;
    z-index: 2;
    opacity: 0.2; }
  .careers-home .container {
    background-color: #0766b3;
    border-radius: 0;
    transform: scale(0.7) translateZ(0);
    will-change: transform, border-radius; }
  .careers-home .wrapper {
    z-index: 3;
    width: 100%;
    height: 100%;
    min-height: fit-content;
    display: flex;
    align-items: flex-end;
    padding-top: 120px;
    padding-bottom: 190px; }
    .careers-home .wrapper .imgContainer {
      flex: 0 0 60%;
      max-width: 65%;
      border-radius: 20px;
      overflow: hidden;
      display: block;
      --bs-aspect-ratio: 65%; }
      .careers-home .wrapper .imgContainer img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .careers-home .wrapper .contentContainer {
      display: flex;
      flex: 0 0 55%;
      max-width: 60%;
      height: 100%;
      position: relative;
      z-index: 2;
      margin-inline-start: -15%; }
      .careers-home .wrapper .contentContainer .content-wrapper {
        background-color: #003273;
        border-start-start-radius: 150px;
        border-end-start-radius: 150px;
        border-start-end-radius: 800px;
        border-end-end-radius: 800px;
        padding: 55px 0;
        padding-inline: 60px;
        margin-bottom: -86px;
        display: flex;
        flex-direction: column;
        gap: 40px; }
        .careers-home .wrapper .contentContainer .content-wrapper .subtitle {
          color: #fff; }
        .careers-home .wrapper .contentContainer .content-wrapper .maintitle {
          color: #fff;
          margin-bottom: 0; }
        .careers-home .wrapper .contentContainer .content-wrapper .summary {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          font-weight: 400;
          color: #fff;
          margin-bottom: 0; }
          .careers-home .wrapper .contentContainer .content-wrapper .summary {
            font-size: 18px; }
            @media screen and (min-width: 400px) {
              .careers-home .wrapper .contentContainer .content-wrapper .summary {
                font-size: calc(18px + 3 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .careers-home .wrapper .contentContainer .content-wrapper .summary {
                font-size: 21px; } }
          .careers-home .wrapper .contentContainer .content-wrapper .summary {
            line-height: 27px; }
            @media screen and (min-width: 400px) {
              .careers-home .wrapper .contentContainer .content-wrapper .summary {
                line-height: calc(27px + 4 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .careers-home .wrapper .contentContainer .content-wrapper .summary {
                line-height: 31px; } }
        .careers-home .wrapper .contentContainer .content-wrapper .moreBtn a {
          display: flex;
          align-items: center;
          border-radius: 70px;
          border: 1px solid #fff;
          background-color: transparent;
          position: relative;
          transition: all 0.3s ease-in-out;
          color: #fff;
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          line-height: normal;
          font-weight: 700; }
          .careers-home .wrapper .contentContainer .content-wrapper .moreBtn a {
            font-size: 16px; }
            @media screen and (min-width: 400px) {
              .careers-home .wrapper .contentContainer .content-wrapper .moreBtn a {
                font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .careers-home .wrapper .contentContainer .content-wrapper .moreBtn a {
                font-size: 17px; } }
          .careers-home .wrapper .contentContainer .content-wrapper .moreBtn a span {
            padding-inline-end: 28px; }
          .careers-home .wrapper .contentContainer .content-wrapper .moreBtn a img {
            width: 12px;
            height: 12px;
            object-fit: contain;
            position: relative;
            z-index: 2;
            margin-inline-end: 4px;
            filter: brightness(0) saturate(100%) invert(99%) sepia(46%) saturate(2%) hue-rotate(186deg) brightness(108%) contrast(100%); }
          .careers-home .wrapper .contentContainer .content-wrapper .moreBtn a::after {
            content: "";
            position: absolute;
            background-color: transparent;
            width: 30px;
            height: 30px;
            border: 1px solid #fff;
            border-radius: 50%;
            top: 50%;
            inset-inline-end: 22px;
            transform: translateY(-50%);
            transition: all 0.3s ease-in-out; }
          .careers-home .wrapper .contentContainer .content-wrapper .moreBtn a:hover {
            background-color: #0766b3;
            border-color: #0766b3;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.11); }
            .careers-home .wrapper .contentContainer .content-wrapper .moreBtn a:hover img {
              filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(6731%) hue-rotate(194deg) brightness(86%) contrast(94%); }
            .careers-home .wrapper .contentContainer .content-wrapper .moreBtn a:hover::after {
              filter: none;
              background-color: #fff; }
          .careers-home .wrapper .contentContainer .content-wrapper .moreBtn a span {
            padding-inline-end: 17px; }

.companies-list {
  width: 100%;
  padding-top: 150px;
  padding-bottom: 120px;
  background-color: #f7f7fa;
  position: static; }
  .companies-list .blockHead {
    margin-bottom: 54px;
    display: flex;
    flex-direction: column;
    gap: 42px;
    align-items: flex-start;
    max-width: 822px; }
    .companies-list .blockHead .subtitle {
      display: none;
      color: #0766b3; }
      .companies-list .blockHead .subtitle::before {
        background-color: #0766b3; }
    .companies-list .blockHead .maintitle,
    .companies-list .blockHead .pagetitle {
      margin-bottom: 0;
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
      color: #003273; }
      .companies-list .blockHead .maintitle,
      .companies-list .blockHead .pagetitle {
        font-size: 28px; }
        @media screen and (min-width: 400px) {
          .companies-list .blockHead .maintitle,
          .companies-list .blockHead .pagetitle {
            font-size: calc(28px + 21 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .companies-list .blockHead .maintitle,
          .companies-list .blockHead .pagetitle {
            font-size: 49px; } }
      .companies-list .blockHead .maintitle,
      .companies-list .blockHead .pagetitle {
        line-height: 42px; }
        @media screen and (min-width: 400px) {
          .companies-list .blockHead .maintitle,
          .companies-list .blockHead .pagetitle {
            line-height: calc(42px + 28 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .companies-list .blockHead .maintitle,
          .companies-list .blockHead .pagetitle {
            line-height: 70px; } }
      .companies-list .blockHead .maintitle span,
      .companies-list .blockHead .pagetitle span {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        opacity: 1;
        background: -webkit-linear-gradient(200deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: gradientAnimation 3.5s linear infinite;
        animation-direction: alternate;
        background-size: 300% 100%;
        padding-inline-start: 0; }
        .companies-list .blockHead .maintitle span,
        .companies-list .blockHead .pagetitle span {
          font-size: 28px; }
          @media screen and (min-width: 400px) {
            .companies-list .blockHead .maintitle span,
            .companies-list .blockHead .pagetitle span {
              font-size: calc(28px + 21 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .companies-list .blockHead .maintitle span,
            .companies-list .blockHead .pagetitle span {
              font-size: 49px; } }
        .companies-list .blockHead .maintitle span,
        .companies-list .blockHead .pagetitle span {
          line-height: 42px; }
          @media screen and (min-width: 400px) {
            .companies-list .blockHead .maintitle span,
            .companies-list .blockHead .pagetitle span {
              line-height: calc(42px + 28 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .companies-list .blockHead .maintitle span,
            .companies-list .blockHead .pagetitle span {
              line-height: 70px; } }
    .companies-list .blockHead .maintitle {
      display: none; }
    .companies-list .blockHead .pagetitle {
      display: inline; }
  .companies-list .blockBody .listingHolder .listingItemDIV .listingItem {
    height: 100%;
    width: 100%;
    border-radius: 20px;
    background: #fff;
    border: 1px solid transparent;
    padding-inline: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); }
    .companies-list .blockBody .listingHolder .listingItemDIV .listingItem:hover {
      border-color: #f7f7fa;
      transform: scale(1.03);
      box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.08); }
      .companies-list .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingImage a img {
        transform: translateY(-5px) scale(1.1);
        filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.5)); }
      .companies-list .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingInfo .listingLink a {
        background-color: #0766b3;
        border-color: transparent; }
        .companies-list .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingInfo .listingLink a::after {
          filter: brightness(0) saturate(100%) invert(95%) sepia(95%) saturate(22%) hue-rotate(19deg) brightness(105%) contrast(105%); }
    .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
      min-height: 200px;
      margin-bottom: 0;
      padding-bottom: 20px;
      border-bottom: 1px solid #e9e9e9;
      display: flex;
      align-items: center; }
      .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        border-radius: 0;
        perspective: 1000px;
        min-height: fit-content;
        overflow: visible; }
        .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a img {
          width: auto;
          max-width: 170px;
          max-height: 120px;
          object-fit: contain;
          transform-style: preserve-3d; }
    .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
      margin-top: 23px;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
        color: #003273;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        margin-bottom: 23px; }
        .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
          font-size: 20px; }
          @media screen and (min-width: 400px) {
            .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
              font-size: calc(20px + 3 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
              font-size: 23px; } }
        .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
          line-height: 24px; }
          @media screen and (min-width: 400px) {
            .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
              line-height: calc(24px + 7 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
              line-height: 31px; } }
      .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
        margin-bottom: 39px; }
        .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          font-weight: 400;
          color: #555964;
          margin-bottom: 0; }
          .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
            font-size: 13px; }
            @media screen and (min-width: 400px) {
              .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                font-size: calc(13px + 5 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                font-size: 18px; } }
          .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
            line-height: 18px; }
            @media screen and (min-width: 400px) {
              .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                line-height: calc(18px + 5 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
                line-height: 23px; } }
      .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink {
        overflow: hidden;
        display: flex;
        width: 100%;
        align-items: flex-end;
        justify-content: flex-end; }
        .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
          display: flex;
          width: 44px;
          height: 44px;
          align-items: center;
          justify-content: center;
          position: relative;
          border: 1px solid #003273;
          border-radius: 50%;
          background-color: #fff;
          transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); }
          .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a::after {
            content: "";
            position: absolute;
            background-image: url(/assets/icons/next-arrow.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            width: 5px;
            height: 10px;
            top: 50%;
            inset-inline-start: 50%;
            transform: translate(-50%, -50%);
            transition-duration: 0.2s; }
  .companies-list .swiper-scrollbar {
    display: none; }
  .companies-list .viewAllBottom {
    display: none; }
  .companies-list .loadmore {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px; }
    .companies-list .loadmore a {
      display: flex;
      align-items: center;
      gap: 20px;
      border-radius: 70px;
      border: 1px solid #003273;
      position: relative;
      background: transparent;
      transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
      color: #003273;
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      line-height: normal;
      font-weight: 700;
      padding: 15px 20px;
      padding-inline-end: 60px; }
      .companies-list .loadmore a {
        font-size: 16px; }
        @media screen and (min-width: 400px) {
          .companies-list .loadmore a {
            font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .companies-list .loadmore a {
            font-size: 17px; } }
      .companies-list .loadmore a span {
        padding-inline-end: 68px; }
      .companies-list .loadmore a::after {
        content: "";
        position: absolute;
        background-image: url(/assets/icons/next-arrow.svg);
        background-repeat: no-repeat;
        background-size: 5px 10px;
        background-position: center;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 50%;
        inset-inline-end: 20px;
        transform: translateY(-50%);
        border: 1px solid #003273;
        border-radius: 50%; }
      .companies-list .loadmore a:hover {
        color: #fff;
        border-color: transparent;
        background: linear-gradient(270deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-clip: padding-box;
        box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.2); }
        .companies-list .loadmore a:hover::after {
          border-color: transparent;
          background-color: #fff; }
  .companies-list.companies-home {
    padding-bottom: 80px; }
    .companies-list.companies-home .blockHead {
      max-width: 100%; }
      .companies-list.companies-home .blockHead .pagetitle {
        display: none; }
      .companies-list.companies-home .blockHead .subtitle {
        display: flex; }
      .companies-list.companies-home .blockHead .maintitle {
        display: inline; }
    .companies-list.companies-home .viewAllBottom {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 20px; }
      .companies-list.companies-home .viewAllBottom a {
        display: flex;
        align-items: center;
        gap: 20px;
        border-radius: 70px;
        border: 1px solid #003273;
        position: relative;
        background: transparent;
        transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        color: #003273;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        line-height: normal;
        font-weight: 700;
        padding: 15px 20px;
        padding-inline-end: 60px; }
        .companies-list.companies-home .viewAllBottom a {
          font-size: 16px; }
          @media screen and (min-width: 400px) {
            .companies-list.companies-home .viewAllBottom a {
              font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .companies-list.companies-home .viewAllBottom a {
              font-size: 17px; } }
        .companies-list.companies-home .viewAllBottom a span {
          padding-inline-end: 68px; }
        .companies-list.companies-home .viewAllBottom a::after {
          content: "";
          position: absolute;
          background-image: url(/assets/icons/next-arrow.svg);
          background-repeat: no-repeat;
          background-size: 5px 10px;
          background-position: center;
          width: 28px;
          height: 28px;
          display: flex;
          align-items: center;
          justify-content: center;
          top: 50%;
          inset-inline-end: 20px;
          transform: translateY(-50%);
          border: 1px solid #003273;
          border-radius: 50%; }
        .companies-list.companies-home .viewAllBottom a:hover {
          color: #fff;
          border-color: transparent;
          background: linear-gradient(270deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
          background-repeat: no-repeat;
          background-size: 100% 100%;
          background-clip: padding-box;
          box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.2); }
          .companies-list.companies-home .viewAllBottom a:hover::after {
            border-color: transparent;
            background-color: #fff; }

#portletListing_4292 {
  background-color: #f7f7fa; }

.filter {
  width: 100%;
  background-color: #f7f7fa;
  padding-top: 33px;
  padding-bottom: 33px;
  z-index: 2; }
  .filter .filter-wrapper {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: flex-end; }
    .filter .filter-wrapper label {
      display: flex;
      align-items: center;
      gap: 15px;
      width: fit-content !important;
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      font-weight: 400; }
      .filter .filter-wrapper label {
        font-size: 15px; }
        @media screen and (min-width: 400px) {
          .filter .filter-wrapper label {
            font-size: calc(15px + 3 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .filter .filter-wrapper label {
            font-size: 18px; } }
      .filter .filter-wrapper label {
        line-height: 20px; }
        @media screen and (min-width: 400px) {
          .filter .filter-wrapper label {
            line-height: calc(20px + 6 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .filter .filter-wrapper label {
            line-height: 26px; } }
    .filter .filter-wrapper .dk-select {
      width: 300px; }
      .filter .filter-wrapper .dk-select .dk-selected {
        padding-top: 16px;
        padding-bottom: 16px;
        padding-inline: 25px;
        border: 1px solid #00a681;
        border-radius: 10px;
        background-color: #fff;
        color: #818181;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased; }
        .filter .filter-wrapper .dk-select .dk-selected {
          font-size: 16px; }
          @media screen and (min-width: 400px) {
            .filter .filter-wrapper .dk-select .dk-selected {
              font-size: calc(16px + 3 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .filter .filter-wrapper .dk-select .dk-selected {
              font-size: 19px; } }
        .filter .filter-wrapper .dk-select .dk-selected:focus {
          border-color: #00a681; }
        .filter .filter-wrapper .dk-select .dk-selected::after {
          border-left: none;
          margin: 0 25px 0; }
        .filter .filter-wrapper .dk-select .dk-selected::before {
          content: "";
          position: absolute;
          display: flex;
          width: 18px;
          height: 14px;
          margin-inline-end: 25px;
          border: none;
          background-image: url(/assets/icons/arrow-dropdown.svg);
          top: 50%;
          transform: translateY(-50%);
          align-self: flex-end;
          padding: 2px;
          transition: transform 0.3s ease-in-out;
          filter: brightness(0) saturate(100%) invert(60%) sepia(59%) saturate(6504%) hue-rotate(140deg) brightness(93%) contrast(102%); }
      .filter .filter-wrapper .dk-select.dk-select-open-down .dk-selected {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
        .filter .filter-wrapper .dk-select.dk-select-open-down .dk-selected::before {
          transform: translateY(-50%) rotate(180deg); }
      .filter .filter-wrapper .dk-select .dk-select-options {
        border: 1px solid #00a681;
        padding: 1em 0;
        scrollbar-width: thin;
        /* Can be 'auto', 'thin', or 'none' */
        scrollbar-color: #00a681 #f1f1f1;
        /* Scrollbar width */
        /* Scrollbar track (the background) */
        /* Scrollbar thumb (the moving part) */ }
        .filter .filter-wrapper .dk-select .dk-select-options ::-webkit-scrollbar-track {
          background: #f1f1f1;
          border-radius: 10px; }
        .filter .filter-wrapper .dk-select .dk-select-options ::-webkit-scrollbar-thumb {
          background: #00a681;
          border-radius: 10px; }
        .filter .filter-wrapper .dk-select .dk-select-options li {
          padding-inline-start: 20px;
          color: #818181;
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          padding-bottom: 2px; }
          .filter .filter-wrapper .dk-select .dk-select-options li {
            font-size: 16px; }
            @media screen and (min-width: 400px) {
              .filter .filter-wrapper .dk-select .dk-select-options li {
                font-size: calc(16px + 3 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .filter .filter-wrapper .dk-select .dk-select-options li {
                font-size: 19px; } }
        .filter .filter-wrapper .dk-select .dk-select-options .dk-option-highlight {
          background-color: #9ed3c9;
          color: #fff; }
        .filter .filter-wrapper .dk-select .dk-select-options .dk-option-selected {
          background-color: #00a681;
          color: #fff; }

.headerBanner {
  width: 100%;
  max-height: 700px; }
  .headerBanner .banner-wrapper {
    max-height: 700px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative; }
    .headerBanner .banner-wrapper .bg-shape1,
    .headerBanner .banner-wrapper .bg-shape2 {
      position: absolute;
      background: linear-gradient(-152deg, rgba(9, 94, 149, 0.35) -21.37%, rgba(9, 94, 149, 0.4) -20.39%, rgba(9, 94, 149, 0.45) 23.65%, rgba(9, 94, 149, 0.55) 49.1%, rgba(35, 31, 32, 0.6) 76.5%);
      width: 400px;
      height: 400px;
      z-index: 2;
      background-repeat: no-repeat;
      clip-path: polygon(24.601% -51.683%, 24.601% -51.683%, 22.323% -49.207%, 20.138% -46.596%, 18.048% -43.855%, 16.057% -40.988%, 14.168% -38%, 12.383% -34.898%, 10.706% -31.684%, 9.139% -28.366%, 7.686% -24.946%, 6.349% -21.431%, 6.349% -21.431%, 5.136% -17.835%, 4.05% -14.175%, 3.092% -10.456%, 2.264% -6.685%, 1.567% -2.868%, 1.002% 0.988%, 0.57% 4.878%, 0.271% 8.795%, 0.107% 12.733%, 0.079% 16.686%, 0.079% 16.686%, 1.063% 30.338%, 3.629% 43.238%, 7.636% 55.224%, 12.943% 66.135%, 19.409% 75.81%, 26.893% 84.088%, 35.255% 90.807%, 44.354% 95.806%, 54.048% 98.923%, 64.197% 99.998%, 123.252% 99.998%, 123.252% 94.069%, 106.954% 94.069%, 106.954% 94.069%, 105.435% 94.029%, 103.921% 93.909%, 102.413% 93.709%, 100.913% 93.429%, 99.423% 93.07%, 97.945% 92.632%, 96.48% 92.115%, 95.03% 91.521%, 93.596% 90.849%, 92.181% 90.101%, 92.181% 90.101%, 90.789% 89.278%, 89.425% 88.382%, 88.088% 87.416%, 86.782% 86.381%, 85.507% 85.277%, 84.266% 84.106%, 83.058% 82.871%, 81.887% 81.57%, 80.753% 80.208%, 79.658% 78.783%, 79.658% 78.783%, 78.605% 77.301%, 77.598% 75.767%, 76.637% 74.183%, 75.723% 72.549%, 74.858% 70.87%, 74.042% 69.145%, 73.277% 67.378%, 72.563% 65.57%, 71.901% 63.724%, 71.292% 61.841%, 71.292% 61.841%, 70.739% 59.926%, 70.242% 57.987%, 69.803% 56.026%, 69.422% 54.044%, 69.098% 52.043%, 68.832% 50.028%, 68.625% 47.999%, 68.477% 45.959%, 68.389% 43.91%, 68.359% 41.855%, 68.359% -10.931%, 68.359% -10.931%, 68.396% -13.275%, 68.51% -15.61%, 68.702% -17.932%, 68.97% -20.237%, 69.313% -22.523%, 69.732% -24.786%, 70.226% -27.022%, 70.794% -29.229%, 71.435% -31.402%, 72.149% -33.538%, 72.149% -33.538%, 72.934% -35.628%, 73.785% -37.665%, 74.702% -39.644%, 75.683% -41.565%, 76.725% -43.423%, 77.828% -45.216%, 78.99% -46.941%, 80.209% -48.596%, 81.484% -50.177%, 82.812% -51.683%, 24.601% -51.683%);
      background-blend-mode: multiply;
      mix-blend-mode: darken; }
    .headerBanner .banner-wrapper .bg-shape2 {
      bottom: -140px;
      inset-inline-end: -83px;
      transform: rotate(-200deg) scaleX(-1); }
    .headerBanner .banner-wrapper .bg-shape1 {
      top: -10px;
      inset-inline-end: -60px; }
    .headerBanner .banner-wrapper .img-wrapper {
      width: 100%;
      height: 100%;
      position: relative; }
      .headerBanner .banner-wrapper .img-wrapper img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        display: block;
        object-position: top; }
      .headerBanner .banner-wrapper .img-wrapper::after {
        content: "";
        width: 100%;
        height: 100%;
        z-index: 1;
        position: absolute;
        inset: 0;
        background: linear-gradient(0deg, rgba(0, 15, 34, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
        background-repeat: no-repeat;
        background-size: cover; }
    .headerBanner .banner-wrapper .content-wrapper {
      position: absolute;
      width: 100%;
      inset-inline-start: 0;
      bottom: 80px;
      z-index: 2; }
      .headerBanner .banner-wrapper .content-wrapper .banner-titles {
        display: flex;
        flex-direction: column;
        gap: 40px; }
        .headerBanner .banner-wrapper .content-wrapper .banner-titles .main-Title {
          color: #fff;
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          font-weight: 700;
          margin-bottom: 0; }
          .headerBanner .banner-wrapper .content-wrapper .banner-titles .main-Title {
            font-size: 28px; }
            @media screen and (min-width: 400px) {
              .headerBanner .banner-wrapper .content-wrapper .banner-titles .main-Title {
                font-size: calc(28px + 37 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .headerBanner .banner-wrapper .content-wrapper .banner-titles .main-Title {
                font-size: 65px; } }
          .headerBanner .banner-wrapper .content-wrapper .banner-titles .main-Title {
            line-height: 39px; }
            @media screen and (min-width: 400px) {
              .headerBanner .banner-wrapper .content-wrapper .banner-titles .main-Title {
                line-height: calc(39px + 51 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .headerBanner .banner-wrapper .content-wrapper .banner-titles .main-Title {
                line-height: 90px; } }
        .headerBanner .banner-wrapper .content-wrapper .banner-titles .subtitle {
          color: #fff; }
        .headerBanner .banner-wrapper .content-wrapper .banner-titles .breadcrumbsWrapper .breadcrumbs ul {
          display: flex;
          list-style: none;
          padding-inline-start: 0; }
          .headerBanner .banner-wrapper .content-wrapper .banner-titles .breadcrumbsWrapper .breadcrumbs ul li {
            display: flex;
            align-items: center;
            gap: 3px;
            margin-inline-end: 5px; }
            .headerBanner .banner-wrapper .content-wrapper .banner-titles .breadcrumbsWrapper .breadcrumbs ul li a {
              transition: all 0.2s ease-in-out; }
              .headerBanner .banner-wrapper .content-wrapper .banner-titles .breadcrumbsWrapper .breadcrumbs ul li a:hover {
                color: #00a681; }
            .headerBanner .banner-wrapper .content-wrapper .banner-titles .breadcrumbsWrapper .breadcrumbs ul li::after {
              content: "/";
              display: block;
              width: 5px;
              height: 15px;
              font-size: 20px;
              font-family: "Almarai", sans-serif !important;
              font-style: normal;
              -webkit-font-smoothing: antialiased;
              font-weight: 400;
              line-height: 14px;
              color: #fff; }
            .headerBanner .banner-wrapper .content-wrapper .banner-titles .breadcrumbsWrapper .breadcrumbs ul li:last-child::after {
              display: none; }
  .headerBanner.coloredBanner {
    max-height: 520px; }
    .headerBanner.coloredBanner .banner-wrapper {
      max-height: 520px; }
      .headerBanner.coloredBanner .banner-wrapper .bg-shape1,
      .headerBanner.coloredBanner .banner-wrapper .bg-shape2 {
        height: 330px; }
      .headerBanner.coloredBanner .banner-wrapper .colored-wrapper {
        height: 520px;
        width: 100%; }
        .headerBanner.coloredBanner .banner-wrapper .colored-wrapper::before {
          content: "";
          position: absolute;
          background-repeat: no-repeat;
          background-size: cover;
          width: 100%;
          height: 100%;
          inset: 0;
          z-index: 0; }
        .headerBanner.coloredBanner .banner-wrapper .colored-wrapper.blue::before {
          background-color: #0766b3; }
        .headerBanner.coloredBanner .banner-wrapper .colored-wrapper.purple::before {
          background-color: #422b7f; }
  .headerBanner.careersBanner {
    max-height: 450px; }
    .headerBanner.careersBanner .banner-wrapper {
      max-height: 450px; }
      .headerBanner.careersBanner .banner-wrapper .bg-shape2 {
        bottom: -210px;
        inset-inline-end: -90px; }
      .headerBanner.careersBanner .banner-wrapper .colored-wrapper {
        height: 450px; }
      .headerBanner.careersBanner .banner-wrapper .back-arrow {
        position: absolute;
        bottom: 230px;
        width: 100%;
        inset-inline-start: 0;
        z-index: 2; }
        .headerBanner.careersBanner .banner-wrapper .back-arrow .back-link {
          cursor: pointer;
          display: flex;
          align-items: center;
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          position: relative;
          color: #fff;
          text-decoration: underline;
          text-decoration-color: transparent;
          padding-inline-start: 30px;
          transition: all 0.3s ease-in-out; }
          .headerBanner.careersBanner .banner-wrapper .back-arrow .back-link {
            font-size: 15px; }
            @media screen and (min-width: 400px) {
              .headerBanner.careersBanner .banner-wrapper .back-arrow .back-link {
                font-size: calc(15px + 4 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .headerBanner.careersBanner .banner-wrapper .back-arrow .back-link {
                font-size: 19px; } }
          .headerBanner.careersBanner .banner-wrapper .back-arrow .back-link {
            line-height: 20px; }
            @media screen and (min-width: 400px) {
              .headerBanner.careersBanner .banner-wrapper .back-arrow .back-link {
                line-height: calc(20px + 5 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .headerBanner.careersBanner .banner-wrapper .back-arrow .back-link {
                line-height: 25px; } }
          .headerBanner.careersBanner .banner-wrapper .back-arrow .back-link::before {
            content: "";
            position: absolute;
            inset-inline-start: 0;
            top: 0;
            background-image: url(/assets/icons/back-arrow-white.svg);
            background-position: center;
            width: 24px;
            height: 21px;
            background-size: contain;
            background-repeat: no-repeat;
            transition: all 0.3s ease-in-out; }
          .headerBanner.careersBanner .banner-wrapper .back-arrow .back-link:hover {
            text-decoration-color: #fff; }
            .headerBanner.careersBanner .banner-wrapper .back-arrow .back-link:hover::before {
              transform: translateX(-3px); }

.index-tabs {
  width: 100%;
  height: auto;
  backdrop-filter: blur(6.5px);
  z-index: 20;
  position: relative;
  padding-top: 0;
  background-color: #fff; }
  .index-tabs .container {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-bottom: 1px solid #eaedf4; }
  .index-tabs .tabs-list {
    padding-top: 26px;
    padding-inline: 20px;
    display: flex;
    justify-content: space-between;
    gap: 64px;
    margin-bottom: 0;
    list-style: none; }
    .index-tabs .tabs-list .item {
      display: flex;
      align-items: center; }
      .index-tabs .tabs-list .item a {
        line-height: 16px;
        color: #555964;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        font-weight: 400;
        padding-bottom: 22px;
        transition: all 0.4s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative; }
        .index-tabs .tabs-list .item a {
          font-size: 15px; }
          @media screen and (min-width: 400px) {
            .index-tabs .tabs-list .item a {
              font-size: calc(15px + 2 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .index-tabs .tabs-list .item a {
              font-size: 17px; } }
        .index-tabs .tabs-list .item a::after {
          content: "";
          position: absolute;
          bottom: 0;
          inset-inline-start: 0;
          width: 0;
          height: 5px;
          background-color: #00a681;
          transition: all 0.4s ease-in-out; }
        .index-tabs .tabs-list .item a:hover {
          color: #00a681; }
        .index-tabs .tabs-list .item a.active {
          color: #00a681; }
          .index-tabs .tabs-list .item a.active::after {
            width: 100%; }

.tabs-pin-spacer {
  z-index: 100 !important; }

.company-overview {
  width: 100%;
  background-color: #fff;
  padding-top: 55px;
  padding-bottom: 100px;
  overflow: hidden;
  position: relative; }
  .company-overview .bg-shape {
    position: absolute;
    background: linear-gradient(24deg, rgba(9, 94, 149, 0.1) 5.99%, rgba(9, 94, 149, 0.1) 6.69%, rgba(9, 94, 149, 0.1) 38.25%, rgba(9, 94, 149, 0.1) 56.49%, rgba(35, 31, 32, 0) 76.13%);
    background-blend-mode: darken;
    width: 790px;
    top: -30px;
    height: calc(100% - 203px);
    inset-inline-end: 0;
    z-index: 1;
    background-repeat: no-repeat;
    clip-path: polygon(80.015% 0%, 80.015% 0%, 81.863% 1.632%, 83.635% 3.354%, 85.33% 5.161%, 86.945% 7.051%, 88.477% 9.021%, 89.925% 11.066%, 91.286% 13.185%, 92.556% 15.373%, 93.735% 17.627%, 94.819% 19.944%, 94.819% 19.944%, 95.803% 22.315%, 96.684% 24.728%, 97.461% 27.18%, 98.132% 29.666%, 98.698% 32.182%, 99.156% 34.725%, 99.507% 37.289%, 99.749% 39.872%, 99.882% 42.468%, 99.905% 45.074%, 99.905% 45.074%, 99.106% 54.075%, 97.025% 62.579%, 93.775% 70.481%, 89.471% 77.675%, 84.226% 84.053%, 78.156% 89.511%, 71.374% 93.94%, 63.994% 97.236%, 56.131% 99.291%, 47.899% 100%, 0% 100%, 0% 96.091%, 13.219% 96.091%, 13.219% 96.091%, 14.451% 96.065%, 15.679% 95.986%, 16.902% 95.854%, 18.119% 95.669%, 19.327% 95.432%, 20.526% 95.143%, 21.715% 94.803%, 22.891% 94.411%, 24.053% 93.969%, 25.201% 93.475%, 25.201% 93.475%, 26.33% 92.932%, 27.437% 92.342%, 28.521% 91.705%, 29.58% 91.022%, 30.614% 90.295%, 31.621% 89.523%, 32.601% 88.708%, 33.551% 87.851%, 34.471% 86.953%, 35.359% 86.013%, 35.359% 86.013%, 36.213% 85.037%, 37.03% 84.025%, 37.809% 82.98%, 38.55% 81.904%, 39.252% 80.796%, 39.914% 79.659%, 40.535% 78.494%, 41.114% 77.302%, 41.651% 76.085%, 42.144% 74.844%, 42.144% 74.844%, 42.593% 73.582%, 42.996% 72.303%, 43.352% 71.01%, 43.661% 69.703%, 43.924% 68.385%, 44.139% 67.056%, 44.307% 65.718%, 44.427% 64.373%, 44.499% 63.023%, 44.523% 61.668%, 44.523% 26.867%, 44.523% 26.867%, 44.493% 25.321%, 44.4% 23.782%, 44.245% 22.252%, 44.028% 20.731%, 43.749% 19.224%, 43.41% 17.732%, 43.009% 16.258%, 42.549% 14.804%, 42.028% 13.371%, 41.449% 11.963%, 41.449% 11.963%, 40.813% 10.585%, 40.122% 9.242%, 39.378% 7.937%, 38.583% 6.671%, 37.737% 5.446%, 36.843% 4.264%, 35.9% 3.126%, 34.912% 2.035%, 33.878% 0.993%, 32.8% 0%, 80.015% 0%);
    transform: rotate(-20deg); }
  .company-overview .wrapper {
    z-index: 3;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 87px; }
    .company-overview .wrapper .top-content {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .company-overview .wrapper .top-content .logo {
        width: fit-content;
        height: 103px;
        padding-inline-end: 40px;
        position: relative; }
        .company-overview .wrapper .top-content .logo::after {
          content: "";
          position: absolute;
          background: rgba(0, 0, 0, 0.13);
          height: calc(100% - 20px);
          width: 1px;
          top: 50%;
          inset-inline-end: 0;
          transform: translateY(-50%); }
        .company-overview .wrapper .top-content .logo img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .company-overview .wrapper .top-content .logo-title {
        padding-inline-start: 40px;
        display: flex;
        align-items: center; }
        .company-overview .wrapper .top-content .logo-title h5 {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          color: #003273;
          font-weight: 700; }
          .company-overview .wrapper .top-content .logo-title h5 {
            font-size: 16px; }
            @media screen and (min-width: 400px) {
              .company-overview .wrapper .top-content .logo-title h5 {
                font-size: calc(16px + 10 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .company-overview .wrapper .top-content .logo-title h5 {
                font-size: 26px; } }
    .company-overview .wrapper .bottom-content {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .company-overview .wrapper .bottom-content .text {
        display: flex;
        flex-direction: column;
        gap: 40px;
        flex: 0 0 38%;
        max-width: 40%; }
        .company-overview .wrapper .bottom-content .text p {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          color: #555964;
          margin-bottom: 0; }
          .company-overview .wrapper .bottom-content .text p {
            font-size: 16px; }
            @media screen and (min-width: 400px) {
              .company-overview .wrapper .bottom-content .text p {
                font-size: calc(16px + 3 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .company-overview .wrapper .bottom-content .text p {
                font-size: 19px; } }
          .company-overview .wrapper .bottom-content .text p {
            line-height: 24px; }
            @media screen and (min-width: 400px) {
              .company-overview .wrapper .bottom-content .text p {
                line-height: calc(24px + 4 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .company-overview .wrapper .bottom-content .text p {
                line-height: 28px; } }
      .company-overview .wrapper .bottom-content .image {
        flex: 0 0 55%;
        max-width: 58%;
        border-radius: 15px;
        overflow: hidden;
        --bs-aspect-ratio: 60%;
        clip-path: inset(0 50% 0 50%);
        transition: 1.5s cubic-bezier(0, 0, 0.58, 1); }
        .company-overview .wrapper .bottom-content .image img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .company-overview .wrapper .bottom-content .image.img-animated {
          clip-path: inset(0 0 0 0); }
  .company-overview.careers-overveiw {
    padding: 150px 0; }
    .company-overview.careers-overveiw .bg-shape {
      display: none; }
  .company-overview.sustainability-overview {
    padding: 170px 0; }
    .company-overview.sustainability-overview .bg-shape {
      width: 730px;
      top: 102px;
      transform: rotate(0deg);
      inset-inline-end: -30px; }

.philosophy {
  width: 100%;
  background-color: #fff;
  align-items: center;
  overflow: hidden;
  min-height: fit-content; }
  .philosophy .bg-shape {
    position: absolute;
    background: linear-gradient(0deg, rgba(9, 94, 149, 0.5) -21.37%, rgba(9, 94, 149, 0.4) -20.39%, rgba(9, 94, 149, 0.4) 23.65%, rgba(9, 94, 149, 0.3) 49.1%, rgba(35, 31, 32, 0.05) 76.5%);
    background-blend-mode: darken;
    width: 700px;
    height: calc(100% - 30px);
    inset-inline-start: 0;
    background-repeat: no-repeat;
    clip-path: polygon(80.015% 0%, 80.015% 0%, 81.863% 1.632%, 83.635% 3.354%, 85.33% 5.161%, 86.945% 7.051%, 88.477% 9.021%, 89.925% 11.066%, 91.286% 13.185%, 92.556% 15.373%, 93.735% 17.627%, 94.819% 19.944%, 94.819% 19.944%, 95.803% 22.315%, 96.684% 24.728%, 97.461% 27.18%, 98.132% 29.666%, 98.698% 32.182%, 99.156% 34.725%, 99.507% 37.289%, 99.749% 39.872%, 99.882% 42.468%, 99.905% 45.074%, 99.905% 45.074%, 99.106% 54.075%, 97.025% 62.579%, 93.775% 70.481%, 89.471% 77.675%, 84.226% 84.053%, 78.156% 89.511%, 71.374% 93.94%, 63.994% 97.236%, 56.131% 99.291%, 47.899% 100%, 0% 100%, 0% 96.091%, 13.219% 96.091%, 13.219% 96.091%, 14.451% 96.065%, 15.679% 95.986%, 16.902% 95.854%, 18.119% 95.669%, 19.327% 95.432%, 20.526% 95.143%, 21.715% 94.803%, 22.891% 94.411%, 24.053% 93.969%, 25.201% 93.475%, 25.201% 93.475%, 26.33% 92.932%, 27.437% 92.342%, 28.521% 91.705%, 29.58% 91.022%, 30.614% 90.295%, 31.621% 89.523%, 32.601% 88.708%, 33.551% 87.851%, 34.471% 86.953%, 35.359% 86.013%, 35.359% 86.013%, 36.213% 85.037%, 37.03% 84.025%, 37.809% 82.98%, 38.55% 81.904%, 39.252% 80.796%, 39.914% 79.659%, 40.535% 78.494%, 41.114% 77.302%, 41.651% 76.085%, 42.144% 74.844%, 42.144% 74.844%, 42.593% 73.582%, 42.996% 72.303%, 43.352% 71.01%, 43.661% 69.703%, 43.924% 68.385%, 44.139% 67.056%, 44.307% 65.718%, 44.427% 64.373%, 44.499% 63.023%, 44.523% 61.668%, 44.523% 26.867%, 44.523% 26.867%, 44.493% 25.321%, 44.4% 23.782%, 44.245% 22.252%, 44.028% 20.731%, 43.749% 19.224%, 43.41% 17.732%, 43.009% 16.258%, 42.549% 14.804%, 42.028% 13.371%, 41.449% 11.963%, 41.449% 11.963%, 40.813% 10.585%, 40.122% 9.242%, 39.378% 7.937%, 38.583% 6.671%, 37.737% 5.446%, 36.843% 4.264%, 35.9% 3.126%, 34.912% 2.035%, 33.878% 0.993%, 32.8% 0%, 80.015% 0%); }
  .philosophy .container {
    background-color: #0766b3;
    border-radius: 0;
    transform: scale(0.7) translateZ(0);
    will-change: transform, border-radius; }
  .philosophy .wrapper {
    z-index: 3;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: fit-content;
    display: flex;
    flex-direction: column;
    padding-top: 130px;
    padding-bottom: 100px; }
    .philosophy .wrapper .title {
      margin-bottom: 53px; }
      .philosophy .wrapper .title h2 {
        color: #fff; }
    .philosophy .wrapper .list-container {
      width: 100%;
      display: flex;
      justify-content: space-between;
      gap: 38px; }
      .philosophy .wrapper .list-container .item {
        flex: 0 0 49%;
        max-width: 50%;
        display: flex;
        flex-direction: column;
        gap: 27px; }
        .philosophy .wrapper .list-container .item .item-header {
          display: inline-flex;
          align-items: center;
          gap: 15px; }
          .philosophy .wrapper .list-container .item .item-header .logo {
            width: 50px;
            display: flex;
            width: 90px;
            height: 90px;
            padding: 4px;
            justify-content: center;
            align-items: center; }
            .philosophy .wrapper .list-container .item .item-header .logo img {
              width: 100%;
              height: 100%;
              object-fit: contain; }
          .philosophy .wrapper .list-container .item .item-header h3 {
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            color: #fff;
            font-weight: 700;
            margin-bottom: 0; }
            .philosophy .wrapper .list-container .item .item-header h3 {
              font-size: 20px; }
              @media screen and (min-width: 400px) {
                .philosophy .wrapper .list-container .item .item-header h3 {
                  font-size: calc(20px + 8 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .philosophy .wrapper .list-container .item .item-header h3 {
                  font-size: 28px; } }
            .philosophy .wrapper .list-container .item .item-header h3 {
              line-height: 30px; }
              @media screen and (min-width: 400px) {
                .philosophy .wrapper .list-container .item .item-header h3 {
                  line-height: calc(30px + 11 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .philosophy .wrapper .list-container .item .item-header h3 {
                  line-height: 41px; } }
        .philosophy .wrapper .list-container .item .item-summary {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          color: #fff;
          font-weight: 400;
          margin-bottom: 20px; }
          .philosophy .wrapper .list-container .item .item-summary {
            font-size: 18px; }
            @media screen and (min-width: 400px) {
              .philosophy .wrapper .list-container .item .item-summary {
                font-size: calc(18px + 2 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .philosophy .wrapper .list-container .item .item-summary {
                font-size: 20px; } }
          .philosophy .wrapper .list-container .item .item-summary {
            line-height: 27px; }
            @media screen and (min-width: 400px) {
              .philosophy .wrapper .list-container .item .item-summary {
                line-height: calc(27px + 1 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .philosophy .wrapper .list-container .item .item-summary {
                line-height: 28px; } }

.quality-control-team {
  width: 100%;
  background-color: #0766b3;
  align-items: center;
  overflow: hidden;
  min-height: fit-content;
  margin-top: -5px;
  position: relative;
  z-index: 1; }
  .quality-control-team .container {
    background-color: #f7f7fa;
    border-start-start-radius: 70px;
    border-start-end-radius: 70px; }
  .quality-control-team .wrapper {
    z-index: 3;
    width: 100%;
    height: 100%;
    min-height: fit-content;
    display: flex;
    flex-direction: column;
    padding-top: 130px;
    padding-bottom: 120px; }
    .quality-control-team .wrapper .video-wrapper {
      width: 100%;
      position: relative;
      border: 1px solid transparent;
      border-radius: 15px;
      overflow: hidden;
      max-height: 630px;
      margin-bottom: 64px;
      transform: scale(0.8);
      will-change: transform; }
      .quality-control-team .wrapper .video-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        max-height: 630px;
        object-position: right center; }
      .quality-control-team .wrapper .video-wrapper .play-btn {
        position: absolute;
        width: 85px;
        height: 85px;
        top: 50%;
        inset-inline-start: 50%;
        transform: translate(-50%, -50%);
        background-size: contain;
        z-index: 2; }
        .quality-control-team .wrapper .video-wrapper .play-btn svg {
          transition: all 0.3s ease-in-out; }
          .quality-control-team .wrapper .video-wrapper .play-btn svg rect,
          .quality-control-team .wrapper .video-wrapper .play-btn svg path {
            transition: all 0.3s ease-in-out; }
        .quality-control-team .wrapper .video-wrapper .play-btn:hover {
          cursor: pointer; }
          .quality-control-team .wrapper .video-wrapper .play-btn:hover svg {
            transform: scale(1.05); }
            .quality-control-team .wrapper .video-wrapper .play-btn:hover svg rect {
              fill-opacity: 1; }
    .quality-control-team .wrapper .content-wrapper {
      display: flex;
      justify-content: space-between; }
      .quality-control-team .wrapper .content-wrapper .title {
        flex: 0 0 40%;
        max-width: 520px; }
      .quality-control-team .wrapper .content-wrapper .summary {
        flex: 0 0 48%;
        max-width: 50%; }
        .quality-control-team .wrapper .content-wrapper .summary p {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          color: #555964;
          margin-bottom: 0;
          font-weight: 400; }
          .quality-control-team .wrapper .content-wrapper .summary p {
            font-size: 18px; }
            @media screen and (min-width: 400px) {
              .quality-control-team .wrapper .content-wrapper .summary p {
                font-size: calc(18px + 2 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .quality-control-team .wrapper .content-wrapper .summary p {
                font-size: 20px; } }
          .quality-control-team .wrapper .content-wrapper .summary p {
            line-height: 27px; }
            @media screen and (min-width: 400px) {
              .quality-control-team .wrapper .content-wrapper .summary p {
                line-height: calc(27px + 1 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .quality-control-team .wrapper .content-wrapper .summary p {
                line-height: 28px; } }

.clinics-shops {
  width: 100%;
  padding-top: 120px;
  padding-bottom: 20px;
  background-color: #fff;
  min-height: fit-content; }
  .clinics-shops .toolkitListing .blockBody .listingHolder {
    margin: 0; }
    .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV {
      margin-bottom: 100px; }
      .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem {
        width: 100%;
        align-items: center;
        justify-content: space-between; }
        .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingImage img {
          transform: scale(1); }
        .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
          position: relative;
          border-radius: 0;
          padding: 0 40px;
          flex: 0 0 55%;
          max-width: 55%; }
          .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage .ratio {
            overflow: hidden;
            border-radius: 15px;
            display: block;
            --bs-aspect-ratio: 65%; }
            .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage .ratio img {
              object-fit: cover;
              width: 100%;
              height: 100%; }
        .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .maintitle {
          margin-bottom: 40px; }
        .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
          flex: 0 0 44%;
          max-width: 45%;
          display: flex;
          flex-direction: column;
          padding: 0; }
          .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
            margin-bottom: 40px;
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            color: #555964;
            font-weight: 400; }
            .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
              font-size: 18px; }
              @media screen and (min-width: 400px) {
                .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                  font-size: calc(18px + 2 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                  font-size: 20px; } }
            .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
              line-height: 27px; }
              @media screen and (min-width: 400px) {
                .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                  line-height: calc(27px + 1 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                  line-height: 28px; } }
          .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
            display: flex;
            align-items: center;
            gap: 20px;
            border-radius: 70px;
            border: 1px solid #003273;
            position: relative;
            background: transparent;
            transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            color: #003273;
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            line-height: normal;
            font-weight: 700;
            padding: 15px 20px;
            padding-inline-end: 60px;
            max-width: fit-content; }
            .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
              font-size: 16px; }
              @media screen and (min-width: 400px) {
                .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
                  font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
                  font-size: 17px; } }
            .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a span {
              padding-inline-end: 68px; }
            .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a::after {
              content: "";
              position: absolute;
              background-image: url(/assets/icons/next-arrow.svg);
              background-repeat: no-repeat;
              background-size: 5px 10px;
              background-position: center;
              width: 28px;
              height: 28px;
              display: flex;
              align-items: center;
              justify-content: center;
              top: 50%;
              inset-inline-end: 20px;
              transform: translateY(-50%);
              border: 1px solid #003273;
              border-radius: 50%; }
            .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a:hover {
              color: #fff;
              border-color: transparent;
              background: linear-gradient(270deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
              background-repeat: no-repeat;
              background-size: 100% 100%;
              background-clip: padding-box;
              box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.2); }
              .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a:hover::after {
                border-color: transparent;
                background-color: #fff; }
            .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
              font-size: 13px; }
              @media screen and (min-width: 400px) {
                .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
                  font-size: calc(13px + 4 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
                  font-size: 17px; } }
      .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV:nth-child(even) .listingItem .listingImage {
        padding-inline-end: 0;
        clip-path: inset(0 0 0 100%);
        transition: 1.5s cubic-bezier(0, 0, 0.58, 1); }
        .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV:nth-child(even) .listingItem .listingImage.img-animated {
          clip-path: inset(0 0 0 0); }
      .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV:nth-child(odd) .listingItem .listingImage {
        padding-inline-start: 0;
        clip-path: inset(0 100% 0 0);
        transition: 1.5s cubic-bezier(0, 0, 0.58, 1); }
        .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV:nth-child(odd) .listingItem .listingImage.img-animated {
          clip-path: inset(0 0 0 0); }

.address-contact {
  width: 100%;
  min-height: fit-content;
  background-color: #f7f7fa;
  padding-bottom: 120px;
  padding-top: 120px;
  position: relative;
  z-index: 1; }
  .address-contact .bg-shape {
    position: absolute;
    background: linear-gradient(0deg, rgba(9, 94, 149, 0.4) -21.37%, rgba(9, 94, 149, 0.2) -20.39%, rgba(9, 94, 149, 0.3) 23.65%, rgba(9, 94, 149, 0.2) 49.1%, rgba(35, 31, 32, 0.06) 76.5%);
    background-blend-mode: darken;
    width: 600px;
    height: 100%;
    bottom: 1px;
    inset-inline-end: 0;
    z-index: 1;
    background-repeat: no-repeat;
    clip-path: polygon(80.015% 0%, 80.015% 0%, 81.863% 1.632%, 83.635% 3.354%, 85.33% 5.161%, 86.945% 7.051%, 88.477% 9.021%, 89.925% 11.066%, 91.286% 13.185%, 92.556% 15.373%, 93.735% 17.627%, 94.819% 19.944%, 94.819% 19.944%, 95.803% 22.315%, 96.684% 24.728%, 97.461% 27.18%, 98.132% 29.666%, 98.698% 32.182%, 99.156% 34.725%, 99.507% 37.289%, 99.749% 39.872%, 99.882% 42.468%, 99.905% 45.074%, 99.905% 45.074%, 99.106% 54.075%, 97.025% 62.579%, 93.775% 70.481%, 89.471% 77.675%, 84.226% 84.053%, 78.156% 89.511%, 71.374% 93.94%, 63.994% 97.236%, 56.131% 99.291%, 47.899% 100%, 0% 100%, 0% 96.091%, 13.219% 96.091%, 13.219% 96.091%, 14.451% 96.065%, 15.679% 95.986%, 16.902% 95.854%, 18.119% 95.669%, 19.327% 95.432%, 20.526% 95.143%, 21.715% 94.803%, 22.891% 94.411%, 24.053% 93.969%, 25.201% 93.475%, 25.201% 93.475%, 26.33% 92.932%, 27.437% 92.342%, 28.521% 91.705%, 29.58% 91.022%, 30.614% 90.295%, 31.621% 89.523%, 32.601% 88.708%, 33.551% 87.851%, 34.471% 86.953%, 35.359% 86.013%, 35.359% 86.013%, 36.213% 85.037%, 37.03% 84.025%, 37.809% 82.98%, 38.55% 81.904%, 39.252% 80.796%, 39.914% 79.659%, 40.535% 78.494%, 41.114% 77.302%, 41.651% 76.085%, 42.144% 74.844%, 42.144% 74.844%, 42.593% 73.582%, 42.996% 72.303%, 43.352% 71.01%, 43.661% 69.703%, 43.924% 68.385%, 44.139% 67.056%, 44.307% 65.718%, 44.427% 64.373%, 44.499% 63.023%, 44.523% 61.668%, 44.523% 26.867%, 44.523% 26.867%, 44.493% 25.321%, 44.4% 23.782%, 44.245% 22.252%, 44.028% 20.731%, 43.749% 19.224%, 43.41% 17.732%, 43.009% 16.258%, 42.549% 14.804%, 42.028% 13.371%, 41.449% 11.963%, 41.449% 11.963%, 40.813% 10.585%, 40.122% 9.242%, 39.378% 7.937%, 38.583% 6.671%, 37.737% 5.446%, 36.843% 4.264%, 35.9% 3.126%, 34.912% 2.035%, 33.878% 0.993%, 32.8% 0%, 80.015% 0%); }
  .address-contact .wrapper {
    position: relative;
    padding: 100px 0;
    padding-inline: 57px;
    width: 100%;
    height: 100%;
    background-color: #422b7f;
    border-radius: 40px;
    border: 1px solid rgba(1, 164, 130, 0.2);
    box-shadow: 0px 13px 14px 0px rgba(0, 0, 0, 0.03); }
    .address-contact .wrapper .subtitle {
      color: #fff;
      margin-bottom: 57px;
      text-transform: uppercase; }
    .address-contact .wrapper .info-container {
      display: flex;
      gap: 105px; }
      .address-contact .wrapper .info-container .title {
        flex: 0 0 36%;
        max-width: 38%; }
        .address-contact .wrapper .info-container .title .maintitle {
          color: #fff; }
      .address-contact .wrapper .info-container .contact-list ul {
        list-style: none;
        padding-inline-start: 0;
        display: flex;
        flex-direction: column;
        margin-bottom: 45px; }
        .address-contact .wrapper .info-container .contact-list ul li {
          display: inline-flex;
          padding-bottom: 2px;
          gap: 5px;
          color: #fff;
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          font-weight: 400; }
          .address-contact .wrapper .info-container .contact-list ul li {
            font-size: 18px; }
            @media screen and (min-width: 400px) {
              .address-contact .wrapper .info-container .contact-list ul li {
                font-size: calc(18px + 2 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .address-contact .wrapper .info-container .contact-list ul li {
                font-size: 20px; } }
          .address-contact .wrapper .info-container .contact-list ul li {
            line-height: 27px; }
            @media screen and (min-width: 400px) {
              .address-contact .wrapper .info-container .contact-list ul li {
                line-height: calc(27px + 1 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .address-contact .wrapper .info-container .contact-list ul li {
                line-height: 28px; } }
          .address-contact .wrapper .info-container .contact-list ul li h5 {
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            font-weight: 700;
            margin-bottom: 0; }
            .address-contact .wrapper .info-container .contact-list ul li h5 {
              font-size: 18px; }
              @media screen and (min-width: 400px) {
                .address-contact .wrapper .info-container .contact-list ul li h5 {
                  font-size: calc(18px + 2 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .address-contact .wrapper .info-container .contact-list ul li h5 {
                  font-size: 20px; } }
            .address-contact .wrapper .info-container .contact-list ul li h5 {
              line-height: 27px; }
              @media screen and (min-width: 400px) {
                .address-contact .wrapper .info-container .contact-list ul li h5 {
                  line-height: calc(27px + 1 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .address-contact .wrapper .info-container .contact-list ul li h5 {
                  line-height: 28px; } }
          .address-contact .wrapper .info-container .contact-list ul li a {
            display: inline-flex;
            gap: 5px;
            transition: all 0.3s ease-in-out; }
            .address-contact .wrapper .info-container .contact-list ul li a:hover {
              color: #00a681; }
      .address-contact .wrapper .info-container .contact-list .visitBtn a {
        display: flex;
        align-items: center;
        border-radius: 70px;
        border: 1px solid #fff;
        background-color: transparent;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: #fff;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        line-height: normal;
        font-weight: 700;
        padding: 15px 20px;
        padding-inline: 28px;
        max-width: fit-content; }
        .address-contact .wrapper .info-container .contact-list .visitBtn a {
          font-size: 16px; }
          @media screen and (min-width: 400px) {
            .address-contact .wrapper .info-container .contact-list .visitBtn a {
              font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .address-contact .wrapper .info-container .contact-list .visitBtn a {
              font-size: 17px; } }
        .address-contact .wrapper .info-container .contact-list .visitBtn a span {
          padding-inline-end: 28px; }
        .address-contact .wrapper .info-container .contact-list .visitBtn a img {
          width: 12px;
          height: 12px;
          object-fit: contain;
          position: relative;
          z-index: 2;
          margin-inline-end: 4px;
          filter: brightness(0) saturate(100%) invert(99%) sepia(46%) saturate(2%) hue-rotate(186deg) brightness(108%) contrast(100%); }
        .address-contact .wrapper .info-container .contact-list .visitBtn a::after {
          content: "";
          position: absolute;
          background-color: transparent;
          width: 30px;
          height: 30px;
          border: 1px solid #fff;
          border-radius: 50%;
          top: 50%;
          inset-inline-end: 22px;
          transform: translateY(-50%);
          transition: all 0.3s ease-in-out; }
        .address-contact .wrapper .info-container .contact-list .visitBtn a:hover {
          background-color: #0766b3;
          border-color: #0766b3;
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.11); }
          .address-contact .wrapper .info-container .contact-list .visitBtn a:hover img {
            filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(6731%) hue-rotate(194deg) brightness(86%) contrast(94%); }
          .address-contact .wrapper .info-container .contact-list .visitBtn a:hover::after {
            filter: none;
            background-color: #fff; }
        .address-contact .wrapper .info-container .contact-list .visitBtn a span {
          padding-inline-end: 30px; }
        .address-contact .wrapper .info-container .contact-list .visitBtn a::after {
          inset-inline-end: 24px; }
        .address-contact .wrapper .info-container .contact-list .visitBtn a img {
          margin-inline-end: 4px; }

.alMunajemFoods-msg {
  width: 100%;
  background-color: #fff;
  align-items: center;
  overflow: hidden;
  min-height: fit-content; }
  .alMunajemFoods-msg .bg-shape {
    position: absolute;
    background: linear-gradient(0deg, rgba(9, 94, 149, 0.5) -21.37%, rgba(9, 94, 149, 0.4) -20.39%, rgba(9, 94, 149, 0.4) 23.65%, rgba(9, 94, 149, 0.3) 49.1%, rgba(35, 31, 32, 0.05) 76.5%);
    background-blend-mode: darken;
    width: 700px;
    height: calc(100% - 30px);
    inset-inline-start: 0;
    z-index: 2;
    background-repeat: no-repeat;
    clip-path: polygon(80.015% 0%, 80.015% 0%, 81.863% 1.632%, 83.635% 3.354%, 85.33% 5.161%, 86.945% 7.051%, 88.477% 9.021%, 89.925% 11.066%, 91.286% 13.185%, 92.556% 15.373%, 93.735% 17.627%, 94.819% 19.944%, 94.819% 19.944%, 95.803% 22.315%, 96.684% 24.728%, 97.461% 27.18%, 98.132% 29.666%, 98.698% 32.182%, 99.156% 34.725%, 99.507% 37.289%, 99.749% 39.872%, 99.882% 42.468%, 99.905% 45.074%, 99.905% 45.074%, 99.106% 54.075%, 97.025% 62.579%, 93.775% 70.481%, 89.471% 77.675%, 84.226% 84.053%, 78.156% 89.511%, 71.374% 93.94%, 63.994% 97.236%, 56.131% 99.291%, 47.899% 100%, 0% 100%, 0% 96.091%, 13.219% 96.091%, 13.219% 96.091%, 14.451% 96.065%, 15.679% 95.986%, 16.902% 95.854%, 18.119% 95.669%, 19.327% 95.432%, 20.526% 95.143%, 21.715% 94.803%, 22.891% 94.411%, 24.053% 93.969%, 25.201% 93.475%, 25.201% 93.475%, 26.33% 92.932%, 27.437% 92.342%, 28.521% 91.705%, 29.58% 91.022%, 30.614% 90.295%, 31.621% 89.523%, 32.601% 88.708%, 33.551% 87.851%, 34.471% 86.953%, 35.359% 86.013%, 35.359% 86.013%, 36.213% 85.037%, 37.03% 84.025%, 37.809% 82.98%, 38.55% 81.904%, 39.252% 80.796%, 39.914% 79.659%, 40.535% 78.494%, 41.114% 77.302%, 41.651% 76.085%, 42.144% 74.844%, 42.144% 74.844%, 42.593% 73.582%, 42.996% 72.303%, 43.352% 71.01%, 43.661% 69.703%, 43.924% 68.385%, 44.139% 67.056%, 44.307% 65.718%, 44.427% 64.373%, 44.499% 63.023%, 44.523% 61.668%, 44.523% 26.867%, 44.523% 26.867%, 44.493% 25.321%, 44.4% 23.782%, 44.245% 22.252%, 44.028% 20.731%, 43.749% 19.224%, 43.41% 17.732%, 43.009% 16.258%, 42.549% 14.804%, 42.028% 13.371%, 41.449% 11.963%, 41.449% 11.963%, 40.813% 10.585%, 40.122% 9.242%, 39.378% 7.937%, 38.583% 6.671%, 37.737% 5.446%, 36.843% 4.264%, 35.9% 3.126%, 34.912% 2.035%, 33.878% 0.993%, 32.8% 0%, 80.015% 0%); }
  .alMunajemFoods-msg .container {
    background-color: #0766b3;
    border-radius: 0;
    transform: scale(0.7) translateZ(0);
    will-change: transform, border-radius; }
  .alMunajemFoods-msg .wrapper {
    z-index: 3;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 140px;
    padding-bottom: 130px; }
    .alMunajemFoods-msg .wrapper .title {
      align-items: flex-start;
      flex: 0 0 42%;
      max-width: 45%; }
      .alMunajemFoods-msg .wrapper .title h2 {
        color: #fff; }
    .alMunajemFoods-msg .wrapper .content {
      flex: 0 0 45%;
      max-width: 600px;
      display: flex;
      flex-direction: column;
      gap: 25px; }
      .alMunajemFoods-msg .wrapper .content h3 {
        color: #fff;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        margin-bottom: 0;
        font-weight: 700; }
        .alMunajemFoods-msg .wrapper .content h3 {
          font-size: 20px; }
          @media screen and (min-width: 400px) {
            .alMunajemFoods-msg .wrapper .content h3 {
              font-size: calc(20px + 5 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .alMunajemFoods-msg .wrapper .content h3 {
              font-size: 25px; } }
        .alMunajemFoods-msg .wrapper .content h3 {
          line-height: 30px; }
          @media screen and (min-width: 400px) {
            .alMunajemFoods-msg .wrapper .content h3 {
              line-height: calc(30px + 7 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .alMunajemFoods-msg .wrapper .content h3 {
              line-height: 37px; } }
      .alMunajemFoods-msg .wrapper .content .content-summary {
        color: #fff;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        margin-bottom: 0;
        font-weight: 400; }
        .alMunajemFoods-msg .wrapper .content .content-summary {
          font-size: 18px; }
          @media screen and (min-width: 400px) {
            .alMunajemFoods-msg .wrapper .content .content-summary {
              font-size: calc(18px + 2 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .alMunajemFoods-msg .wrapper .content .content-summary {
              font-size: 20px; } }
        .alMunajemFoods-msg .wrapper .content .content-summary {
          line-height: 27px; }
          @media screen and (min-width: 400px) {
            .alMunajemFoods-msg .wrapper .content .content-summary {
              line-height: calc(27px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .alMunajemFoods-msg .wrapper .content .content-summary {
              line-height: 28px; } }

.services-listing {
  width: 100%;
  background-color: #f7f7fa;
  padding-top: 145px;
  padding-bottom: 15px;
  position: relative;
  z-index: 1; }
  .services-listing .swiper {
    overflow: visible;
    padding-bottom: 80px; }
  .services-listing .blockHead {
    display: flex;
    text-align: start;
    align-items: flex-start; }
    .services-listing .blockHead .maintitle {
      margin-bottom: 50px;
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
      color: #003273; }
      .services-listing .blockHead .maintitle {
        font-size: 28px; }
        @media screen and (min-width: 400px) {
          .services-listing .blockHead .maintitle {
            font-size: calc(28px + 22 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .services-listing .blockHead .maintitle {
            font-size: 50px; } }
      .services-listing .blockHead .maintitle {
        line-height: 42px; }
        @media screen and (min-width: 400px) {
          .services-listing .blockHead .maintitle {
            line-height: calc(42px + 30 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .services-listing .blockHead .maintitle {
            line-height: 72px; } }
      .services-listing .blockHead .maintitle span {
        background: -webkit-linear-gradient(200deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: gradientAnimation 3.5s linear infinite;
        animation-direction: alternate;
        background-size: 300% 100%;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        color: #003273;
        opacity: 1;
        padding-inline-start: 0; }
        .services-listing .blockHead .maintitle span {
          font-size: 28px; }
          @media screen and (min-width: 400px) {
            .services-listing .blockHead .maintitle span {
              font-size: calc(28px + 22 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .services-listing .blockHead .maintitle span {
              font-size: 50px; } }
        .services-listing .blockHead .maintitle span {
          line-height: 42px; }
          @media screen and (min-width: 400px) {
            .services-listing .blockHead .maintitle span {
              line-height: calc(42px + 30 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .services-listing .blockHead .maintitle span {
              line-height: 72px; } }
  .services-listing .blockBody .swiper-wrapper .listingItem {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 45px;
    padding-bottom: 30px;
    border-radius: 20px;
    background: #fff;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); }
    .services-listing .blockBody .swiper-wrapper .listingItem .listingImage {
      --bs-aspect-ratio: 65%;
      display: flex;
      align-items: flex-start; }
      .services-listing .blockBody .swiper-wrapper .listingItem .listingImage .img-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: visible;
        width: 110px;
        height: 110px;
        border-radius: 103px;
        background: #fff;
        box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05); }
        .services-listing .blockBody .swiper-wrapper .listingItem .listingImage .img-wrapper img {
          width: 74px;
          height: 74px;
          object-fit: contain;
          object-position: center;
          transform-style: preserve-3d;
          transition: all 0.3s ease-in-out; }
    .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo {
      display: flex;
      flex-direction: column; }
      .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingTitle {
        margin-bottom: 25px;
        display: flex;
        align-items: flex-end; }
        .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingTitle h4 {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          color: #003273;
          margin-bottom: 0;
          font-weight: 700; }
          .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingTitle h4 {
            font-size: 24px; }
            @media screen and (min-width: 400px) {
              .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingTitle h4 {
                font-size: calc(24px + 8 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingTitle h4 {
                font-size: 32px; } }
          .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingTitle h4 {
            line-height: 34px; }
            @media screen and (min-width: 400px) {
              .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingTitle h4 {
                line-height: calc(34px + 12 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingTitle h4 {
                line-height: 46px; } }
      .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingDescription {
        display: flex;
        align-items: flex-start;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #555964;
        margin-bottom: 0;
        font-weight: 400; }
        .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingDescription {
          font-size: 16px; }
          @media screen and (min-width: 400px) {
            .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingDescription {
              font-size: calc(16px + 2 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingDescription {
              font-size: 18px; } }
        .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingDescription {
          line-height: 24px; }
          @media screen and (min-width: 400px) {
            .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingDescription {
              line-height: calc(24px + 2 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingDescription {
              line-height: 26px; } }
        .services-listing .blockBody .swiper-wrapper .listingItem .listingInfo .listingDescription p {
          margin-bottom: 0; }
    @media (min-width: 993px) {
      .services-listing .blockBody .swiper-wrapper .listingItem:hover {
        border-color: #f7f7fa;
        transform: scale(1.03);
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.08); }
        .services-listing .blockBody .swiper-wrapper .listingItem:hover .listingImage img {
          transform: translateY(-5px) scale(1.1);
          filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.5)); } }
  .services-listing .blockBody .swiper-scrollbar {
    background: #d2d2d2;
    cursor: pointer; }
    .services-listing .blockBody .swiper-scrollbar.swiper-scrollbar-horizontal {
      height: var(--swiper-scrollbar-size, 2.2px); }
    .services-listing .blockBody .swiper-scrollbar .swiper-scrollbar-drag {
      background: #003273; }

.success-story {
  width: 100%;
  min-height: fit-content;
  padding-top: 80px;
  padding-bottom: 125px;
  background-color: #fff;
  overflow: hidden; }
  .success-story .bg-shape {
    position: absolute;
    background: linear-gradient(24deg, rgba(9, 94, 149, 0.1) 5.99%, rgba(9, 94, 149, 0.1) 6.69%, rgba(9, 94, 149, 0.1) 38.25%, rgba(9, 94, 149, 0.1) 56.49%, rgba(35, 31, 32, 0) 76.13%);
    background-blend-mode: darken;
    bottom: -40px;
    width: 700px;
    height: 750px;
    inset-inline-end: -150px;
    z-index: 1;
    background-repeat: no-repeat;
    clip-path: polygon(80.015% 0%, 80.015% 0%, 81.863% 1.632%, 83.635% 3.354%, 85.33% 5.161%, 86.945% 7.051%, 88.477% 9.021%, 89.925% 11.066%, 91.286% 13.185%, 92.556% 15.373%, 93.735% 17.627%, 94.819% 19.944%, 94.819% 19.944%, 95.803% 22.315%, 96.684% 24.728%, 97.461% 27.18%, 98.132% 29.666%, 98.698% 32.182%, 99.156% 34.725%, 99.507% 37.289%, 99.749% 39.872%, 99.882% 42.468%, 99.905% 45.074%, 99.905% 45.074%, 99.106% 54.075%, 97.025% 62.579%, 93.775% 70.481%, 89.471% 77.675%, 84.226% 84.053%, 78.156% 89.511%, 71.374% 93.94%, 63.994% 97.236%, 56.131% 99.291%, 47.899% 100%, 0% 100%, 0% 96.091%, 13.219% 96.091%, 13.219% 96.091%, 14.451% 96.065%, 15.679% 95.986%, 16.902% 95.854%, 18.119% 95.669%, 19.327% 95.432%, 20.526% 95.143%, 21.715% 94.803%, 22.891% 94.411%, 24.053% 93.969%, 25.201% 93.475%, 25.201% 93.475%, 26.33% 92.932%, 27.437% 92.342%, 28.521% 91.705%, 29.58% 91.022%, 30.614% 90.295%, 31.621% 89.523%, 32.601% 88.708%, 33.551% 87.851%, 34.471% 86.953%, 35.359% 86.013%, 35.359% 86.013%, 36.213% 85.037%, 37.03% 84.025%, 37.809% 82.98%, 38.55% 81.904%, 39.252% 80.796%, 39.914% 79.659%, 40.535% 78.494%, 41.114% 77.302%, 41.651% 76.085%, 42.144% 74.844%, 42.144% 74.844%, 42.593% 73.582%, 42.996% 72.303%, 43.352% 71.01%, 43.661% 69.703%, 43.924% 68.385%, 44.139% 67.056%, 44.307% 65.718%, 44.427% 64.373%, 44.499% 63.023%, 44.523% 61.668%, 44.523% 26.867%, 44.523% 26.867%, 44.493% 25.321%, 44.4% 23.782%, 44.245% 22.252%, 44.028% 20.731%, 43.749% 19.224%, 43.41% 17.732%, 43.009% 16.258%, 42.549% 14.804%, 42.028% 13.371%, 41.449% 11.963%, 41.449% 11.963%, 40.813% 10.585%, 40.122% 9.242%, 39.378% 7.937%, 38.583% 6.671%, 37.737% 5.446%, 36.843% 4.264%, 35.9% 3.126%, 34.912% 2.035%, 33.878% 0.993%, 32.8% 0%, 80.015% 0%);
    transform: scaleX(-1) rotate(-5deg); }
  .success-story .wrapper {
    z-index: 3;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .success-story .wrapper .rightContainer {
      flex: 0 0 35%;
      max-width: 35%; }
      .success-story .wrapper .rightContainer .title {
        margin-bottom: 60px; }
      .success-story .wrapper .rightContainer .imgContainer {
        width: fit-content;
        overflow: hidden;
        height: fit-content;
        border-radius: 50%; }
        .success-story .wrapper .rightContainer .imgContainer img {
          object-fit: contain; }
    .success-story .wrapper .leftContainer {
      flex: 0 0 62%;
      max-width: 65%;
      padding-top: 15px; }
      .success-story .wrapper .leftContainer .summary {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #003273;
        font-weight: 700;
        margin-bottom: 41px; }
        .success-story .wrapper .leftContainer .summary {
          font-size: 18px; }
          @media screen and (min-width: 400px) {
            .success-story .wrapper .leftContainer .summary {
              font-size: calc(18px + 10 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .success-story .wrapper .leftContainer .summary {
              font-size: 28px; } }
        .success-story .wrapper .leftContainer .summary {
          line-height: 27px; }
          @media screen and (min-width: 400px) {
            .success-story .wrapper .leftContainer .summary {
              line-height: calc(27px + 17 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .success-story .wrapper .leftContainer .summary {
              line-height: 44px; } }
      .success-story .wrapper .leftContainer .description {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #555964;
        font-weight: 400;
        margin-bottom: 50px;
        position: relative;
        transition: all 1s cubic-bezier(0.4, 0, 0.2, 1); }
        .success-story .wrapper .leftContainer .description {
          font-size: 18px; }
          @media screen and (min-width: 400px) {
            .success-story .wrapper .leftContainer .description {
              font-size: calc(18px + 2 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .success-story .wrapper .leftContainer .description {
              font-size: 20px; } }
        .success-story .wrapper .leftContainer .description {
          line-height: 27px; }
          @media screen and (min-width: 400px) {
            .success-story .wrapper .leftContainer .description {
              line-height: calc(27px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .success-story .wrapper .leftContainer .description {
              line-height: 28px; } }
        .success-story .wrapper .leftContainer .description:not(.expanded) {
          display: -webkit-box;
          -webkit-line-clamp: 7;
          -webkit-box-orient: vertical;
          overflow: hidden;
          transition: all 1s cubic-bezier(0.4, 0, 0.2, 1); }
        .success-story .wrapper .leftContainer .description:not(.expanded)::after {
          content: "";
          position: absolute;
          bottom: -20px;
          inset-inline-start: 0;
          width: 100%;
          height: 70px;
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); }
      .success-story .wrapper .leftContainer .readmore {
        position: relative;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #003273;
        font-weight: 700;
        letter-spacing: 0.1px;
        cursor: pointer;
        width: max-content;
        padding-inline-end: 40px;
        transition: color 0.3s ease-in-out; }
        .success-story .wrapper .leftContainer .readmore {
          font-size: 14px; }
          @media screen and (min-width: 400px) {
            .success-story .wrapper .leftContainer .readmore {
              font-size: calc(14px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .success-story .wrapper .leftContainer .readmore {
              font-size: 15px; } }
        .success-story .wrapper .leftContainer .readmore {
          line-height: 20px; }
          @media screen and (min-width: 400px) {
            .success-story .wrapper .leftContainer .readmore {
              line-height: calc(20px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .success-story .wrapper .leftContainer .readmore {
              line-height: 21px; } }
        .success-story .wrapper .leftContainer .readmore:hover {
          color: #0766b3; }
        .success-story .wrapper .leftContainer .readmore::after {
          content: "";
          position: absolute;
          width: 28px;
          height: 28px;
          border: 1px solid #003273;
          border-radius: 50%;
          background-image: url(/assets/icons/next-arrow.svg);
          background-position: center;
          background-repeat: no-repeat;
          background-size: 12px 12px;
          transform: translateY(-50%) rotate(90deg);
          top: 50%;
          inset-inline-end: -10px;
          transition: all 0.8s ease; }
        .success-story .wrapper .leftContainer .readmore.open::after {
          transform: translateY(-50%) rotate(-90deg); }

.our-present {
  background-color: #f7f7fa;
  padding-top: 120px;
  padding-bottom: 100px;
  width: 100%;
  min-height: fit-content; }
  .our-present .blockHead {
    margin-bottom: 40px; }
    .our-present .blockHead h2 span {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
      color: #003273;
      opacity: 1;
      padding-inline-start: 0; }
      .our-present .blockHead h2 span {
        font-size: 28px; }
        @media screen and (min-width: 400px) {
          .our-present .blockHead h2 span {
            font-size: calc(28px + 22 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .our-present .blockHead h2 span {
            font-size: 50px; } }
      .our-present .blockHead h2 span {
        line-height: 42px; }
        @media screen and (min-width: 400px) {
          .our-present .blockHead h2 span {
            line-height: calc(42px + 30 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .our-present .blockHead h2 span {
            line-height: 72px; } }
  .our-present .blockBody .listingHolder {
    margin: 0; }
    .our-present .blockBody .listingHolder .listingItemDIV {
      margin-bottom: 100px; }
      .our-present .blockBody .listingHolder .listingItemDIV .listingItem {
        width: 100%;
        align-items: center;
        justify-content: space-between; }
        .our-present .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingImage img {
          transform: scale(1); }
        .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
          position: relative;
          border-radius: 0;
          padding: 0 40px;
          flex: 0 0 55%;
          max-width: 55%; }
          .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingImage .ratio {
            overflow: hidden;
            border-radius: 15px;
            display: block;
            --bs-aspect-ratio: 65%; }
            .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingImage .ratio img {
              object-fit: cover;
              width: 100%;
              height: 100%; }
        .our-present .blockBody .listingHolder .listingItemDIV .listingItem .maintitle {
          margin-bottom: 40px; }
        .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
          flex: 0 0 44%;
          max-width: 45%;
          display: flex;
          flex-direction: column;
          padding: 0; }
          .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            color: #555964;
            font-weight: 400; }
            .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
              font-size: 18px; }
              @media screen and (min-width: 400px) {
                .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                  font-size: calc(18px + 2 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                  font-size: 20px; } }
            .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
              line-height: 27px; }
              @media screen and (min-width: 400px) {
                .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                  line-height: calc(27px + 1 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                  line-height: 28px; } }
      .our-present .blockBody .listingHolder .listingItemDIV:nth-child(even) .listingItem .listingImage {
        padding-inline-end: 0;
        clip-path: inset(0 0 0 100%);
        transition: 1.5s cubic-bezier(0, 0, 0.58, 1); }
        .our-present .blockBody .listingHolder .listingItemDIV:nth-child(even) .listingItem .listingImage.img-animated {
          clip-path: inset(0 0 0 0); }
      .our-present .blockBody .listingHolder .listingItemDIV:nth-child(odd) .listingItem .listingImage {
        padding-inline-start: 0;
        clip-path: inset(0 100% 0 0);
        transition: 1.5s cubic-bezier(0, 0, 0.58, 1); }
        .our-present .blockBody .listingHolder .listingItemDIV:nth-child(odd) .listingItem .listingImage.img-animated {
          clip-path: inset(0 0 0 0); }

.awards {
  width: 100%;
  background-color: #fff;
  padding: 115px 0; }
  .awards .wrapper {
    display: flex;
    flex-direction: column; }
    .awards .wrapper .title {
      display: flex;
      flex-direction: column;
      gap: 40px;
      margin-bottom: 100px; }
      .awards .wrapper .title p {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #555964;
        font-weight: 400;
        max-width: 50%; }
        .awards .wrapper .title p {
          font-size: 18px; }
          @media screen and (min-width: 400px) {
            .awards .wrapper .title p {
              font-size: calc(18px + 2 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .awards .wrapper .title p {
              font-size: 20px; } }
        .awards .wrapper .title p {
          line-height: 27px; }
          @media screen and (min-width: 400px) {
            .awards .wrapper .title p {
              line-height: calc(27px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .awards .wrapper .title p {
              line-height: 28px; } }
    .awards .wrapper .awards-list {
      flex-wrap: wrap;
      row-gap: 24px; }
      .awards .wrapper .awards-list .item .item-wrapper {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 20px;
        border: 1px solid #ddd;
        height: 100%;
        width: 100%; }
        .awards .wrapper .awards-list .item .item-wrapper .award-img {
          margin-bottom: 25px;
          max-width: 100%; }
        .awards .wrapper .awards-list .item .item-wrapper .award-caption {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          width: 100%; }
          .awards .wrapper .awards-list .item .item-wrapper .award-caption p {
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            color: #555964;
            font-weight: 400;
            margin-bottom: 0; }
            .awards .wrapper .awards-list .item .item-wrapper .award-caption p {
              font-size: 16px; }
              @media screen and (min-width: 400px) {
                .awards .wrapper .awards-list .item .item-wrapper .award-caption p {
                  font-size: calc(16px + 2 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .awards .wrapper .awards-list .item .item-wrapper .award-caption p {
                  font-size: 18px; } }
            .awards .wrapper .awards-list .item .item-wrapper .award-caption p {
              line-height: 24px; }
              @media screen and (min-width: 400px) {
                .awards .wrapper .awards-list .item .item-wrapper .award-caption p {
                  line-height: calc(24px + 1 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .awards .wrapper .awards-list .item .item-wrapper .award-caption p {
                  line-height: 25px; } }

.timeline-container {
  width: 100%;
  margin-top: 100px;
  margin-bottom: 150px; }
  .timeline-container .wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    .timeline-container .wrapper .title p {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      color: #555964;
      font-weight: 400;
      max-width: 800px; }
      .timeline-container .wrapper .title p {
        font-size: 18px; }
        @media screen and (min-width: 400px) {
          .timeline-container .wrapper .title p {
            font-size: calc(18px + 2 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .timeline-container .wrapper .title p {
            font-size: 20px; } }
      .timeline-container .wrapper .title p {
        line-height: 27px; }
        @media screen and (min-width: 400px) {
          .timeline-container .wrapper .title p {
            line-height: calc(27px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .timeline-container .wrapper .title p {
            line-height: 28px; } }
  .timeline-container .timeline {
    display: flex;
    min-height: fit-content;
    padding-block: 80px;
    margin-top: 70px;
    align-items: center;
    justify-content: center;
    width: calc(100% - 30px);
    margin-inline: 30px;
    flex: 1; }
    .timeline-container .timeline .timeline-segment {
      min-height: fit-content;
      padding-block: 40px;
      align-items: center;
      justify-content: center;
      position: relative;
      width: 100%; }
      .timeline-container .timeline .timeline-segment .year-box {
        height: 110px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-inline-start: -30px;
        border-radius: 60px; }
        .timeline-container .timeline .timeline-segment .year-box .year {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          font-style: normal;
          font-weight: 800;
          line-height: 100%;
          /* 41.657px */
          letter-spacing: 5.832px;
          text-transform: uppercase;
          color: #eaedf4; }
          .timeline-container .timeline .timeline-segment .year-box .year {
            font-size: 30px; }
            @media screen and (min-width: 400px) {
              .timeline-container .timeline .timeline-segment .year-box .year {
                font-size: calc(30px + 12 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .timeline-container .timeline .timeline-segment .year-box .year {
                font-size: 42px; } }
        .timeline-container .timeline .timeline-segment .year-box::before {
          content: "";
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent; }
      .timeline-container .timeline .timeline-segment .award {
        position: absolute;
        text-align: center;
        margin-inline-start: -30px;
        display: flex;
        flex-direction: column;
        gap: 18px; }
        .timeline-container .timeline .timeline-segment .award .award-icon {
          display: flex;
          align-items: center;
          justify-content: center; }
          .timeline-container .timeline .timeline-segment .award .award-icon .icon {
            max-width: 35px;
            height: 45px; }
        .timeline-container .timeline .timeline-segment .award .award-text {
          font-size: 18px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          color: #555964;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden; }
      .timeline-container .timeline .timeline-segment:first-child {
        margin-inline-start: 0; }
      .timeline-container .timeline .timeline-segment:nth-child(even) .year-box {
        z-index: 5;
        background: linear-gradient(0deg, #0766b3 0%, #0766b3 100%); }
        .timeline-container .timeline .timeline-segment:nth-child(even) .year-box::before {
          bottom: -13px;
          border-top: 15px solid #0766b3; }
      .timeline-container .timeline .timeline-segment:nth-child(even) .award {
        bottom: -120px; }
      .timeline-container .timeline .timeline-segment:nth-child(odd) .year-box {
        background: linear-gradient(0deg, #422b7f 0%, #422b7f 100%);
        z-index: 6; }
        .timeline-container .timeline .timeline-segment:nth-child(odd) .year-box::before {
          top: -13px;
          border-bottom: 15px solid #422b7f; }
      .timeline-container .timeline .timeline-segment:nth-child(odd) .award {
        top: -120px; }
      .timeline-container .timeline .timeline-segment:nth-child(3) .year-box {
        z-index: 4; }
      .timeline-container .timeline .timeline-segment:nth-child(4) .year-box {
        z-index: 3; }
      .timeline-container .timeline .timeline-segment:nth-child(5) .year-box {
        z-index: 2; }
      .timeline-container .timeline .timeline-segment:nth-child(6) .year-box {
        z-index: 1; }

.fancybox__backdrop {
  background: #f3f3f3; }

.fancybox__toolbar__column.is-right .f-button {
  background: transparent;
  border: none;
  cursor: pointer; }
  .fancybox__toolbar__column.is-right .f-button svg {
    stroke: #5f6368;
    transition: stroke 0.3s; }
  .fancybox__toolbar__column.is-right .f-button:hover svg {
    stroke: #3334369d; }

.fancybox__nav {
  --f-button-hover-bg: #005cb9;
  --f-button-active-bg: #005cb9; }
  .fancybox__nav .f-button {
    border: 1px solid #003273;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .fancybox__nav .f-button::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: url("/assets/icons/shevron-arrow.svg") no-repeat center;
      background-size: 22px 22px;
      width: 22px;
      height: 22px; }
    .fancybox__nav .f-button svg {
      display: none; }
    .fancybox__nav .f-button:hover::after {
      filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(5%) hue-rotate(329deg) brightness(106%) contrast(100%); }

.is-horizontal .fancybox__nav .f-button.is-next {
  top: auto;
  bottom: -80px;
  transform: none; }
  .is-horizontal .fancybox__nav .f-button.is-next::after {
    transform: translate(-50%, -50%) rotate(-180deg); }
.is-horizontal .fancybox__nav .f-button.is-prev {
  top: auto;
  bottom: -80px;
  transform: none; }

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 12px;
  --f-thumb-opacity: 0.2;
  --f-thumb-width: 146px;
  --f-thumb-height: 120px; }

.f-thumbs__slide__img {
  object-fit: contain; }

.pillars-of-success {
  width: 100%;
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 100px; }
  .pillars-of-success .wrapper {
    width: 100%;
    display: flex;
    min-height: 510px; }
    .pillars-of-success .wrapper .outer-circle {
      flex: 0 0 100%;
      max-width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .pillars-of-success .wrapper .outer-circle .circle-svg {
        display: grid;
        grid-template-areas: "layer";
        place-items: center;
        background: transparent;
        border: 1px dashed #b2b2b2;
        border-radius: 50%;
        margin-bottom: 0;
        padding-inline-start: 0;
        --radius: 25vmin;
        width: calc(2 * var(--radius));
        height: calc(2 * var(--radius));
        clip-path: circle(57% at 75% 50%);
        z-index: 2; }
        .pillars-of-success .wrapper .outer-circle .circle-svg .item {
          grid-area: layer;
          width: 4vmin;
          height: 5vmin;
          border-radius: 50%;
          display: grid;
          column-gap: 15px;
          place-items: center start;
          --d: calc(var(--i) / var(--total));
          --r-offset: -0.25turn;
          --r-amount: 1turn;
          --r: calc((var(--r-amount) * var(--d)) + var(--r-offset));
          --transform: rotate(var(--r)) translate(var(--radius)) rotate(calc(-1 * var(--r))); }
          .pillars-of-success .wrapper .outer-circle .circle-svg .item.animating-svg {
            transform: var(--transform);
            transition: transform 1.5s ease-in-out; }
          .pillars-of-success .wrapper .outer-circle .circle-svg .item img {
            width: 35px;
            height: 35px;
            pointer-events: all;
            transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
          .pillars-of-success .wrapper .outer-circle .circle-svg .item .animatedSVG {
            position: absolute;
            opacity: 0;
            visibility: hidden;
            display: flex;
            border-radius: 50%;
            width: 65px;
            height: 65px;
            align-items: center;
            justify-content: center;
            inset-inline-start: 50%;
            transform: translateX(-50%);
            transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
            .pillars-of-success .wrapper .outer-circle .circle-svg .item .animatedSVG img {
              width: 35px;
              height: 35px; }
          .pillars-of-success .wrapper .outer-circle .circle-svg .item .normalSVG {
            opacity: 1;
            visibility: visible; }
          .pillars-of-success .wrapper .outer-circle .circle-svg .item #dark-blue {
            background-color: #422b7f; }
          .pillars-of-success .wrapper .outer-circle .circle-svg .item #purple {
            background-color: #733cb9; }
          .pillars-of-success .wrapper .outer-circle .circle-svg .item #blue {
            background-color: #0766b3; }
          .pillars-of-success .wrapper .outer-circle .circle-svg .item #green {
            background-color: #00a681; }
          .pillars-of-success .wrapper .outer-circle .circle-svg .item #yellow {
            background-color: #ffcd5f; }
          .pillars-of-success .wrapper .outer-circle .circle-svg .item.activeSVG .animatedSVG {
            opacity: 1;
            visibility: visible; }
          .pillars-of-success .wrapper .outer-circle .circle-svg .item.activeSVG .normalSVG {
            opacity: 0;
            visibility: hidden; }
      .pillars-of-success .wrapper .outer-circle .inner-circle {
        position: absolute;
        top: 50%;
        inset-inline-start: 5%;
        transform: translateY(-50%);
        border: 1px solid #b2b2b2;
        border-radius: 50%;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        --radius2: 14.5vmin;
        width: calc(2 * var(--radius2));
        height: calc(2 * var(--radius2)); }
        .pillars-of-success .wrapper .outer-circle .inner-circle .title {
          display: flex;
          justify-content: center;
          width: 80%; }
          .pillars-of-success .wrapper .outer-circle .inner-circle .title .maintitle {
            font-size: 4vmin;
            opacity: 0;
            animation: showText1 0.5s ease-in-out 1.75s forwards; }
            .pillars-of-success .wrapper .outer-circle .inner-circle .title .maintitle {
              line-height: 42px; }
              @media screen and (min-width: 400px) {
                .pillars-of-success .wrapper .outer-circle .inner-circle .title .maintitle {
                  line-height: calc(42px + 13 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .pillars-of-success .wrapper .outer-circle .inner-circle .title .maintitle {
                  line-height: 55px; } }
      .pillars-of-success .wrapper .outer-circle .larger-circle {
        position: absolute;
        top: 50%;
        inset-inline-start: 0;
        transform: translateY(-50%);
        border-radius: 50%;
        border: 1px solid transparent;
        display: grid;
        grid-template-areas: "layer";
        place-items: center end;
        --radius3: 25.5vmin;
        width: calc(2 * var(--radius3));
        height: calc(2 * var(--radius3));
        margin-bottom: 0;
        padding-inline-start: 0;
        z-index: 1; }
        .pillars-of-success .wrapper .outer-circle .larger-circle .item-box {
          grid-area: layer;
          width: fit-content;
          height: 3vmin;
          border-radius: 50%;
          display: grid;
          align-items: flex-start;
          width: 20vmin;
          align-items: flex-start;
          --d: calc(var(--j) / var(--total2));
          --r-offset: -0.25turn;
          --r-amount: 1turn;
          --r: calc((var(--r-amount) * var(--d)) + var(--r-offset));
          --transform2: rotate(var(--r)) translate(var(--radius3)) rotate(calc(-1 * var(--r))); }
          .pillars-of-success .wrapper .outer-circle .larger-circle .item-box.animating-svg {
            transform: var(--transform2);
            transition: transform 1.5s ease-in-out; }
          .pillars-of-success .wrapper .outer-circle .larger-circle .item-box.active .title p {
            opacity: 1 !important; }
          .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .title {
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            color: #003273;
            font-size: 13px;
            font-weight: 800;
            line-height: 13px;
            letter-spacing: 1.82px;
            text-transform: uppercase;
            white-space: nowrap;
            cursor: pointer;
            transition: opacity 0.4s ease-in-out; }
            .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .title p {
              margin-bottom: 0;
              opacity: 0;
              animation: showText2 0.5s ease-in-out 1.75s forwards; }
            .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .title:hover p {
              opacity: 1; }
          .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary {
            display: flex;
            opacity: 0;
            visibility: hidden;
            flex-direction: column;
            position: absolute;
            inset-inline-start: 200%;
            width: max-content;
            max-width: 33vw;
            transition: all 0.5s ease-in-out; }
            .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary.show {
              opacity: 1;
              visibility: visible; }
            .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary .subtitle {
              color: #003273; }
              .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary .subtitle::before {
                background-color: #003273; }
            .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary .summary {
              max-width: 600px;
              margin-top: 40px; }
              .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary .summary p {
                font-family: "Almarai", sans-serif !important;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                color: #555964;
                margin-bottom: 0; }
                .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary .summary p {
                  font-size: 18px; }
                  @media screen and (min-width: 400px) {
                    .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary .summary p {
                      font-size: calc(18px + 1 * ((100vw - 400px) / 1600)); } }
                  @media screen and (min-width: 2000px) {
                    .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary .summary p {
                      font-size: 19px; } }
                .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary .summary p {
                  line-height: 27px; }
                  @media screen and (min-width: 400px) {
                    .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary .summary p {
                      line-height: calc(27px + 1 * ((100vw - 400px) / 1600)); } }
                  @media screen and (min-width: 2000px) {
                    .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary .summary p {
                      line-height: 28px; } }
          .pillars-of-success .wrapper .outer-circle .larger-circle .item-box:nth-child(1) .item-summary {
            bottom: 50%;
            top: -88px;
            inset-inline-start: 160%; }
          .pillars-of-success .wrapper .outer-circle .larger-circle .item-box:nth-child(2) .item-summary {
            bottom: 50%;
            top: -230px;
            inset-inline-start: 140%; }
          .pillars-of-success .wrapper .outer-circle .larger-circle .item-box:nth-child(3) .item-summary {
            bottom: 50%;
            top: -360px;
            inset-inline-start: 170%; }
          .pillars-of-success .wrapper .outer-circle .larger-circle .item-box:nth-child(4) .item-summary {
            bottom: 50%;
            top: -430px;
            inset-inline-start: 220%; }
          .pillars-of-success .wrapper .outer-circle .larger-circle .item-box:nth-child(5) .item-summary {
            inset-inline-start: 200%;
            top: 0; }

.pillars-of-success-mobile {
  display: none; }

.highlightedMedia {
  width: 100%;
  background-color: #fff;
  padding: 120px 0; }
  .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingImage a img {
    transform: scale(1.1); }
  .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingInfo .listingTitle a {
    color: #0766b3; }
  .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingInfo .listingLink a::after {
    transform: translate(5px, -50%); }
  .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
    width: 100%; }
    .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a {
      display: block;
      border-radius: 15px;
      --bs-aspect-ratio: 70%; }
      .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.4s cubic-bezier(0.47, 0, 0.745, 0.715); }
  .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
    max-width: 42%;
    padding: 18px;
    padding-inline-start: 30px;
    justify-content: center; }
    .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate {
      display: inline-flex;
      gap: 15px;
      margin-bottom: 25px; }
      .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate p {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #003273;
        font-weight: 400;
        margin-bottom: 0; }
        .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate p {
          font-size: 15px; }
          @media screen and (min-width: 400px) {
            .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate p {
              font-size: calc(15px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate p {
              font-size: 16px; } }
        .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate p {
          line-height: 22px; }
          @media screen and (min-width: 400px) {
            .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate p {
              line-height: calc(22px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate p {
              line-height: 23px; } }
      .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate .type {
        font-weight: 700;
        position: relative;
        padding-inline-start: 10px; }
        .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate .type::before {
          content: "";
          position: absolute;
          width: 1px;
          height: calc(100% - 10px);
          background-color: #d7d7d7;
          inset-inline-start: 0;
          top: 50%;
          transform: translateY(-50%); }
    .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
      margin-bottom: 30px; }
      .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #003273;
        font-weight: 700;
        text-transform: capitalize; }
        .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
          font-size: 28px; }
          @media screen and (min-width: 400px) {
            .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
              font-size: calc(28px + 8 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
              font-size: 36px; } }
        .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
          line-height: 40px; }
          @media screen and (min-width: 400px) {
            .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
              line-height: calc(40px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
              line-height: 41px; } }
    .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      color: #003273;
      font-weight: 400;
      margin-bottom: 15px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
      .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
        font-size: 20px; }
        @media screen and (min-width: 400px) {
          .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
            font-size: calc(20px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
            font-size: 21px; } }
      .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
        line-height: 32px; }
        @media screen and (min-width: 400px) {
          .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
            line-height: calc(32px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
            line-height: 33px; } }
    .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink {
      margin-top: 25px; }
      .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
        position: relative;
        max-width: fit-content;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #00a681;
        font-weight: 700;
        transition: all 0.3s ease-in-out;
        display: flex;
        padding-inline-end: 25px; }
        .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
          font-size: 14px; }
          @media screen and (min-width: 400px) {
            .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
              font-size: calc(14px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
              font-size: 15px; } }
        .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
          line-height: 22px; }
          @media screen and (min-width: 400px) {
            .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
              line-height: calc(22px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
              line-height: 23px; } }
        .highlightedMedia .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a::after {
          content: "";
          position: absolute;
          width: 22px;
          height: 22px;
          background-image: url(/assets/icons/green-arrow.svg);
          inset-inline-end: 0;
          top: 50%;
          transform: translateY(-50%);
          transition: all 0.3s ease-in-out; }

.events-listing {
  width: 100%;
  padding: 70px 0;
  background-color: #f7f7fa; }
  .events-listing .toolkitListing .blockHead {
    margin-bottom: 45px; }
    .events-listing .toolkitListing .blockHead h2 {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      color: #003273;
      font-weight: 700;
      text-transform: capitalize;
      margin-bottom: 0; }
      .events-listing .toolkitListing .blockHead h2 {
        font-size: 28px; }
        @media screen and (min-width: 400px) {
          .events-listing .toolkitListing .blockHead h2 {
            font-size: calc(28px + 2 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .events-listing .toolkitListing .blockHead h2 {
            font-size: 30px; } }
      .events-listing .toolkitListing .blockHead h2 {
        line-height: 40px; }
        @media screen and (min-width: 400px) {
          .events-listing .toolkitListing .blockHead h2 {
            line-height: calc(40px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .events-listing .toolkitListing .blockHead h2 {
            line-height: 41px; } }
  .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingImage a img {
    transform: scale(1.1); }
  .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingInfo .listingTitle a {
    color: #0766b3; }
  .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
    width: 100%;
    margin-bottom: 15px; }
    .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a {
      display: block;
      border-radius: 15px;
      --bs-aspect-ratio: 70%; }
      .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.4s cubic-bezier(0.47, 0, 0.745, 0.715); }
  .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate {
    max-width: fit-content;
    display: flex;
    margin-bottom: 10px;
    padding: 4.04px 0px;
    justify-content: center;
    align-items: center;
    border-radius: 16.16px;
    border: 1.01px solid #868686; }
    .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate span {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      color: #868686;
      line-height: 18px;
      font-weight: 400;
      padding-inline: 12px; }
      .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate span {
        font-size: 12px; }
        @media screen and (min-width: 400px) {
          .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate span {
            font-size: calc(12px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate span {
            font-size: 13px; } }
  .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
    margin-bottom: 18px; }
    .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      color: #003273;
      font-weight: 700;
      line-height: 20px; }
      .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
        font-size: 16px; }
        @media screen and (min-width: 400px) {
          .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
            font-size: calc(16px + 4 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
            font-size: 20px; } }
  .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
    font-family: "Almarai", sans-serif !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    color: #003273;
    font-weight: 400;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
      font-size: 16px; }
      @media screen and (min-width: 400px) {
        .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
          font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
      @media screen and (min-width: 2000px) {
        .events-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
          font-size: 17px; } }
  .events-listing .toolkitListing .viewAllBottom {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px; }
    .events-listing .toolkitListing .viewAllBottom a {
      display: flex;
      align-items: center;
      gap: 20px;
      border-radius: 70px;
      border: 1px solid #003273;
      position: relative;
      background: transparent;
      transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
      color: #003273;
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      line-height: normal;
      font-weight: 700;
      padding: 15px 20px;
      padding-inline-end: 70px; }
      .events-listing .toolkitListing .viewAllBottom a {
        font-size: 16px; }
        @media screen and (min-width: 400px) {
          .events-listing .toolkitListing .viewAllBottom a {
            font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .events-listing .toolkitListing .viewAllBottom a {
            font-size: 17px; } }
      .events-listing .toolkitListing .viewAllBottom a span {
        padding-inline-end: 68px; }
      .events-listing .toolkitListing .viewAllBottom a::after {
        content: "";
        position: absolute;
        background-image: url(/assets/icons/next-arrow.svg);
        background-repeat: no-repeat;
        background-size: 5px 10px;
        background-position: center;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 50%;
        inset-inline-end: 20px;
        transform: translateY(-50%);
        border: 1px solid #003273;
        border-radius: 50%; }
      .events-listing .toolkitListing .viewAllBottom a:hover {
        color: #fff;
        border-color: transparent;
        background: linear-gradient(270deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-clip: padding-box;
        box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.2); }
        .events-listing .toolkitListing .viewAllBottom a:hover::after {
          border-color: transparent;
          background-color: #fff; }
  .events-listing.ListingPage {
    padding-top: 100px;
    padding-bottom: 50px; }
    .events-listing.ListingPage .blockHead {
      display: none; }
    .events-listing.ListingPage .viewAllBottom {
      display: none; }

.news-listing {
  width: 100%;
  padding-bottom: 60px; }
  .news-listing .toolkitListing .blockHead {
    margin-bottom: 45px; }
    .news-listing .toolkitListing .blockHead h2 {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      color: #003273;
      font-weight: 700;
      text-transform: capitalize;
      margin-bottom: 0; }
      .news-listing .toolkitListing .blockHead h2 {
        font-size: 28px; }
        @media screen and (min-width: 400px) {
          .news-listing .toolkitListing .blockHead h2 {
            font-size: calc(28px + 2 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .news-listing .toolkitListing .blockHead h2 {
            font-size: 30px; } }
      .news-listing .toolkitListing .blockHead h2 {
        line-height: 40px; }
        @media screen and (min-width: 400px) {
          .news-listing .toolkitListing .blockHead h2 {
            line-height: calc(40px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .news-listing .toolkitListing .blockHead h2 {
            line-height: 41px; } }
  .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV {
    flex: 0 0 auto;
    width: 25%; }
    .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingImage a img {
      transform: scale(1.1); }
    .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingInfo .listingTitle a {
      color: #0766b3; }
    .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
      width: 100%;
      margin-bottom: 15px; }
      .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a {
        display: block;
        border-radius: 15px;
        --bs-aspect-ratio: 70%; }
        .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all 0.4s cubic-bezier(0.47, 0, 0.745, 0.715); }
    .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
      display: flex;
      flex-direction: column; }
      .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate {
        max-width: fit-content;
        display: flex;
        margin-bottom: 30px;
        padding: 4.04px 0px;
        justify-content: center;
        align-items: center;
        border-radius: 16.16px;
        border: 1.01px solid #868686; }
        .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate span {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          color: #868686;
          line-height: 18px;
          font-weight: 400;
          padding-inline: 12px; }
          .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate span {
            font-size: 12px; }
            @media screen and (min-width: 400px) {
              .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate span {
                font-size: calc(12px + 1 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDate span {
                font-size: 13px; } }
      .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
        margin-bottom: 18px; }
        .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          color: #003273;
          font-weight: 700;
          line-height: 20px; }
          .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
            font-size: 16px; }
            @media screen and (min-width: 400px) {
              .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
                font-size: calc(16px + 4 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a {
                font-size: 20px; } }
      .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #003273;
        font-weight: 400;
        line-height: 24px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
        .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
          font-size: 16px; }
          @media screen and (min-width: 400px) {
            .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
              font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
              font-size: 17px; } }
    .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV:first-child {
      flex: 0 0 50%;
      max-width: 50%;
      overflow: hidden;
      margin-bottom: 30px; }
      .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV:first-child .listingItem {
        flex-direction: column; }
        .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV:first-child .listingItem .listingImage {
          flex: 0 0 100%;
          max-width: 100%;
          position: relative; }
        .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV:first-child .listingItem .listingInfo {
          padding-inline-start: 0 !important; }
  .news-listing .toolkitListing .viewAllBottom {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px; }
    .news-listing .toolkitListing .viewAllBottom a {
      display: flex;
      align-items: center;
      gap: 20px;
      border-radius: 70px;
      border: 1px solid #003273;
      position: relative;
      background: transparent;
      transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
      color: #003273;
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      line-height: normal;
      font-weight: 700;
      padding: 15px 20px;
      padding-inline-end: 70px; }
      .news-listing .toolkitListing .viewAllBottom a {
        font-size: 16px; }
        @media screen and (min-width: 400px) {
          .news-listing .toolkitListing .viewAllBottom a {
            font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .news-listing .toolkitListing .viewAllBottom a {
            font-size: 17px; } }
      .news-listing .toolkitListing .viewAllBottom a span {
        padding-inline-end: 68px; }
      .news-listing .toolkitListing .viewAllBottom a::after {
        content: "";
        position: absolute;
        background-image: url(/assets/icons/next-arrow.svg);
        background-repeat: no-repeat;
        background-size: 5px 10px;
        background-position: center;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 50%;
        inset-inline-end: 20px;
        transform: translateY(-50%);
        border: 1px solid #003273;
        border-radius: 50%; }
      .news-listing .toolkitListing .viewAllBottom a:hover {
        color: #fff;
        border-color: transparent;
        background: linear-gradient(270deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-clip: padding-box;
        box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.2); }
        .news-listing .toolkitListing .viewAllBottom a:hover::after {
          border-color: transparent;
          background-color: #fff; }
  .news-listing.ListingPage {
    padding-top: 100px;
    padding-bottom: 50px; }
    .news-listing.ListingPage .blockHead {
      display: none; }
    .news-listing.ListingPage .viewAllBottom {
      display: none; }

.loadMoreBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 60px;
  margin: 0;
  background-color: #f7f7fa; }
  .loadMoreBtn a {
    color: #003273 !important;
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 70px;
    border: 1px solid #003273;
    position: relative;
    background: transparent;
    transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    color: #003273;
    font-family: "Almarai", sans-serif !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    line-height: normal;
    font-weight: 700;
    padding: 15px 20px;
    padding-inline-end: 70px;
    max-width: fit-content;
    cursor: pointer; }
    .loadMoreBtn a {
      font-size: 16px; }
      @media screen and (min-width: 400px) {
        .loadMoreBtn a {
          font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
      @media screen and (min-width: 2000px) {
        .loadMoreBtn a {
          font-size: 17px; } }
    .loadMoreBtn a span {
      padding-inline-end: 68px; }
    .loadMoreBtn a::after {
      content: "";
      position: absolute;
      background-image: url(/assets/icons/next-arrow.svg);
      background-repeat: no-repeat;
      background-size: 5px 10px;
      background-position: center;
      width: 28px;
      height: 28px;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 50%;
      inset-inline-end: 20px;
      transform: translateY(-50%);
      border: 1px solid #003273;
      border-radius: 50%; }
    .loadMoreBtn a:hover {
      color: #fff;
      border-color: transparent;
      background: linear-gradient(270deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-clip: padding-box;
      box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.2); }
      .loadMoreBtn a:hover::after {
        border-color: transparent;
        background-color: #fff; }
    .loadMoreBtn a:hover {
      color: #fff !important; }

.ajaxLoader {
  border: 10px solid #f3f3f3;
  border-top: 10px solid #002e6d;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
  display: inline-block;
  text-align: center;
  display: block;
  margin: auto; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.mediaDetails {
  width: 100%;
  background-color: #fff;
  padding-bottom: 120px;
  padding-top: 150px; }
  .mediaDetails .back-container {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px; }
    .mediaDetails .back-container a {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #00a681;
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      line-height: 22px;
      font-weight: 700;
      opacity: 0.6;
      position: relative;
      transition: all 0.4s ease-in-out; }
      .mediaDetails .back-container a {
        font-size: 14px; }
        @media screen and (min-width: 400px) {
          .mediaDetails .back-container a {
            font-size: calc(14px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .mediaDetails .back-container a {
            font-size: 15px; } }
      .mediaDetails .back-container a span {
        padding-inline-start: 22px; }
      .mediaDetails .back-container a::before {
        content: "";
        position: absolute;
        background-image: url(/assets/icons/green-back-arrow.svg);
        background-position: center;
        background-repeat: no-repeat;
        width: 24px;
        height: 22px;
        background-size: 18px 18px;
        inset-inline-start: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.4s ease-in-out; }
      .mediaDetails .back-container a:hover {
        opacity: 1; }
        .mediaDetails .back-container a:hover::before {
          transform: translate(-5px, -50%); }
  .mediaDetails .container {
    max-width: 1400px;
    margin-inline: auto; }
  .mediaDetails .blockHead {
    margin-bottom: 62px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    text-align: center; }
    .mediaDetails .blockHead h2 {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
      color: #010032;
      text-transform: capitalize; }
      .mediaDetails .blockHead h2 {
        font-size: 28px; }
        @media screen and (min-width: 400px) {
          .mediaDetails .blockHead h2 {
            font-size: calc(28px + 8 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .mediaDetails .blockHead h2 {
            font-size: 36px; } }
      .mediaDetails .blockHead h2 {
        line-height: 40px; }
        @media screen and (min-width: 400px) {
          .mediaDetails .blockHead h2 {
            line-height: calc(40px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .mediaDetails .blockHead h2 {
            line-height: 41px; } }
    .mediaDetails .blockHead .listingDate {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      font-weight: 400;
      color: #4b4b4b; }
      .mediaDetails .blockHead .listingDate {
        font-size: 14px; }
        @media screen and (min-width: 400px) {
          .mediaDetails .blockHead .listingDate {
            font-size: calc(14px + 2 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .mediaDetails .blockHead .listingDate {
            font-size: 16px; } }
      .mediaDetails .blockHead .listingDate {
        line-height: 22px; }
        @media screen and (min-width: 400px) {
          .mediaDetails .blockHead .listingDate {
            line-height: calc(22px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .mediaDetails .blockHead .listingDate {
            line-height: 23px; } }
  .mediaDetails .blockBody {
    width: 100%; }
    .mediaDetails .blockBody .mediaImage {
      width: 100%;
      --bs-aspect-ratio: 60%;
      border-radius: 15px;
      overflow: hidden;
      margin-bottom: 61px; }
      .mediaDetails .blockBody .mediaImage img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .mediaDetails .blockBody .mediaImage::after {
        content: "";
        width: 100%;
        height: 100%;
        z-index: 1;
        position: absolute;
        inset: 0;
        background: linear-gradient(0deg, rgba(0, 15, 34, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
        background-repeat: no-repeat;
        background-size: cover; }
    .mediaDetails .blockBody .mediaBody {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      color: #010032;
      font-weight: 400;
      margin-bottom: 61px; }
      .mediaDetails .blockBody .mediaBody {
        font-size: 14px; }
        @media screen and (min-width: 400px) {
          .mediaDetails .blockBody .mediaBody {
            font-size: calc(14px + 2 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .mediaDetails .blockBody .mediaBody {
            font-size: 16px; } }
      .mediaDetails .blockBody .mediaBody {
        line-height: 28px; }
        @media screen and (min-width: 400px) {
          .mediaDetails .blockBody .mediaBody {
            line-height: calc(28px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .mediaDetails .blockBody .mediaBody {
            line-height: 29px; } }
    .mediaDetails .blockBody .SocialMedia {
      display: inline-flex;
      gap: 25px;
      align-items: flex-end;
      margin-bottom: 61px; }
      .mediaDetails .blockBody .SocialMedia span {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #010032;
        font-weight: 700; }
        .mediaDetails .blockBody .SocialMedia span {
          font-size: 14px; }
          @media screen and (min-width: 400px) {
            .mediaDetails .blockBody .SocialMedia span {
              font-size: calc(14px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .mediaDetails .blockBody .SocialMedia span {
              font-size: 15px; } }
        .mediaDetails .blockBody .SocialMedia span {
          line-height: 22px; }
          @media screen and (min-width: 400px) {
            .mediaDetails .blockBody .SocialMedia span {
              line-height: calc(22px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .mediaDetails .blockBody .SocialMedia span {
              line-height: 23px; } }
      .mediaDetails .blockBody .SocialMedia .social-media {
        display: flex;
        gap: 24px;
        align-items: center; }
    .mediaDetails .blockBody .nav-buttons {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      .mediaDetails .blockBody .nav-buttons .btn {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        color: #010032;
        min-width: fit-content;
        padding-inline: 0;
        position: relative;
        transition: all 0.3s ease-in-out; }
        .mediaDetails .blockBody .nav-buttons .btn {
          font-size: 14px; }
          @media screen and (min-width: 400px) {
            .mediaDetails .blockBody .nav-buttons .btn {
              font-size: calc(14px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .mediaDetails .blockBody .nav-buttons .btn {
              font-size: 15px; } }
        .mediaDetails .blockBody .nav-buttons .btn {
          line-height: 22px; }
          @media screen and (min-width: 400px) {
            .mediaDetails .blockBody .nav-buttons .btn {
              line-height: calc(22px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .mediaDetails .blockBody .nav-buttons .btn {
              line-height: 23px; } }
        .mediaDetails .blockBody .nav-buttons .btn:focus, .mediaDetails .blockBody .nav-buttons .btn:focus-visible {
          outline: none;
          border: none;
          box-shadow: none; }
        .mediaDetails .blockBody .nav-buttons .btn.back span {
          padding-inline-start: 50px; }
        .mediaDetails .blockBody .nav-buttons .btn.back::before {
          content: "";
          position: absolute;
          background-image: url(/assets/icons/green-arrow.svg);
          background-repeat: no-repeat;
          background-position: center;
          width: 40px;
          height: 30px;
          background-size: 35px 35px;
          inset-inline-start: 0;
          top: 50%;
          transform: translateY(-50%) rotate(-180deg);
          transition: all 0.3s ease-in-out; }
        .mediaDetails .blockBody .nav-buttons .btn.next span {
          padding-inline-end: 50px; }
        .mediaDetails .blockBody .nav-buttons .btn.next::after {
          content: "";
          position: absolute;
          background-image: url(/assets/icons/green-arrow.svg);
          background-repeat: no-repeat;
          background-position: center;
          width: 40px;
          height: 30px;
          background-size: 35px 35px;
          inset-inline-end: 0;
          top: 50%;
          transform: translateY(-50%);
          transition: all 0.3s ease-in-out; }
        .mediaDetails .blockBody .nav-buttons .btn:hover {
          color: #00a681; }

.our-commitment {
  width: 100%;
  padding: 120px 0;
  padding-bottom: 180px;
  background-color: #e1e4ed;
  position: relative; }
  .our-commitment .overlay {
    position: absolute;
    content: "";
    inset: 0;
    background: rgba(0, 0, 0, 0.01);
    width: 100%;
    height: 100%;
    z-index: 2; }
  .our-commitment .blockHead {
    margin-bottom: 75px;
    z-index: 1;
    position: relative;
    align-items: flex-start; }
    .our-commitment .blockHead h2 {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
      color: #003273;
      flex: 0 0 40%; }
      .our-commitment .blockHead h2 {
        font-size: 28px; }
        @media screen and (min-width: 400px) {
          .our-commitment .blockHead h2 {
            font-size: calc(28px + 21 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .our-commitment .blockHead h2 {
            font-size: 49px; } }
      .our-commitment .blockHead h2 {
        line-height: 42px; }
        @media screen and (min-width: 400px) {
          .our-commitment .blockHead h2 {
            line-height: calc(42px + 28 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .our-commitment .blockHead h2 {
            line-height: 70px; } }
      .our-commitment .blockHead h2 span {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        opacity: 1;
        background: -webkit-linear-gradient(200deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: gradientAnimation 3.5s linear infinite;
        animation-direction: alternate;
        background-size: 300% 100%;
        padding-inline-start: 0; }
        .our-commitment .blockHead h2 span {
          font-size: 28px; }
          @media screen and (min-width: 400px) {
            .our-commitment .blockHead h2 span {
              font-size: calc(28px + 21 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .our-commitment .blockHead h2 span {
              font-size: 49px; } }
        .our-commitment .blockHead h2 span {
          line-height: 42px; }
          @media screen and (min-width: 400px) {
            .our-commitment .blockHead h2 span {
              line-height: calc(42px + 28 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .our-commitment .blockHead h2 span {
              line-height: 70px; } }
    .our-commitment .blockHead .sideLinks {
      display: flex;
      flex: 0 0 48%;
      padding-top: 10px; }
      .our-commitment .blockHead .sideLinks p {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        font-weight: 400;
        color: #010032;
        margin-bottom: 0; }
        .our-commitment .blockHead .sideLinks p {
          font-size: 16px; }
          @media screen and (min-width: 400px) {
            .our-commitment .blockHead .sideLinks p {
              font-size: calc(16px + 3 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .our-commitment .blockHead .sideLinks p {
              font-size: 19px; } }
        .our-commitment .blockHead .sideLinks p {
          line-height: 24px; }
          @media screen and (min-width: 400px) {
            .our-commitment .blockHead .sideLinks p {
              line-height: calc(24px + 4 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .our-commitment .blockHead .sideLinks p {
              line-height: 28px; } }
  .our-commitment .blockBody {
    width: 100%;
    z-index: 1;
    position: relative; }
    .our-commitment .blockBody .listingHolder .listingItemDIV {
      padding: 0 13px; }
      .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem {
        width: 100%; }
        .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem:hover .listingImage img {
          transform: scale(1.1); }
        .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
          display: block;
          width: 100%;
          --bs-aspect-ratio: 90%;
          overflow: hidden;
          border-radius: 10px;
          position: relative;
          margin-bottom: 27px; }
          .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingImage::after {
            content: "";
            position: absolute;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
            width: 100%;
            height: 100%;
            inset: 0;
            background-size: 123.545% 146.395%;
            background-repeat: no-repeat; }
          .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingImage img {
            width: 100%;
            object-fit: cover;
            height: 100%;
            transition: all 0.4s cubic-bezier(0.47, 0, 0.745, 0.715); }
        .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
          width: 100%; }
          .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
            color: #000;
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            font-weight: 700;
            line-height: normal; }
            .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
              font-size: 20px; }
              @media screen and (min-width: 400px) {
                .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
                  font-size: calc(20px + 3 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
                  font-size: 23px; } }
          .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
            color: #010032;
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            font-weight: 400;
            margin-bottom: 0; }
            .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
              font-size: 16px; }
              @media screen and (min-width: 400px) {
                .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                  font-size: calc(16px + 3 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                  font-size: 19px; } }
            .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
              line-height: 24px; }
              @media screen and (min-width: 400px) {
                .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                  line-height: calc(24px + 4 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                  line-height: 28px; } }

.sustainability-cards-list {
  width: 100%;
  position: relative;
  min-height: 100vh; }
  .sustainability-cards-list .fixed-bg {
    width: 100%;
    height: 100%;
    inset: 0;
    position: absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    .sustainability-cards-list .fixed-bg::after {
      content: "";
      position: absolute;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
      background-size: 123.545% 146.395%;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      inset: 0;
      z-index: 1; }
  .sustainability-cards-list .toolkitListing {
    width: 100%; }
    .sustainability-cards-list .toolkitListing .blockHead {
      margin-bottom: 75px;
      padding-top: 100px;
      position: relative;
      z-index: 2;
      align-items: flex-start; }
      .sustainability-cards-list .toolkitListing .blockHead h2 {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        color: #fff;
        flex: 0 0 40%; }
        .sustainability-cards-list .toolkitListing .blockHead h2 {
          font-size: 28px; }
          @media screen and (min-width: 400px) {
            .sustainability-cards-list .toolkitListing .blockHead h2 {
              font-size: calc(28px + 21 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .sustainability-cards-list .toolkitListing .blockHead h2 {
              font-size: 49px; } }
        .sustainability-cards-list .toolkitListing .blockHead h2 {
          line-height: 42px; }
          @media screen and (min-width: 400px) {
            .sustainability-cards-list .toolkitListing .blockHead h2 {
              line-height: calc(42px + 28 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .sustainability-cards-list .toolkitListing .blockHead h2 {
              line-height: 70px; } }
        .sustainability-cards-list .toolkitListing .blockHead h2 span {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          font-weight: 700;
          opacity: 1;
          color: #fff;
          background: -webkit-linear-gradient(200deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          animation: gradientAnimation 3.5s linear infinite;
          animation-direction: alternate;
          background-size: 300% 100%;
          padding-inline-start: 0; }
          .sustainability-cards-list .toolkitListing .blockHead h2 span {
            font-size: 28px; }
            @media screen and (min-width: 400px) {
              .sustainability-cards-list .toolkitListing .blockHead h2 span {
                font-size: calc(28px + 21 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .sustainability-cards-list .toolkitListing .blockHead h2 span {
                font-size: 49px; } }
          .sustainability-cards-list .toolkitListing .blockHead h2 span {
            line-height: 42px; }
            @media screen and (min-width: 400px) {
              .sustainability-cards-list .toolkitListing .blockHead h2 span {
                line-height: calc(42px + 28 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .sustainability-cards-list .toolkitListing .blockHead h2 span {
                line-height: 70px; } }
      .sustainability-cards-list .toolkitListing .blockHead .sideLinks {
        display: flex;
        flex: 0 0 48%;
        padding-top: 10px; }
        .sustainability-cards-list .toolkitListing .blockHead .sideLinks p {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          font-weight: 400;
          color: #fff;
          margin-bottom: 0; }
          .sustainability-cards-list .toolkitListing .blockHead .sideLinks p {
            font-size: 16px; }
            @media screen and (min-width: 400px) {
              .sustainability-cards-list .toolkitListing .blockHead .sideLinks p {
                font-size: calc(16px + 3 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .sustainability-cards-list .toolkitListing .blockHead .sideLinks p {
                font-size: 19px; } }
          .sustainability-cards-list .toolkitListing .blockHead .sideLinks p {
            line-height: 24px; }
            @media screen and (min-width: 400px) {
              .sustainability-cards-list .toolkitListing .blockHead .sideLinks p {
                line-height: calc(24px + 4 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .sustainability-cards-list .toolkitListing .blockHead .sideLinks p {
                line-height: 28px; } }
    .sustainability-cards-list .toolkitListing .blockBody {
      width: 100%;
      padding-bottom: 85px;
      position: relative;
      z-index: 2; }
      .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV {
        padding: 0 13px; }
        .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem {
          min-height: 490px;
          border-radius: 15px;
          width: 100%;
          background-color: #fff;
          border: 1px solid rgba(28, 28, 28, 0.2);
          backdrop-filter: blur(7.0500001907px); }
          .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
            width: 100%;
            height: 100%;
            padding: 30px; }
            .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
              color: #000;
              font-family: "Almarai", sans-serif !important;
              font-style: normal;
              -webkit-font-smoothing: antialiased;
              font-weight: 700;
              line-height: normal;
              margin-bottom: 30px; }
              .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
                font-size: 20px; }
                @media screen and (min-width: 400px) {
                  .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
                    font-size: calc(20px + 3 * ((100vw - 400px) / 1600)); } }
                @media screen and (min-width: 2000px) {
                  .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
                    font-size: 23px; } }
            .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
              color: #555964;
              font-family: "Almarai", sans-serif !important;
              font-style: normal;
              -webkit-font-smoothing: antialiased;
              font-weight: 400;
              margin-bottom: 0; }
              .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                font-size: 16px; }
                @media screen and (min-width: 400px) {
                  .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                    font-size: calc(16px + 3 * ((100vw - 400px) / 1600)); } }
                @media screen and (min-width: 2000px) {
                  .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                    font-size: 19px; } }
              .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                line-height: 24px; }
                @media screen and (min-width: 400px) {
                  .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                    line-height: calc(24px + 4 * ((100vw - 400px) / 1600)); } }
                @media screen and (min-width: 2000px) {
                  .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
                    line-height: 28px; } }
              .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription ul li {
                padding-bottom: 20px; }

.sustainable-future {
  width: 100%;
  background-color: #fff;
  position: relative;
  padding-top: 100px;
  padding-bottom: 140px; }
  .sustainable-future .wrapper {
    width: 100%;
    height: 100%;
    align-items: center; }
    .sustainable-future .wrapper .content {
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      .sustainable-future .wrapper .content .title {
        flex: 0 0 40%;
        max-width: 40%; }
      .sustainable-future .wrapper .content .summary {
        flex: 0 0 48%;
        max-width: 48%; }
        .sustainable-future .wrapper .content .summary p {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          font-weight: 400;
          color: #010032;
          margin-bottom: 0; }
          .sustainable-future .wrapper .content .summary p {
            font-size: 16px; }
            @media screen and (min-width: 400px) {
              .sustainable-future .wrapper .content .summary p {
                font-size: calc(16px + 3 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .sustainable-future .wrapper .content .summary p {
                font-size: 19px; } }
          .sustainable-future .wrapper .content .summary p {
            line-height: 24px; }
            @media screen and (min-width: 400px) {
              .sustainable-future .wrapper .content .summary p {
                line-height: calc(24px + 4 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .sustainable-future .wrapper .content .summary p {
                line-height: 28px; } }

.careers-listing {
  width: 100%;
  padding: 135px 0;
  background-color: #fcfcfc;
  min-height: fit-content; }
  .careers-listing .wrapper {
    width: 100%;
    height: 100%; }
    .careers-listing .wrapper .title {
      margin-bottom: 90px; }
    .careers-listing .wrapper .items-list {
      display: flex;
      flex-direction: column;
      gap: 40px; }
      .careers-listing .wrapper .items-list .item-wrapper {
        display: flex;
        justify-content: space-between;
        gap: 50px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ddd;
        position: relative; }
        .careers-listing .wrapper .items-list .item-wrapper::after {
          content: "";
          position: absolute;
          background-color: #00a681;
          width: 0%;
          height: 1px;
          bottom: 0;
          inset-inline-start: 0;
          transition: all 0.5s ease-in-out; }
        @media (min-width: 993px) {
          .careers-listing .wrapper .items-list .item-wrapper:hover::after {
            width: 100%; }
          .careers-listing .wrapper .items-list .item-wrapper:hover .jobInfo .jobSummary {
            transform: translateX(50px); }
          .careers-listing .wrapper .items-list .item-wrapper:hover .jobInfo .jobDetails {
            transform: translateX(50px); }
          .careers-listing .wrapper .items-list .item-wrapper:hover .jobInfo .jobLink h4 {
            color: #00a681;
            transform: translateY(-10px); } }
        .careers-listing .wrapper .items-list .item-wrapper .jobInfo {
          display: flex;
          flex-direction: column;
          flex: 0 0 80%;
          max-width: 80%; }
          .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobLink {
            max-width: fit-content; }
            .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobLink h4 {
              font-family: "Almarai", sans-serif !important;
              font-style: normal;
              -webkit-font-smoothing: antialiased;
              color: #303030;
              font-weight: 400;
              margin-bottom: 28px;
              transition: color 0.3s ease-in-out, transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); }
              .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobLink h4 {
                font-size: 24px; }
                @media screen and (min-width: 400px) {
                  .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobLink h4 {
                    font-size: calc(24px + 7 * ((100vw - 400px) / 1600)); } }
                @media screen and (min-width: 2000px) {
                  .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobLink h4 {
                    font-size: 31px; } }
              .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobLink h4 {
                line-height: 34px; }
                @media screen and (min-width: 400px) {
                  .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobLink h4 {
                    line-height: calc(34px + 6 * ((100vw - 400px) / 1600)); } }
                @media screen and (min-width: 2000px) {
                  .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobLink h4 {
                    line-height: 40px; } }
          .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobSummary {
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            color: #2f2f2f;
            font-weight: 300;
            margin-bottom: 20px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            max-width: 800px;
            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
            .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobSummary {
              font-size: 16px; }
              @media screen and (min-width: 400px) {
                .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobSummary {
                  font-size: calc(16px + 3 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobSummary {
                  font-size: 19px; } }
            .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobSummary {
              line-height: 25px; }
              @media screen and (min-width: 400px) {
                .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobSummary {
                  line-height: calc(25px + 2 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobSummary {
                  line-height: 27px; } }
          .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobDetails {
            display: flex;
            list-style: none;
            align-items: center;
            gap: 43px;
            padding-inline-start: 0;
            margin-bottom: 0;
            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
            .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobDetails li {
              display: flex;
              color: #2f2f2f;
              font-weight: 400;
              position: relative;
              padding-inline-start: 35px; }
              .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobDetails li {
                font-size: 16px; }
                @media screen and (min-width: 400px) {
                  .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobDetails li {
                    font-size: calc(16px + 3 * ((100vw - 400px) / 1600)); } }
                @media screen and (min-width: 2000px) {
                  .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobDetails li {
                    font-size: 19px; } }
              .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobDetails li {
                line-height: 25px; }
                @media screen and (min-width: 400px) {
                  .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobDetails li {
                    line-height: calc(25px + 2 * ((100vw - 400px) / 1600)); } }
                @media screen and (min-width: 2000px) {
                  .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobDetails li {
                    line-height: 27px; } }
              .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobDetails li::before {
                content: "";
                position: absolute;
                width: 24px;
                height: 24px;
                top: 50%;
                transform: translateY(-50%);
                inset-inline-start: 0;
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain; }
              .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobDetails li.location::before {
                background-image: url(/assets/icons/location_icon.svg); }
              .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobDetails li.deadline::before {
                background-image: url(/assets/icons/calendar_month.svg); }
              .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobDetails li.department::before {
                background-image: url(/assets/icons/meeting_room.svg); }
              .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobDetails li.schedule::before {
                background-image: url(/assets/icons/business_center.svg); }
              .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobDetails li.level::before {
                background-image: url(/assets/icons/lan.svg); }
        .careers-listing .wrapper .items-list .item-wrapper .jobApply {
          display: flex;
          align-items: center;
          justify-content: center; }
          .careers-listing .wrapper .items-list .item-wrapper .jobApply a {
            display: flex;
            align-items: center;
            gap: 20px;
            border-radius: 70px;
            border: 1px solid #003273;
            position: relative;
            background: transparent;
            transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            color: #003273;
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            line-height: normal;
            font-weight: 700;
            padding: 15px 20px;
            padding-inline-end: 60px; }
            .careers-listing .wrapper .items-list .item-wrapper .jobApply a {
              font-size: 16px; }
              @media screen and (min-width: 400px) {
                .careers-listing .wrapper .items-list .item-wrapper .jobApply a {
                  font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .careers-listing .wrapper .items-list .item-wrapper .jobApply a {
                  font-size: 17px; } }
            .careers-listing .wrapper .items-list .item-wrapper .jobApply a span {
              padding-inline-end: 68px; }
            .careers-listing .wrapper .items-list .item-wrapper .jobApply a::after {
              content: "";
              position: absolute;
              background-image: url(/assets/icons/next-arrow.svg);
              background-repeat: no-repeat;
              background-size: 5px 10px;
              background-position: center;
              width: 28px;
              height: 28px;
              display: flex;
              align-items: center;
              justify-content: center;
              top: 50%;
              inset-inline-end: 20px;
              transform: translateY(-50%);
              border: 1px solid #003273;
              border-radius: 50%; }
            .careers-listing .wrapper .items-list .item-wrapper .jobApply a:hover {
              color: #fff;
              border-color: transparent;
              background: linear-gradient(270deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
              background-repeat: no-repeat;
              background-size: 100% 100%;
              background-clip: padding-box;
              box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.2); }
              .careers-listing .wrapper .items-list .item-wrapper .jobApply a:hover::after {
                border-color: transparent;
                background-color: #fff; }
            .careers-listing .wrapper .items-list .item-wrapper .jobApply a span {
              padding-inline-end: 20px; }

.careers-details-page {
  width: 100%;
  background-color: #fff;
  padding: 120px 0; }
  .careers-details-page .container {
    display: flex;
    justify-content: space-between;
    gap: 50px; }
  .careers-details-page .content-wrapper {
    flex: 0 0 60%;
    max-width: 60%; }
    .careers-details-page .content-wrapper .title {
      margin-bottom: 54px; }
      .careers-details-page .content-wrapper .title h2 {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #303030;
        font-weight: 400; }
        .careers-details-page .content-wrapper .title h2 {
          font-size: 28px; }
          @media screen and (min-width: 400px) {
            .careers-details-page .content-wrapper .title h2 {
              font-size: calc(28px + 16 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .careers-details-page .content-wrapper .title h2 {
              font-size: 44px; } }
        .careers-details-page .content-wrapper .title h2 {
          line-height: 42px; }
          @media screen and (min-width: 400px) {
            .careers-details-page .content-wrapper .title h2 {
              line-height: calc(42px + 16 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .careers-details-page .content-wrapper .title h2 {
              line-height: 58px; } }
    .careers-details-page .content-wrapper .job-description {
      display: flex;
      flex-direction: column;
      gap: 30px; }
      .careers-details-page .content-wrapper .job-description .item {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #232323;
        font-weight: 300; }
        .careers-details-page .content-wrapper .job-description .item {
          font-size: 18px; }
          @media screen and (min-width: 400px) {
            .careers-details-page .content-wrapper .job-description .item {
              font-size: calc(18px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .careers-details-page .content-wrapper .job-description .item {
              font-size: 19px; } }
        .careers-details-page .content-wrapper .job-description .item {
          line-height: 27px; }
          @media screen and (min-width: 400px) {
            .careers-details-page .content-wrapper .job-description .item {
              line-height: calc(27px + 2 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .careers-details-page .content-wrapper .job-description .item {
              line-height: 29px; } }
        .careers-details-page .content-wrapper .job-description .item h5 {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          color: #232323;
          font-weight: 700;
          margin-bottom: 25px; }
          .careers-details-page .content-wrapper .job-description .item h5 {
            font-size: 18px; }
            @media screen and (min-width: 400px) {
              .careers-details-page .content-wrapper .job-description .item h5 {
                font-size: calc(18px + 1 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .careers-details-page .content-wrapper .job-description .item h5 {
                font-size: 19px; } }
          .careers-details-page .content-wrapper .job-description .item h5 {
            line-height: 27px; }
            @media screen and (min-width: 400px) {
              .careers-details-page .content-wrapper .job-description .item h5 {
                line-height: calc(27px + 2 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .careers-details-page .content-wrapper .job-description .item h5 {
                line-height: 29px; } }
        .careers-details-page .content-wrapper .job-description .item p {
          margin-bottom: 0; }
        .careers-details-page .content-wrapper .job-description .item ul {
          list-style: none;
          padding-inline-start: 0; }
          .careers-details-page .content-wrapper .job-description .item ul li {
            display: flex;
            margin-bottom: 20px;
            padding-inline-start: 15px;
            position: relative; }
            .careers-details-page .content-wrapper .job-description .item ul li::before {
              content: "";
              position: absolute;
              width: 5px;
              height: 5px;
              top: 50%;
              transform: translateY(-50%);
              inset-inline-start: 0;
              background-color: #eb0a1e;
              border-radius: 50%; }
  .careers-details-page .job-info {
    flex: 22%;
    max-width: 22%;
    max-height: fit-content;
    padding: 25px;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    border: 1px solid #fff;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 60px; }
    .careers-details-page .job-info .jobDetails {
      display: flex;
      flex-direction: column;
      padding-inline-start: 0;
      list-style: none;
      margin-bottom: 32px;
      gap: 25px; }
      .careers-details-page .job-info .jobDetails li {
        display: inline-flex;
        gap: 5px;
        display: flex;
        color: #2f2f2f;
        font-weight: 400;
        position: relative;
        padding-inline-start: 35px; }
        .careers-details-page .job-info .jobDetails li {
          font-size: 16px; }
          @media screen and (min-width: 400px) {
            .careers-details-page .job-info .jobDetails li {
              font-size: calc(16px + 3 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .careers-details-page .job-info .jobDetails li {
              font-size: 19px; } }
        .careers-details-page .job-info .jobDetails li {
          line-height: 25px; }
          @media screen and (min-width: 400px) {
            .careers-details-page .job-info .jobDetails li {
              line-height: calc(25px + 2 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .careers-details-page .job-info .jobDetails li {
              line-height: 27px; } }
        .careers-details-page .job-info .jobDetails li::before {
          content: "";
          position: absolute;
          width: 24px;
          height: 24px;
          top: 50%;
          transform: translateY(-50%);
          inset-inline-start: 0;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain; }
        .careers-details-page .job-info .jobDetails li.location::before {
          background-image: url(/assets/icons/location_icon.svg); }
        .careers-details-page .job-info .jobDetails li.deadline::before {
          background-image: url(/assets/icons/calendar_month.svg); }
        .careers-details-page .job-info .jobDetails li.department::before {
          background-image: url(/assets/icons/meeting_room.svg); }
        .careers-details-page .job-info .jobDetails li.schedule::before {
          background-image: url(/assets/icons/business_center.svg); }
        .careers-details-page .job-info .jobDetails li.level::before {
          background-image: url(/assets/icons/lan.svg); }
    .careers-details-page .job-info .jobApply {
      display: flex;
      align-items: center;
      justify-content: center; }
      .careers-details-page .job-info .jobApply a {
        display: flex;
        align-items: center;
        gap: 20px;
        border-radius: 70px;
        border: 1px solid #003273;
        position: relative;
        background: transparent;
        transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        color: #003273;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        line-height: normal;
        font-weight: 700;
        padding: 15px 20px;
        padding-inline-end: 60px; }
        .careers-details-page .job-info .jobApply a {
          font-size: 16px; }
          @media screen and (min-width: 400px) {
            .careers-details-page .job-info .jobApply a {
              font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .careers-details-page .job-info .jobApply a {
              font-size: 17px; } }
        .careers-details-page .job-info .jobApply a span {
          padding-inline-end: 68px; }
        .careers-details-page .job-info .jobApply a::after {
          content: "";
          position: absolute;
          background-image: url(/assets/icons/next-arrow.svg);
          background-repeat: no-repeat;
          background-size: 5px 10px;
          background-position: center;
          width: 28px;
          height: 28px;
          display: flex;
          align-items: center;
          justify-content: center;
          top: 50%;
          inset-inline-end: 20px;
          transform: translateY(-50%);
          border: 1px solid #003273;
          border-radius: 50%; }
        .careers-details-page .job-info .jobApply a:hover {
          color: #fff;
          border-color: transparent;
          background: linear-gradient(270deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
          background-repeat: no-repeat;
          background-size: 100% 100%;
          background-clip: padding-box;
          box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.2); }
          .careers-details-page .job-info .jobApply a:hover::after {
            border-color: transparent;
            background-color: #fff; }
        .careers-details-page .job-info .jobApply a span {
          padding-inline-end: 20px; }

.careers-apply {
  width: 100%;
  padding-top: 130px;
  padding-bottom: 150px; }
  .careers-apply .container {
    align-items: center;
    justify-content: center;
    display: flex; }
  .careers-apply .wrapper {
    max-width: 1000px;
    width: 100%; }

.contact-page {
  width: 100%;
  padding-top: 90px; }
  .contact-page .form-container {
    display: flex;
    flex-direction: column; }
    .contact-page .form-container .SummaryContent {
      display: flex;
      flex-direction: column; }
      .contact-page .form-container .SummaryContent .contact-info {
        display: flex;
        justify-content: space-between;
        align-items: flex-start; }
        .contact-page .form-container .SummaryContent .contact-info .summary {
          flex: 0 0 70%;
          max-width: 70%;
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          color: #010032;
          font-weight: 400; }
          .contact-page .form-container .SummaryContent .contact-info .summary {
            font-size: 18px; }
            @media screen and (min-width: 400px) {
              .contact-page .form-container .SummaryContent .contact-info .summary {
                font-size: calc(18px + 1 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .contact-page .form-container .SummaryContent .contact-info .summary {
                font-size: 19px; } }
          .contact-page .form-container .SummaryContent .contact-info .summary {
            line-height: 28px; }
            @media screen and (min-width: 400px) {
              .contact-page .form-container .SummaryContent .contact-info .summary {
                line-height: calc(28px + 1 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .contact-page .form-container .SummaryContent .contact-info .summary {
                line-height: 29px; } }
        .contact-page .form-container .SummaryContent .contact-info .contact-box {
          flex: 22%;
          max-width: 22%;
          padding: 25px;
          box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);
          border-radius: 10px;
          border: 1px solid #fff;
          background: #fff;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start; }
          .contact-page .form-container .SummaryContent .contact-info .contact-box h5 {
            margin-bottom: 24px;
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            color: #003273;
            font-weight: 700; }
            .contact-page .form-container .SummaryContent .contact-info .contact-box h5 {
              font-size: 18px; }
              @media screen and (min-width: 400px) {
                .contact-page .form-container .SummaryContent .contact-info .contact-box h5 {
                  font-size: calc(18px + 1 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .contact-page .form-container .SummaryContent .contact-info .contact-box h5 {
                  font-size: 19px; } }
            .contact-page .form-container .SummaryContent .contact-info .contact-box h5 {
              line-height: 28px; }
              @media screen and (min-width: 400px) {
                .contact-page .form-container .SummaryContent .contact-info .contact-box h5 {
                  line-height: calc(28px + 1 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .contact-page .form-container .SummaryContent .contact-info .contact-box h5 {
                  line-height: 29px; } }
          .contact-page .form-container .SummaryContent .contact-info .contact-box ul {
            padding-inline-start: 0;
            list-style: none;
            margin-bottom: 0;
            display: flex;
            flex-direction: column; }
            .contact-page .form-container .SummaryContent .contact-info .contact-box ul li {
              display: inline-flex;
              padding-bottom: 2px;
              gap: 5px;
              color: #003273;
              font-family: "Almarai", sans-serif !important;
              font-style: normal;
              -webkit-font-smoothing: antialiased;
              font-weight: 400; }
              .contact-page .form-container .SummaryContent .contact-info .contact-box ul li {
                font-size: 18px; }
                @media screen and (min-width: 400px) {
                  .contact-page .form-container .SummaryContent .contact-info .contact-box ul li {
                    font-size: calc(18px + 1 * ((100vw - 400px) / 1600)); } }
                @media screen and (min-width: 2000px) {
                  .contact-page .form-container .SummaryContent .contact-info .contact-box ul li {
                    font-size: 19px; } }
              .contact-page .form-container .SummaryContent .contact-info .contact-box ul li {
                line-height: 27px; }
                @media screen and (min-width: 400px) {
                  .contact-page .form-container .SummaryContent .contact-info .contact-box ul li {
                    line-height: calc(27px + 1 * ((100vw - 400px) / 1600)); } }
                @media screen and (min-width: 2000px) {
                  .contact-page .form-container .SummaryContent .contact-info .contact-box ul li {
                    line-height: 28px; } }
              .contact-page .form-container .SummaryContent .contact-info .contact-box ul li h5 {
                font-family: "Almarai", sans-serif !important;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                font-weight: 700;
                margin-bottom: 0;
                transition: all 0.3s ease-in-out; }
                .contact-page .form-container .SummaryContent .contact-info .contact-box ul li h5 {
                  font-size: 18px; }
                  @media screen and (min-width: 400px) {
                    .contact-page .form-container .SummaryContent .contact-info .contact-box ul li h5 {
                      font-size: calc(18px + 1 * ((100vw - 400px) / 1600)); } }
                  @media screen and (min-width: 2000px) {
                    .contact-page .form-container .SummaryContent .contact-info .contact-box ul li h5 {
                      font-size: 19px; } }
                .contact-page .form-container .SummaryContent .contact-info .contact-box ul li h5 {
                  line-height: 27px; }
                  @media screen and (min-width: 400px) {
                    .contact-page .form-container .SummaryContent .contact-info .contact-box ul li h5 {
                      line-height: calc(27px + 1 * ((100vw - 400px) / 1600)); } }
                  @media screen and (min-width: 2000px) {
                    .contact-page .form-container .SummaryContent .contact-info .contact-box ul li h5 {
                      line-height: 28px; } }
              .contact-page .form-container .SummaryContent .contact-info .contact-box ul li a {
                display: inline-flex;
                gap: 5px;
                color: #003273;
                transition: all 0.3s ease-in-out; }
                .contact-page .form-container .SummaryContent .contact-info .contact-box ul li a h5 {
                  color: #003273; }
                .contact-page .form-container .SummaryContent .contact-info .contact-box ul li a:hover {
                  color: #00a681; }
  .contact-page .map-container {
    width: 100%; }
    .contact-page .map-container .map-wrapper {
      --bs-aspect-ratio: 30%; }
      .contact-page .map-container .map-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .contact-page .map-container .map-wrapper .marker {
        position: absolute;
        width: 23.832px;
        height: 34.903px;
        transform: translate(-50%, -50%);
        cursor: pointer; }
        .contact-page .map-container .map-wrapper .marker .marker-image {
          width: 100%;
          height: 100%;
          cursor: pointer;
          transition: transform 0.3s ease; }
        .contact-page .map-container .map-wrapper .marker__tooltip {
          position: absolute;
          bottom: calc(100% + 15px);
          inset-inline-start: 50%;
          transform: translateX(-50%) scale(0);
          background: white;
          border-radius: 14px;
          box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
          width: max-content;
          min-width: 220px;
          max-width: 250px;
          opacity: 0;
          transition: all 0.3s ease;
          pointer-events: none;
          opacity: 1 !important;
          visibility: visible !important;
          z-index: 100;
          padding: 20px; }
          .contact-page .map-container .map-wrapper .marker__tooltip::after {
            content: "";
            position: absolute;
            bottom: -8px;
            inset-inline-start: 50%;
            transform: translateX(-50%);
            border-inline: 8px solid transparent;
            border-top: 8px solid white; }
          .contact-page .map-container .map-wrapper .marker__tooltip-title {
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            font-weight: 700;
            margin-bottom: 15px;
            color: #003273; }
            .contact-page .map-container .map-wrapper .marker__tooltip-title {
              font-size: 18px; }
              @media screen and (min-width: 400px) {
                .contact-page .map-container .map-wrapper .marker__tooltip-title {
                  font-size: calc(18px + 4 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .contact-page .map-container .map-wrapper .marker__tooltip-title {
                  font-size: 22px; } }
          .contact-page .map-container .map-wrapper .marker__tooltip-btn {
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            font-weight: 700;
            line-height: 16px;
            color: #003273;
            margin-bottom: 15px;
            border: 1px solid #003273; }
            .contact-page .map-container .map-wrapper .marker__tooltip-btn {
              font-size: 14px; }
              @media screen and (min-width: 400px) {
                .contact-page .map-container .map-wrapper .marker__tooltip-btn {
                  font-size: calc(14px + 2 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .contact-page .map-container .map-wrapper .marker__tooltip-btn {
                  font-size: 16px; } }
          .contact-page .map-container .map-wrapper .marker__tooltip-description {
            font-family: "Almarai", sans-serif !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            color: #555964;
            margin-bottom: 4px;
            line-height: 24px;
            font-weight: 400; }
            .contact-page .map-container .map-wrapper .marker__tooltip-description p {
              font-family: "Almarai", sans-serif !important;
              font-style: normal;
              -webkit-font-smoothing: antialiased;
              color: #555964;
              margin-bottom: 4px;
              line-height: 24px;
              font-weight: 400; }
            .contact-page .map-container .map-wrapper .marker__tooltip-description {
              font-size: 14px; }
              @media screen and (min-width: 400px) {
                .contact-page .map-container .map-wrapper .marker__tooltip-description {
                  font-size: calc(14px + 4 * ((100vw - 400px) / 1600)); } }
              @media screen and (min-width: 2000px) {
                .contact-page .map-container .map-wrapper .marker__tooltip-description {
                  font-size: 18px; } }
        @media (min-width: 993px) {
          .contact-page .map-container .map-wrapper .marker:hover .marker__tooltip {
            display: block;
            opacity: 1 !important;
            transform: translateX(-50%) scale(1); }
          .contact-page .map-container .map-wrapper .marker:hover .marker-image {
            transform: scale(1.2); } }
        .contact-page .map-container .map-wrapper .marker.open-tooltip .marker__tooltip {
          display: block;
          opacity: 1 !important;
          transform: translateX(-50%) scale(1); }
        .contact-page .map-container .map-wrapper .marker.open-tooltip .marker-image {
          transform: scale(1.2); }

.form-container .form-header {
  font-family: "Almarai", sans-serif !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  color: #000;
  font-weight: 400;
  align-items: center;
  display: flex;
  flex-direction: column; }
  .form-container .form-header {
    font-size: 18px; }
    @media screen and (min-width: 400px) {
      .form-container .form-header {
        font-size: calc(18px + 2 * ((100vw - 400px) / 1600)); } }
    @media screen and (min-width: 2000px) {
      .form-container .form-header {
        font-size: 20px; } }
  .form-container .form-header {
    line-height: 23px; }
    @media screen and (min-width: 400px) {
      .form-container .form-header {
        line-height: calc(23px + 1 * ((100vw - 400px) / 1600)); } }
    @media screen and (min-width: 2000px) {
      .form-container .form-header {
        line-height: 24px; } }
  .form-container .form-header h2 {
    color: #003273;
    font-weight: 700;
    margin-bottom: 25px; }
    .form-container .form-header h2 {
      font-size: 28px; }
      @media screen and (min-width: 400px) {
        .form-container .form-header h2 {
          font-size: calc(28px + 18 * ((100vw - 400px) / 1600)); } }
      @media screen and (min-width: 2000px) {
        .form-container .form-header h2 {
          font-size: 46px; } }
    .form-container .form-header h2 {
      line-height: 42px; }
      @media screen and (min-width: 400px) {
        .form-container .form-header h2 {
          line-height: calc(42px + 28 * ((100vw - 400px) / 1600)); } }
      @media screen and (min-width: 2000px) {
        .form-container .form-header h2 {
          line-height: 70px; } }
  .form-container .form-header p {
    max-width: 480px;
    text-align: center; }
.form-container .submitForm {
  padding-top: 70px;
  padding-bottom: 100px;
  flex: 0 0 70%;
  max-width: 70%; }
  .form-container .submitForm .form-row .input-label {
    color: #33353a;
    font-family: "Almarai", sans-serif !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    display: inline-block;
    margin-bottom: 10px; }
  .form-container .submitForm .form-row .input-container {
    position: relative; }
    .form-container .submitForm .form-row .input-container input,
    .form-container .submitForm .form-row .input-container textarea {
      width: 100%;
      margin-bottom: 36px;
      background-color: transparent;
      border: none;
      border-bottom: 1px solid #ddd;
      padding-bottom: 10px;
      color: #00183a;
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%; }
      .form-container .submitForm .form-row .input-container input:focus,
      .form-container .submitForm .form-row .input-container textarea:focus {
        outline: none;
        border: none;
        border-bottom: 2px solid #0766b3; }
  .form-container .submitForm .form-row.file-row .file-input {
    display: none; }
  .form-container .submitForm .form-row.file-row .error-text {
    top: 100%; }
  .form-container .submitForm .form-row.file-row .input-container {
    width: 100%;
    margin-bottom: 36px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    position: relative;
    color: #00183a;
    font-family: "Almarai", sans-serif !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; }
    .form-container .submitForm .form-row.file-row .input-container:focus {
      outline: none;
      border: none;
      border-bottom: 2px solid #0766b3; }
  .form-container .submitForm .form-row.file-row .fileName {
    color: #00183a;
    transition: all 0.3s ease-in-out; }
  .form-container .submitForm .form-row.file-row .file-label {
    width: 100%;
    cursor: pointer;
    position: relative; }
    .form-container .submitForm .form-row.file-row .file-label::after {
      content: "";
      position: absolute;
      inset-inline-end: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 24px;
      height: 24px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url(/assets/icons/add_circle.svg); }
    .form-container .submitForm .form-row.file-row .file-label:hover .fileName {
      color: #0766b3; }
  .form-container .submitForm .form-row.last-row {
    margin-top: 15px; }
    .form-container .submitForm .form-row.last-row .bottom {
      display: flex;
      align-items: center; }
      .form-container .submitForm .form-row.last-row .bottom .submit {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        .form-container .submitForm .form-row.last-row .bottom .submit .submitbtn {
          display: flex;
          align-items: center;
          gap: 20px;
          border-radius: 70px;
          border: 1px solid #003273;
          position: relative;
          background: transparent;
          transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
          color: #003273;
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          line-height: normal;
          font-weight: 700;
          padding: 15px 20px;
          padding-inline-end: 60px; }
          .form-container .submitForm .form-row.last-row .bottom .submit .submitbtn {
            font-size: 16px; }
            @media screen and (min-width: 400px) {
              .form-container .submitForm .form-row.last-row .bottom .submit .submitbtn {
                font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .form-container .submitForm .form-row.last-row .bottom .submit .submitbtn {
                font-size: 17px; } }
          .form-container .submitForm .form-row.last-row .bottom .submit .submitbtn span {
            padding-inline-end: 68px; }
          .form-container .submitForm .form-row.last-row .bottom .submit .submitbtn::after {
            content: "";
            position: absolute;
            background-image: url(/assets/icons/next-arrow.svg);
            background-repeat: no-repeat;
            background-size: 5px 10px;
            background-position: center;
            width: 28px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            top: 50%;
            inset-inline-end: 20px;
            transform: translateY(-50%);
            border: 1px solid #003273;
            border-radius: 50%; }
          .form-container .submitForm .form-row.last-row .bottom .submit .submitbtn:hover {
            color: #fff;
            border-color: transparent;
            background: linear-gradient(270deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-clip: padding-box;
            box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.2); }
            .form-container .submitForm .form-row.last-row .bottom .submit .submitbtn:hover::after {
              border-color: transparent;
              background-color: #fff; }
          .form-container .submitForm .form-row.last-row .bottom .submit .submitbtn span {
            padding-inline-end: 20px; }
.form-container.careers .submitForm {
  max-width: 100%;
  width: 100%;
  padding-bottom: 0; }
.form-container .iti {
  width: 100%;
  margin-bottom: 36px;
  position: relative; }
.form-container .error-text {
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
  font-size: 13px; }
.form-container .iti__country-container {
  padding-bottom: 10px;
  position: relative;
  display: inline-block;
  width: calc(20% - 20px);
  border-bottom: 1px solid #ddd;
  margin-right: 40px;
  position: relative; }
  .form-container .iti__country-container::after {
    content: "";
    position: absolute;
    background-image: url(/assets/icons/dropdown-arrow.svg);
    inset-inline-end: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  .form-container .iti__country-container .iti__selected-country {
    width: 100%; }
.form-container .iti__dropdown-content {
  max-width: 100%; }
  .form-container .iti__dropdown-content .iti__search-input {
    margin-bottom: 0 !important; }
.form-container .iti__arrow {
  display: none; }
.form-container .phone {
  width: calc(80% - 20px) !important;
  /* Adjust width so total remains 100% */
  padding-left: 0 !important; }

.popup {
  position: fixed;
  top: 50%;
  max-width: 626px;
  background: #f3f3f3;
  left: 50%;
  padding: 100px 73px;
  transform: translate(-50%, -50%);
  text-align: center;
  display: none;
  border-radius: 20px;
  z-index: 30; }
  .popup .close {
    width: 25px;
    height: 25px; }
  .popup .popupWrapper .img {
    width: 100%;
    margin-bottom: 30px; }
    .popup .popupWrapper .img img {
      width: 82px;
      filter: brightness(0) saturate(100%) invert(15%) sepia(22%) saturate(6520%) hue-rotate(244deg) brightness(95%) contrast(92%); }
  .popup .popupWrapper .content .title {
    margin-bottom: 30px;
    color: #422b7f;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 141%;
    /* 59.22px */ }
  .popup .popupWrapper .content .description {
    color: #33353a;
    text-align: center;
    font-family: "Almarai", sans-serif !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 27px */ }

.close {
  width: 52px;
  height: 52px;
  background-image: url("/assets/icons/close-purple.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: 20px;
  inset-inline-end: 20px;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  transition: all 0.3s ease-in-out; }
  .close:hover {
    opacity: 0.6; }

.dimmer-shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Adjust opacity as needed */
  z-index: 20;
  display: none;
  /* Hide by default */ }
  .dimmer-shadow.show {
    display: block; }

#successPopup {
  padding: 80px 0; }
  #successPopup h2 {
    text-align: center;
    margin-bottom: 20px; }
    #successPopup h2 {
      font-size: 25px; }
      @media screen and (min-width: 400px) {
        #successPopup h2 {
          font-size: calc(25px + 15 * ((100vw - 400px) / 1600)); } }
      @media screen and (min-width: 2000px) {
        #successPopup h2 {
          font-size: 40px; } }
  #successPopup p {
    text-align: center; }
    #successPopup p {
      font-size: 20px; }
      @media screen and (min-width: 400px) {
        #successPopup p {
          font-size: calc(20px + 5 * ((100vw - 400px) / 1600)); } }
      @media screen and (min-width: 2000px) {
        #successPopup p {
          font-size: 25px; } }

.loader {
  border: 10px solid #fff;
  border-top: 10px solid #0766b3;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
  display: inline-block;
  display: none; }
  .loader.show {
    display: inline-block; }

.searchHeader {
  padding-top: 110px;
  padding-bottom: 70px;
  width: 100%; }
  .searchHeader .container {
    max-width: 80%; }
  .searchHeader .searchInput {
    width: 100%; }
    .searchHeader .searchInput .input-container {
      width: 100%;
      position: relative; }
      .searchHeader .searchInput .input-container img {
        position: absolute;
        inset-inline-end: 0;
        top: 0;
        width: 24px;
        height: 24px; }
      .searchHeader .searchInput .input-container .delete {
        inset-inline-end: 55px; }
      .searchHeader .searchInput .input-container input {
        width: 100%;
        border: none;
        outline: none;
        border-bottom: 1px solid #ddd;
        padding: 0 5px 20px;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #616161;
        line-height: normal; }
        .searchHeader .searchInput .input-container input {
          font-size: 18px; }
          @media screen and (min-width: 400px) {
            .searchHeader .searchInput .input-container input {
              font-size: calc(18px + 2 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .searchHeader .searchInput .input-container input {
              font-size: 20px; } }
        .searchHeader .searchInput .input-container input::placeholder {
          opacity: 1;
          color: #616161; }
      .searchHeader .searchInput .input-container a {
        display: none; }
    .searchHeader .searchInput .ui-menu {
      padding-top: 10px;
      max-width: 80%;
      background-color: #fff; }
      .searchHeader .searchInput .ui-menu.ui-widget-content {
        border: none; }
      .searchHeader .searchInput .ui-menu .ui-menu-item {
        padding: 0;
        padding: 15px 0;
        padding-inline-start: 20px;
        list-style-image: none; }
        .searchHeader .searchInput .ui-menu .ui-menu-item:hover {
          background: #e1e4ed; }
          .searchHeader .searchInput .ui-menu .ui-menu-item:hover a {
            background: none; }
            .searchHeader .searchInput .ui-menu .ui-menu-item:hover a::after {
              transform: translateX(3px); }
          .searchHeader .searchInput .ui-menu .ui-menu-item:hover.ui-search-hover {
            border: none !important;
            outline: none !important; }
        .searchHeader .searchInput .ui-menu .ui-menu-item.ui-search-hover {
          border: none;
          outline: none; }
        .searchHeader .searchInput .ui-menu .ui-menu-item a {
          color: #000 !important;
          font-weight: 400;
          transform: scale(1) !important;
          top: calc(50% - 5px);
          inset-inline-start: 0;
          transform: translateY(-50%);
          display: inline-flex !important;
          align-items: center;
          position: relative;
          gap: 10px;
          border: none;
          max-width: 100%; }
          .searchHeader .searchInput .ui-menu .ui-menu-item a {
            font-size: 16px; }
            @media screen and (min-width: 400px) {
              .searchHeader .searchInput .ui-menu .ui-menu-item a {
                font-size: calc(16px + 2 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .searchHeader .searchInput .ui-menu .ui-menu-item a {
                font-size: 18px; } }
          .searchHeader .searchInput .ui-menu .ui-menu-item a {
            line-height: 16px; }
            @media screen and (min-width: 400px) {
              .searchHeader .searchInput .ui-menu .ui-menu-item a {
                line-height: calc(16px + 2 * ((100vw - 400px) / 1600)); } }
            @media screen and (min-width: 2000px) {
              .searchHeader .searchInput .ui-menu .ui-menu-item a {
                line-height: 18px; } }
          .searchHeader .searchInput .ui-menu .ui-menu-item a::after {
            content: "";
            background-image: url(/assets/icons/green-arrow.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100%;
            width: 24px;
            height: 24px;
            display: flex;
            transition: transform 0.3s ease; }

.resultsContainer {
  margin-bottom: 80px; }
  .resultsContainer .normalList {
    max-width: 80%; }
  .resultsContainer .blockHead {
    margin-bottom: 38px;
    padding-bottom: 14px; }
    .resultsContainer .blockHead h2 {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      color: #616161;
      font-weight: 700;
      margin-bottom: 0; }
      .resultsContainer .blockHead h2 {
        font-size: 22px; }
        @media screen and (min-width: 400px) {
          .resultsContainer .blockHead h2 {
            font-size: calc(22px + 8 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .resultsContainer .blockHead h2 {
            font-size: 30px; } }
      .resultsContainer .blockHead h2 {
        line-height: 25px; }
        @media screen and (min-width: 400px) {
          .resultsContainer .blockHead h2 {
            line-height: calc(25px + 5 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .resultsContainer .blockHead h2 {
            line-height: 30px; } }
      .resultsContainer .blockHead h2 span {
        color: #616161;
        opacity: 1 !important;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        padding-inline-start: 0; }
        .resultsContainer .blockHead h2 span {
          font-size: 22px; }
          @media screen and (min-width: 400px) {
            .resultsContainer .blockHead h2 span {
              font-size: calc(22px + 8 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .resultsContainer .blockHead h2 span {
              font-size: 30px; } }
        .resultsContainer .blockHead h2 span {
          line-height: 25px; }
          @media screen and (min-width: 400px) {
            .resultsContainer .blockHead h2 span {
              line-height: calc(25px + 5 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .resultsContainer .blockHead h2 span {
              line-height: 30px; } }
  .resultsContainer .blockBody {
    margin-bottom: 80px; }
    .resultsContainer .blockBody .listingHolder {
      display: flex;
      flex-direction: column;
      margin: 0; }
      .resultsContainer .blockBody .listingHolder .listingItemDIV {
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ddd;
        padding-inline: 0; }
        .resultsContainer .blockBody .listingHolder .listingItemDIV:first-child {
          border-top: 1px solid #ddd;
          padding-top: 15px; }
  .resultsContainer .result {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px; }
    .resultsContainer .result .title a {
      color: #000;
      font-weight: 700;
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      text-decoration: underline;
      text-decoration-color: transparent;
      transition: all 0.3s ease-in-out; }
      .resultsContainer .result .title a {
        font-size: 20px; }
        @media screen and (min-width: 400px) {
          .resultsContainer .result .title a {
            font-size: calc(20px + 3 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .resultsContainer .result .title a {
            font-size: 23px; } }
      .resultsContainer .result .title a {
        line-height: 25px; }
        @media screen and (min-width: 400px) {
          .resultsContainer .result .title a {
            line-height: calc(25px + 5 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .resultsContainer .result .title a {
            line-height: 30px; } }
      .resultsContainer .result .title a:hover {
        color: #422b7f;
        text-decoration-color: #422b7f; }
    .resultsContainer .result .description p {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      color: #5f5f5f;
      font-weight: 300; }
      .resultsContainer .result .description p {
        font-size: 16px; }
        @media screen and (min-width: 400px) {
          .resultsContainer .result .description p {
            font-size: calc(16px + 3 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .resultsContainer .result .description p {
            font-size: 19px; } }
      .resultsContainer .result .description p {
        line-height: 20px; }
        @media screen and (min-width: 400px) {
          .resultsContainer .result .description p {
            line-height: calc(20px + 5 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .resultsContainer .result .description p {
            line-height: 25px; } }
  .resultsContainer .loadMoreBtn {
    padding-block: 30px; }

.pageNotFound {
  width: 100%;
  height: 90vh;
  background-color: #422b7f;
  display: flex;
  align-items: center; }
  .pageNotFound .bg-shape1,
  .pageNotFound .bg-shape2 {
    position: absolute;
    background: linear-gradient(-152deg, rgba(9, 94, 149, 0.35) -21.37%, rgba(9, 94, 149, 0.4) -20.39%, rgba(9, 94, 149, 0.45) 23.65%, rgba(9, 94, 149, 0.55) 49.1%, rgba(35, 31, 32, 0.6) 76.5%);
    width: 800px;
    height: 800px;
    background-repeat: no-repeat;
    clip-path: polygon(24.601% -51.683%, 24.601% -51.683%, 22.323% -49.207%, 20.138% -46.596%, 18.048% -43.855%, 16.057% -40.988%, 14.168% -38%, 12.383% -34.898%, 10.706% -31.684%, 9.139% -28.366%, 7.686% -24.946%, 6.349% -21.431%, 6.349% -21.431%, 5.136% -17.835%, 4.05% -14.175%, 3.092% -10.456%, 2.264% -6.685%, 1.567% -2.868%, 1.002% 0.988%, 0.57% 4.878%, 0.271% 8.795%, 0.107% 12.733%, 0.079% 16.686%, 0.079% 16.686%, 1.063% 30.338%, 3.629% 43.238%, 7.636% 55.224%, 12.943% 66.135%, 19.409% 75.81%, 26.893% 84.088%, 35.255% 90.807%, 44.354% 95.806%, 54.048% 98.923%, 64.197% 99.998%, 123.252% 99.998%, 123.252% 94.069%, 106.954% 94.069%, 106.954% 94.069%, 105.435% 94.029%, 103.921% 93.909%, 102.413% 93.709%, 100.913% 93.429%, 99.423% 93.07%, 97.945% 92.632%, 96.48% 92.115%, 95.03% 91.521%, 93.596% 90.849%, 92.181% 90.101%, 92.181% 90.101%, 90.789% 89.278%, 89.425% 88.382%, 88.088% 87.416%, 86.782% 86.381%, 85.507% 85.277%, 84.266% 84.106%, 83.058% 82.871%, 81.887% 81.57%, 80.753% 80.208%, 79.658% 78.783%, 79.658% 78.783%, 78.605% 77.301%, 77.598% 75.767%, 76.637% 74.183%, 75.723% 72.549%, 74.858% 70.87%, 74.042% 69.145%, 73.277% 67.378%, 72.563% 65.57%, 71.901% 63.724%, 71.292% 61.841%, 71.292% 61.841%, 70.739% 59.926%, 70.242% 57.987%, 69.803% 56.026%, 69.422% 54.044%, 69.098% 52.043%, 68.832% 50.028%, 68.625% 47.999%, 68.477% 45.959%, 68.389% 43.91%, 68.359% 41.855%, 68.359% -10.931%, 68.359% -10.931%, 68.396% -13.275%, 68.51% -15.61%, 68.702% -17.932%, 68.97% -20.237%, 69.313% -22.523%, 69.732% -24.786%, 70.226% -27.022%, 70.794% -29.229%, 71.435% -31.402%, 72.149% -33.538%, 72.149% -33.538%, 72.934% -35.628%, 73.785% -37.665%, 74.702% -39.644%, 75.683% -41.565%, 76.725% -43.423%, 77.828% -45.216%, 78.99% -46.941%, 80.209% -48.596%, 81.484% -50.177%, 82.812% -51.683%, 24.601% -51.683%);
    background-blend-mode: multiply;
    mix-blend-mode: darken; }
  .pageNotFound .bg-shape2 {
    bottom: -30px;
    inset-inline-end: -218px;
    transform: rotate(-200deg) scaleX(-1); }
  .pageNotFound .bg-shape1 {
    top: -227px;
    inset-inline-end: -145px; }
  .pageNotFound .wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 0 0 65%;
    max-width: 65%;
    position: relative;
    z-index: 2; }
    .pageNotFound .wrapper h1 {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      line-height: normal;
      color: #fff;
      font-weight: 700;
      margin-bottom: 28px; }
      .pageNotFound .wrapper h1 {
        font-size: 40px; }
        @media screen and (min-width: 400px) {
          .pageNotFound .wrapper h1 {
            font-size: calc(40px + 35 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .pageNotFound .wrapper h1 {
            font-size: 75px; } }
    .pageNotFound .wrapper p {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      line-height: normal;
      color: #fff;
      font-weight: 700;
      margin-bottom: 60px; }
      .pageNotFound .wrapper p {
        font-size: 18px; }
        @media screen and (min-width: 400px) {
          .pageNotFound .wrapper p {
            font-size: calc(18px + 3 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .pageNotFound .wrapper p {
            font-size: 21px; } }
    .pageNotFound .wrapper a {
      display: flex;
      align-items: center;
      border-radius: 70px;
      border: 1px solid #fff;
      background-color: transparent;
      position: relative;
      transition: all 0.3s ease-in-out;
      color: #fff;
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      line-height: normal;
      font-weight: 700;
      padding: 20px 20px;
      max-width: fit-content;
      min-width: fit-content;
      gap: 15px;
      padding-inline-end: 28px; }
      .pageNotFound .wrapper a {
        font-size: 16px; }
        @media screen and (min-width: 400px) {
          .pageNotFound .wrapper a {
            font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .pageNotFound .wrapper a {
            font-size: 17px; } }
      .pageNotFound .wrapper a span {
        padding-inline-end: 28px; }
      .pageNotFound .wrapper a img {
        width: 12px;
        height: 12px;
        object-fit: contain;
        position: relative;
        z-index: 2;
        margin-inline-end: 4px;
        filter: brightness(0) saturate(100%) invert(99%) sepia(46%) saturate(2%) hue-rotate(186deg) brightness(108%) contrast(100%); }
      .pageNotFound .wrapper a::after {
        content: "";
        position: absolute;
        background-color: transparent;
        width: 30px;
        height: 30px;
        border: 1px solid #fff;
        border-radius: 50%;
        top: 50%;
        inset-inline-end: 22px;
        transform: translateY(-50%);
        transition: all 0.3s ease-in-out; }
      .pageNotFound .wrapper a:hover {
        background-color: #0766b3;
        border-color: #0766b3;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.11); }
        .pageNotFound .wrapper a:hover img {
          filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(6731%) hue-rotate(194deg) brightness(86%) contrast(94%); }
        .pageNotFound .wrapper a:hover::after {
          filter: none;
          background-color: #fff; }
      .pageNotFound .wrapper a span {
        padding-inline-end: 28px; }

.errorBody {
  margin: 0;
  overflow: hidden; }

.errorPage {
  background-color: #0350a3;
  height: 100%;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  align-items: center; }
  .errorPage .error500 {
    background-color: #0350a3;
    height: fit-content;
    overflow: hidden; }
    .errorPage .error500 .bg-shape1,
    .errorPage .error500 .bg-shape2 {
      position: absolute;
      height: 550px;
      width: 700px;
      background: none;
      background-repeat: no-repeat;
      background-blend-mode: darken;
      inset-inline-end: 0; }
    .errorPage .error500 .bg-shape1 {
      top: 0;
      background-image: url(/assets/images/bg-shapeError2.svg);
      background-position: top;
      z-index: 0;
      background-size: 700px 570px;
      inset-inline-end: -100px; }
    .errorPage .error500 .bg-shape2 {
      bottom: 0;
      background-image: url(/assets/images/bg-shapeErrorPage.svg);
      background-position: bottom;
      z-index: 1;
      inset-inline-end: -80px;
      background-size: 700px 540px; }
    .errorPage .error500 .wrapper {
      display: flex;
      flex-direction: column;
      height: 100%;
      flex: 0 0 90%;
      max-width: 90%;
      position: relative;
      z-index: 2; }
      .errorPage .error500 .wrapper h1 {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        line-height: normal;
        color: #fff;
        font-weight: 700;
        margin-bottom: 0; }
        .errorPage .error500 .wrapper h1 {
          font-size: 40px; }
          @media screen and (min-width: 400px) {
            .errorPage .error500 .wrapper h1 {
              font-size: calc(40px + 35 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .errorPage .error500 .wrapper h1 {
              font-size: 75px; } }
      .errorPage .error500 .wrapper p {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        line-height: normal;
        color: #fff;
        font-weight: 700;
        margin-bottom: 60px; }
        .errorPage .error500 .wrapper p {
          font-size: 18px; }
          @media screen and (min-width: 400px) {
            .errorPage .error500 .wrapper p {
              font-size: calc(18px + 3 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .errorPage .error500 .wrapper p {
              font-size: 21px; } }
      .errorPage .error500 .wrapper a {
        display: flex;
        align-items: center;
        border-radius: 70px;
        border: 1px solid #fff;
        background-color: transparent;
        position: relative;
        transition: all 0.3s ease-in-out;
        color: #fff;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        line-height: normal;
        font-weight: 700;
        padding: 20px 20px;
        max-width: fit-content;
        min-width: fit-content;
        gap: 15px;
        padding-inline-end: 28px; }
        .errorPage .error500 .wrapper a {
          font-size: 16px; }
          @media screen and (min-width: 400px) {
            .errorPage .error500 .wrapper a {
              font-size: calc(16px + 1 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .errorPage .error500 .wrapper a {
              font-size: 17px; } }
        .errorPage .error500 .wrapper a span {
          padding-inline-end: 28px; }
        .errorPage .error500 .wrapper a img {
          width: 12px;
          height: 12px;
          object-fit: contain;
          position: relative;
          z-index: 2;
          margin-inline-end: 4px;
          filter: brightness(0) saturate(100%) invert(99%) sepia(46%) saturate(2%) hue-rotate(186deg) brightness(108%) contrast(100%); }
        .errorPage .error500 .wrapper a::after {
          content: "";
          position: absolute;
          background-color: transparent;
          width: 30px;
          height: 30px;
          border: 1px solid #fff;
          border-radius: 50%;
          top: 50%;
          inset-inline-end: 22px;
          transform: translateY(-50%);
          transition: all 0.3s ease-in-out; }
        .errorPage .error500 .wrapper a:hover {
          background-color: #0766b3;
          border-color: #0766b3;
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.11); }
          .errorPage .error500 .wrapper a:hover img {
            filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(6731%) hue-rotate(194deg) brightness(86%) contrast(94%); }
          .errorPage .error500 .wrapper a:hover::after {
            filter: none;
            background-color: #fff; }
        .errorPage .error500 .wrapper a span {
          padding-inline-end: 28px; }

.terms-conditions {
  padding-top: 110px;
  padding-bottom: 70px; }
  .terms-conditions .wrapper .summary {
    font-family: "Almarai", sans-serif !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    color: #5f5f5f;
    font-weight: 400;
    max-width: 80%;
    margin-bottom: 40px; }
    .terms-conditions .wrapper .summary {
      font-size: 20px; }
      @media screen and (min-width: 400px) {
        .terms-conditions .wrapper .summary {
          font-size: calc(20px + 4 * ((100vw - 400px) / 1600)); } }
      @media screen and (min-width: 2000px) {
        .terms-conditions .wrapper .summary {
          font-size: 24px; } }
    .terms-conditions .wrapper .summary {
      line-height: 26px; }
      @media screen and (min-width: 400px) {
        .terms-conditions .wrapper .summary {
          line-height: calc(26px + 2 * ((100vw - 400px) / 1600)); } }
      @media screen and (min-width: 2000px) {
        .terms-conditions .wrapper .summary {
          line-height: 28px; } }
  .terms-conditions .wrapper .termsItem {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    padding-inline: 0; }
    .terms-conditions .wrapper .termsItem .result .title h4 {
      color: #000;
      font-weight: 700;
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased; }
      .terms-conditions .wrapper .termsItem .result .title h4 {
        font-size: 20px; }
        @media screen and (min-width: 400px) {
          .terms-conditions .wrapper .termsItem .result .title h4 {
            font-size: calc(20px + 3 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .terms-conditions .wrapper .termsItem .result .title h4 {
            font-size: 23px; } }
      .terms-conditions .wrapper .termsItem .result .title h4 {
        line-height: 25px; }
        @media screen and (min-width: 400px) {
          .terms-conditions .wrapper .termsItem .result .title h4 {
            line-height: calc(25px + 5 * ((100vw - 400px) / 1600)); } }
        @media screen and (min-width: 2000px) {
          .terms-conditions .wrapper .termsItem .result .title h4 {
            line-height: 30px; } }
    .terms-conditions .wrapper .termsItem .result .description ul {
      margin-bottom: 0; }
      .terms-conditions .wrapper .termsItem .result .description ul li {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #5f5f5f;
        font-weight: 300; }
        .terms-conditions .wrapper .termsItem .result .description ul li {
          font-size: 16px; }
          @media screen and (min-width: 400px) {
            .terms-conditions .wrapper .termsItem .result .description ul li {
              font-size: calc(16px + 3 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .terms-conditions .wrapper .termsItem .result .description ul li {
              font-size: 19px; } }
        .terms-conditions .wrapper .termsItem .result .description ul li {
          line-height: 20px; }
          @media screen and (min-width: 400px) {
            .terms-conditions .wrapper .termsItem .result .description ul li {
              line-height: calc(20px + 5 * ((100vw - 400px) / 1600)); } }
          @media screen and (min-width: 2000px) {
            .terms-conditions .wrapper .termsItem .result .description ul li {
              line-height: 25px; } }

.ltr {
  direction: ltr; }

/*======================
Breakpoints
======================*/
/*======================
Colors
======================*/
/*======================
Common Buttons
======================*/
/*===============================
Pillars of Success SVG Styles
================================*/
/*======================
Common Styles
======================*/
@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%; }
  to {
    background-position: 100% 50%; } }
/*======================
Typography
======================*/
@media all and (max-width: 1600px) {
  .pillars-of-success .container {
    padding-inline: 30px; }
  .pillars-of-success .wrapper .outer-circle .circle-svg {
    --radius: 21vmin; }
  .pillars-of-success .wrapper .outer-circle .inner-circle {
    --radius2: 12.5vmin; }
  .pillars-of-success .wrapper .outer-circle .larger-circle {
    --radius3: 22vmin;
    --padding-start: 75%;
    --padding-decrement: 3%;
    --max-width-start: 34vw;
    --max-width-increment: 5vw; }
    .pillars-of-success .wrapper .outer-circle .larger-circle .item-box {
      padding-inline-start: 25px; }
      .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .title {
        padding-inline-start: 20%; }
      .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary {
        max-width: 40vw;
        padding-inline-start: 70%; }
        .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary .summary {
          max-width: 100%; }
      .pillars-of-success .wrapper .outer-circle .larger-circle .item-box:nth-child(1) .item-summary {
        bottom: 50%;
        top: -65px;
        inset-inline-start: 160%; }
      .pillars-of-success .wrapper .outer-circle .larger-circle .item-box:nth-child(2) .item-summary {
        bottom: 50%;
        top: -178px;
        inset-inline-start: 140%; }
      .pillars-of-success .wrapper .outer-circle .larger-circle .item-box:nth-child(3) .item-summary {
        bottom: 50%;
        top: -300px;
        inset-inline-start: 160%; }
      .pillars-of-success .wrapper .outer-circle .larger-circle .item-box:nth-child(4) .item-summary {
        bottom: 50%;
        top: -360px;
        inset-inline-start: 190%; }
      .pillars-of-success .wrapper .outer-circle .larger-circle .item-box:nth-child(5) .item-summary {
        inset-inline-start: 200%;
        top: 0; } }
@media all and (max-width: 1550px) {
  header::before {
    top: 84px; }
  header .headerHolder .nav {
    justify-content: flex-end; }
    header .headerHolder .nav .logo a {
      width: 170px;
      height: 50px; }
    header .headerHolder .nav .middle .navItemsList .mainMenu {
      gap: 25px; }
    header .headerHolder .nav .right {
      flex: 0.5; } }
@media all and (max-width: 1400px) {
  .pillars-of-success {
    padding-bottom: 120px; }
    .pillars-of-success .container {
      padding-inline: 30px; }
    .pillars-of-success .wrapper .outer-circle .circle-svg {
      clip-path: circle(60% at 80% 50%); }
    .pillars-of-success .wrapper .outer-circle .inner-circle {
      --radius2: 12.5vmin; }
    .pillars-of-success .wrapper .outer-circle .larger-circle {
      --padding-start: 75%;
      --padding-decrement: 5%;
      --max-width-start: 34vw;
      --max-width-increment: 5vw; }
      .pillars-of-success .wrapper .outer-circle .larger-circle .item-box {
        padding-inline-start: 25px; }
        .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .title {
          padding-inline-start: 20%; }
        .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary {
          max-width: 40vw;
          padding-inline-start: 68%; }
          .pillars-of-success .wrapper .outer-circle .larger-circle .item-box .item-summary .summary {
            max-width: 100%; }
        .pillars-of-success .wrapper .outer-circle .larger-circle .item-box:last-child .item-summary {
          max-width: 45vw;
          padding-inline-start: 68%; }
        .pillars-of-success .wrapper .outer-circle .larger-circle .item-box:nth-child(1) .item-summary {
          top: -55px; }
        .pillars-of-success .wrapper .outer-circle .larger-circle .item-box:nth-child(2) .item-summary {
          top: -155px; } }
@media all and (max-width: 1350px) {
  .container {
    width: 100%;
    margin: 0 auto;
    padding: 0px 60px; }

  footer .footerWrapper {
    padding-inline: 60px; }
    footer .footerWrapper .upperFooter {
      margin-bottom: 60px; }
      footer .footerWrapper .upperFooter .socialMediaIcons a {
        padding: 15px;
        width: 54px;
        height: 54px; }
        footer .footerWrapper .upperFooter .socialMediaIcons a img {
          width: 13px;
          height: 13px; }
    footer .footerWrapper .middleFooter {
      margin-bottom: 40px; }
      footer .footerWrapper .middleFooter .linksWrapper {
        max-width: 100%;
        gap: 30px; }
        footer .footerWrapper .middleFooter .linksWrapper .pageColumn {
          gap: 18px; }

  .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content {
    inset-inline-start: 60px; }
  .main-banner .banner-wrapper .bannerSwiper .homeBannerSwiperControls {
    inset-inline-start: 60px; }

  .alMunajem-Grp {
    padding-bottom: 70px; }

  .activities-list {
    padding-top: 85px; }
    .activities-list .blockHead {
      margin-bottom: 85px;
      gap: 50px; }
    .activities-list .blockBody .listingHolder {
      margin-inline: -60px; }
      .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a {
        --bs-aspect-ratio: 85%; }
      .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
        margin-bottom: 20px; }

  .companies-list.companies-home {
    padding-top: 85px;
    padding-bottom: 70px; }
  .companies-list .blockBody .listingHolder .listingItemDIV {
    flex: 0 0 auto;
    width: 50%; }

  .careers-home .wrapper {
    padding-top: 85px; }
    .careers-home .wrapper .imgContainer {
      --bs-aspect-ratio: 90%; }
    .careers-home .wrapper .contentContainer .content-wrapper {
      margin-bottom: -100px;
      gap: 30px;
      padding-inline: 35px; }
      .careers-home .wrapper .contentContainer .content-wrapper .moreBtn a span {
        padding-inline-end: 33px; }

  .our-present {
    padding: 85px 0; }
    .our-present .blockBody .listingHolder .listingItemDIV {
      margin-bottom: 85px; }
      .our-present .blockBody .listingHolder .listingItemDIV .listingItem {
        align-items: flex-start; }
        .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
          flex: 0 0 50%;
          max-width: 50%; }
        .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
          flex: 0 0 50%;
          max-width: 50%; }
          .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingImage .ratio {
            --bs-aspect-ratio: 90%; }

  .awards {
    padding: 85px 0; }
    .awards .wrapper .title {
      gap: 25px;
      margin-bottom: 60px; }
      .awards .wrapper .title p {
        max-width: 90%;
        margin-bottom: 0; }
    .awards .wrapper .awards-list .item .item-wrapper .award-img {
      align-items: center;
      justify-content: center;
      display: flex; }

  .expandCollapse .blockBody .listingHolder .listingItemDIV .listingItem {
    border-bottom: none !important; }

  .pillars-of-success {
    display: none; }

  .pillars-of-success-mobile {
    display: flex;
    background-color: #fff;
    padding-top: 88px;
    padding-bottom: 88px;
    min-height: 90vh;
    position: relative; }
    .pillars-of-success-mobile .blockHead .maintitle {
      font-family: "Almarai", sans-serif !important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      font-weight: 700;
      color: #003273; }
      .pillars-of-success-mobile .blockHead .maintitle {
        font-size: 28px; }
      .pillars-of-success-mobile .blockHead .maintitle {
        line-height: 42px; }
      .pillars-of-success-mobile .blockHead .maintitle span {
        background: -webkit-linear-gradient(200deg, #01a482 43.28%, #1d8b8f 56.91%, #2f7a98 70.55%, #4f5da7 83.91%, #723dba 97.82%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: gradientAnimation 3.5s linear infinite;
        animation-direction: alternate;
        background-size: 300% 100%;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        color: #003273;
        opacity: 1;
        padding-inline-start: 0; }
        .pillars-of-success-mobile .blockHead .maintitle span {
          font-size: 28px; }
        .pillars-of-success-mobile .blockHead .maintitle span {
          line-height: 42px; }
    .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem {
      border-bottom: none; }
      .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandToggle .left {
        margin-bottom: 17px; }
        .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandToggle .left .icon {
          position: relative;
          width: 83px !important;
          height: 83px;
          margin-inline-end: 20px;
          position: relative; }
          .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandToggle .left .icon img {
            position: absolute;
            display: block;
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;
            top: 50%;
            inset-inline-start: 50%;
            transform: translate(-50%, -50%);
            opacity: 0;
            transition: all 0.4s ease-in-out; }
          .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandToggle .left .icon .closeToggle {
            opacity: 1; }
          .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandToggle .left .icon::before {
            content: "";
            position: absolute;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
            width: 83px;
            height: 83px;
            opacity: 0;
            transition: all 0.4s ease-in-out; }
        .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandToggle .left .title {
          font-family: "Almarai", sans-serif !important;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          color: #003273;
          font-size: 13px;
          font-weight: 800;
          line-height: 13px;
          letter-spacing: 1.82px;
          text-transform: uppercase;
          opacity: 0.2;
          transition: all 0.3s ease-in-out; }
      .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandToggle #yellowIcon .icon::before {
        background-color: #ffcd5f; }
      .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandToggle #greenIcon .icon::before {
        background-color: #00a681; }
      .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandToggle #purpleIcon .icon::before {
        background-color: #733cb9; }
      .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandToggle #darkBlueIcon .icon::before {
        background-color: #422b7f; }
      .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandToggle.open .left .icon::before {
        opacity: 1; }
      .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandToggle.open .left .icon .openToggle {
        opacity: 1; }
      .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandToggle.open .left .icon .closeToggle {
        opacity: 0; }
      .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandToggle.open .left .title {
        opacity: 1; }
      .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandContent .summary p {
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #555964;
        margin-bottom: 0; }
        .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandContent .summary p {
          font-size: 18px; }
        .pillars-of-success-mobile .blockBody .listingHolder .listingItemDIV .listingItem .expandContent .summary p {
          line-height: 27px; }
  .company-overview .bg-shape {
    width: 630px;
    height: calc(100% - 320px); }
  .company-overview .wrapper {
    gap: 55px; }
    .company-overview .wrapper .bottom-content {
      gap: 1rem; }
      .company-overview .wrapper .bottom-content .text {
        flex: 0 0 48%;
        max-width: 50%;
        gap: 25px; }
      .company-overview .wrapper .bottom-content .image {
        flex: 0 0 48%;
        max-width: 50%;
        --bs-aspect-ratio: 80%; }

  .services-listing {
    padding-top: 85px; }

  .address-contact {
    padding: 85px 0; }

  .careers-details-page {
    padding: 80px 0; }
    .careers-details-page .container {
      gap: 35px; }
    .careers-details-page .job-info {
      flex: 30%;
      max-width: 35%;
      margin-top: 0;
      padding: 18px; }
      .careers-details-page .job-info .jobDetails {
        margin-bottom: 28px;
        gap: 18px; }
    .careers-details-page .content-wrapper {
      flex: 0 0 60%;
      max-width: 60%; }
      .careers-details-page .content-wrapper .title {
        margin-bottom: 32px; } }
@media all and (max-width: 1250px) {
  .container {
    width: 100%;
    margin: 0 auto;
    padding: 0px 20px; }

  .burgerMenu {
    display: block !important;
    width: 49px;
    height: 49px;
    flex-shrink: 0;
    background-image: url(/assets/icons/burger-menu.svg);
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.4s ease-in-out;
    cursor: pointer; }
    .burgerMenu svg #topLine {
      transform-origin: center;
      transition: all 0.4s 0.5s ease-in-out; }
    .burgerMenu svg #bottomLine {
      transform-origin: center;
      transition: all 0.4s 0.5s ease-in-out; }
    .burgerMenu.active {
      background-image: url(/assets/icons/blue-close.svg); }

  header {
    padding-top: 58px;
    padding-bottom: 18px;
    z-index: 101;
    transition: all 0.3s linear; }
    header .headerHolder .nav .logo a {
      width: 184px;
      height: 54px; }
    header .headerHolder .nav .middle .navItemsList {
      position: absolute;
      padding-inline: 20px;
      padding-top: 25px;
      top: 200px;
      inset-inline-start: 0;
      height: calc(100vh - 200px);
      background-color: #ffff;
      width: 100%;
      inset-inline-start: 0;
      z-index: 99;
      opacity: 0;
      display: flex;
      overflow-y: auto;
      overflow-x: hidden;
      flex-direction: column-reverse;
      justify-content: flex-end;
      align-items: flex-start;
      visibility: hidden;
      transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; }
      header .headerHolder .nav .middle .navItemsList.openMenu {
        opacity: 1;
        visibility: visible; }
      header .headerHolder .nav .middle .navItemsList .mainMenu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        display: none;
        width: 100%;
        gap: 0; }
        header .headerHolder .nav .middle .navItemsList .mainMenu .navItem {
          padding: 25px 0;
          height: auto;
          width: 100%;
          border-bottom: 1px solid #eaedf4;
          justify-content: space-between; }
          header .headerHolder .nav .middle .navItemsList .mainMenu .navItem .navLink {
            font-size: 24px;
            font-weight: 700;
            line-height: 24px; }
          header .headerHolder .nav .middle .navItemsList .mainMenu .navItem .blue-arrow {
            display: none; }
          header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .blue-arrow {
            cursor: pointer;
            display: flex;
            transform: rotate(180deg); }
          header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu {
            background-color: #fff;
            width: 100%;
            position: absolute;
            z-index: 100;
            height: calc(100vh - 200px);
            inset-inline-end: 0;
            inset-inline-start: auto;
            top: 0;
            display: flex;
            visibility: hidden;
            opacity: 0;
            pointer-events: none;
            padding-inline: 20px;
            transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out; }
            header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu.show {
              inset-inline-end: 0;
              opacity: 1;
              visibility: visible;
              pointer-events: auto; }
            header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper {
              padding-inline: 0;
              flex-direction: column;
              max-height: 100%;
              overflow: auto;
              width: 100%; }
              header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul {
                padding-inline-start: 0; }
                header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul li {
                  margin-bottom: 22px;
                  padding-bottom: 22px;
                  border-bottom: 1px solid #eaedf4; }
                header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul .submenu-title {
                  display: flex;
                  position: relative;
                  border-bottom: none;
                  margin-bottom: 0; }
                  header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul .submenu-title a {
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 24px;
                    margin-inline-start: 40px;
                    padding-bottom: 40px;
                    color: #003273; }
                  header .headerHolder .nav .middle .navItemsList .mainMenu .navItem.hasSubmenu .submenu .wrapper ul .submenu-title .back-arrow {
                    position: absolute;
                    inset-inline-start: 0;
                    width: 40px;
                    height: 40px;
                    top: -5px; }
      header .headerHolder .nav .middle .navItemsList .lang-mobile {
        display: flex !important;
        position: absolute;
        bottom: 80px;
        text-align: center;
        width: 100%;
        inset-inline: 0;
        align-items: center;
        justify-content: center; }
    header .headerHolder .nav .right {
      position: absolute;
      background-color: #ffff;
      padding-inline: 20px;
      padding-top: 24px;
      inset-inline: 0;
      top: 131px;
      width: 100%;
      height: 70px;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; }
      header .headerHolder .nav .right.showSearch {
        opacity: 1;
        visibility: visible; }
      header .headerHolder .nav .right .searchDesktop {
        display: none; }
      header .headerHolder .nav .right .lang-selector {
        display: none; }
    header.bgColor {
      background-color: #fff;
      border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
    header .ui-menu.ui-widget-content {
      background: #fff;
      border-top: none; }
    header .ui-menu .ui-menu-item {
      padding-inline: 20px; }
      header .ui-menu .ui-menu-item a {
        color: #616161; }
        header .ui-menu .ui-menu-item a::after {
          background-size: 18px 18px; }

  .searchWindow {
    padding-top: 24px;
    position: relative;
    background-color: #fff; }
    .searchWindow .content {
      top: auto;
      transform: none;
      inset-inline-start: 0;
      margin: 0;
      width: 100%; }
      .searchWindow .content .searchInputWrap input {
        width: 100%;
        border: none;
        outline: none;
        border-bottom: 1px solid #ddd;
        padding: 0 10px 20px;
        font-family: "Almarai", sans-serif !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        color: #616161;
        line-height: normal; }
        .searchWindow .content .searchInputWrap input::placeholder {
          color: #616161; }
      .searchWindow .content .search-icon {
        filter: none;
        inset-inline-end: 10px; } }
@media all and (max-width: 992px) {
  .subtitle {
    padding-inline-start: 74px; }
    .subtitle::before {
      width: 54px; }

  @keyframes expand {
    to {
      width: 314px;
      border-radius: 70px; } }
  .animated-button {
    height: 60px; }
    .animated-button span {
      padding: 15px 20px;
      padding-inline-end: 68px; }
    .animated-button.animating-btn {
      /* Add animation */
      animation: appear 0.4s ease-out forwards, expand 0.5s ease-out 0.5s forwards; }
      .animated-button.animating-btn span {
        animation: showText 0.3s ease-out 1s forwards; }
      .animated-button.animating-btn::after {
        animation: showArrow 0.3s ease-in-out 0.6s forwards; }

  .counter-wrapper {
    height: 58px; }

  .digit-wrapper {
    height: 50px;
    width: 32px; }

  .digits-container {
    height: 50px;
    gap: 0; }

  .comma-wrapper {
    height: 32px;
    width: 13px; }

  .digit {
    height: 50px;
    width: 32px; }

  .prefix,
  .suffix {
    height: 50px; }

  .filter .filter-wrapper {
    width: 100%; }
    .filter .filter-wrapper label {
      width: 100%;
      flex-direction: column;
      align-items: flex-end; }

  footer .bg-shape {
    display: none; }
  footer .footerWrapper {
    align-items: center;
    justify-content: center;
    padding-inline: 20px;
    padding-top: 40px; }
    footer .footerWrapper .upperFooter {
      margin-bottom: 60px;
      justify-content: center; }
      footer .footerWrapper .upperFooter .footerLogo {
        display: flex; }
        footer .footerWrapper .upperFooter .footerLogo a {
          width: 184px;
          height: 54px;
          flex-shrink: 0; }
      footer .footerWrapper .upperFooter .socialMediaIcons {
        display: none; }
    footer .footerWrapper .middleFooter {
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 30px; }
      footer .footerWrapper .middleFooter .linksWrapper {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 25px;
        max-width: 100%;
        align-items: center; }
        footer .footerWrapper .middleFooter .linksWrapper .pageColumn {
          gap: 0; }
          footer .footerWrapper .middleFooter .linksWrapper .pageColumn .pageLinks {
            display: none; }
    footer .footerWrapper .socialMediaIcons.mobile {
      display: inline-flex;
      margin-bottom: 40px; }
    footer .footerWrapper .bottomFooter .copy {
      text-align: center;
      line-height: 21px;
      display: flex;
      flex-direction: column;
      gap: 2px; }
      footer .footerWrapper .bottomFooter .copy span a {
        line-height: 21px; }

  .main-banner {
    height: 100vh;
    max-height: 100vh; }
    .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .bg-shape2,
    .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .bg-shape1 {
      display: none; }
    .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content {
      inset-inline: 20px;
      bottom: 60px;
      max-width: 100%;
      width: calc(100% - 40px); }
      .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-Subtitle {
        padding-inline-start: 64px; }
        .main-banner .banner-wrapper .bannerSwiper .swiper-wrapper .swiper-slide .banner-content .banner-Subtitle::before {
          width: 54px; }
    .main-banner .banner-wrapper .bannerSwiper .homeBannerSwiperControls {
      bottom: 15px;
      inset-inline-start: 20px; }

  .alMunajem-Grp {
    padding-top: 40px;
    padding-bottom: 0; }
    .alMunajem-Grp .bg-shape {
      display: none; }
    .alMunajem-Grp .wrapper .upper-content .subtitle {
      margin-bottom: 30px; }
    .alMunajem-Grp .wrapper .upper-content .title {
      margin-bottom: 30px; }
    .alMunajem-Grp .wrapper .upper-content .summary {
      margin-bottom: 30px; }
    .alMunajem-Grp .wrapper .upper-content .moreBtn {
      margin-bottom: 30px; }
    .alMunajem-Grp .wrapper .numbers-list {
      margin-top: 30px;
      flex-wrap: wrap; }
      .alMunajem-Grp .wrapper .numbers-list .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%; }
      .alMunajem-Grp .wrapper .numbers-list .number-item {
        margin-bottom: 50px; }
        .alMunajem-Grp .wrapper .numbers-list .number-item .number {
          padding-bottom: 12px; }
        .alMunajem-Grp .wrapper .numbers-list .number-item .name {
          margin-top: 9px; }
          .alMunajem-Grp .wrapper .numbers-list .number-item .name p {
            margin-bottom: 0; }

  .activities-list {
    padding-top: 54px; }
    .activities-list .blockHead {
      gap: 30px;
      margin-bottom: 30px; }
    .activities-list .blockBody .listingHolder {
      margin-inline: -20px; }
      .activities-list .blockBody .listingHolder .listingItemDIV {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        height: 100%; }
        .activities-list .blockBody .listingHolder .listingItemDIV:hover .listingItem .listingInfo .listingTitle a {
          color: #fff; }
        .activities-list .blockBody .listingHolder .listingItemDIV .listingItem {
          width: 100%;
          height: fit-content; }
          .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
            height: fit-content; }
            .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a {
              height: fit-content;
              --bs-aspect-ratio: 88%; }
              .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a::after {
                height: 50%;
                opacity: 0.7; }
          .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
            top: 65%;
            transform: translateY(-35%);
            height: fit-content; }
            .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
              margin-bottom: 20px; }
              .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle a:hover {
                color: #fff; }
            .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
              height: fit-content;
              margin-bottom: 0;
              max-width: 82%;
              opacity: 1; }
            .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink {
              height: fit-content;
              position: absolute;
              bottom: 15px;
              inset-inline-end: 20px;
              opacity: 1; }
              .activities-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
                height: 34px;
                width: 34px; }
    .activities-list.related-activities {
      padding-top: 60px;
      padding-bottom: 48px; }
      .activities-list.related-activities .blockBody .listingHolder {
        gap: 0;
        margin: 0; }
        .activities-list.related-activities .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a {
          --bs-aspect-ratio: 100%; }
          .activities-list.related-activities .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a::after {
            width: 100%;
            height: 100%;
            background: linear-gradient(0deg, rgba(0, 15, 34, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
            background-repeat: no-repeat;
            background-size: cover; }
        .activities-list.related-activities .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
          top: 0;
          inset-inline-start: 0;
          height: 100%;
          transform: none; }
          .activities-list.related-activities .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription,
          .activities-list.related-activities .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink {
            display: none; }

  .companies-list {
    padding-top: 60px; }
    .companies-list .blockBody .listingHolder .listingItemDIV .listingItem {
      padding: 18px;
      padding-bottom: 22px; }
      .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
        min-height: 160px;
        align-items: center;
        justify-content: center; }
        .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a {
          max-height: 90px;
          max-width: 180px; }
          .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a img {
            height: 100%; }
      .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
        margin-top: 21px; }
        .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
          margin-bottom: 21px; }
        .companies-list .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
          margin-bottom: 16px; }
    .companies-list.companies-home {
      padding-top: 60px;
      padding-bottom: 50px; }
      .companies-list.companies-home .blockBody {
        position: relative;
        overflow: visible;
        margin-inline-end: 20px; }
        .companies-list.companies-home .blockBody .listingHolder {
          flex-wrap: nowrap;
          overflow: visible;
          margin: 0; }
          .companies-list.companies-home .blockBody .listingHolder .listingItemDIV {
            padding: 0; }
      .companies-list.companies-home .viewAllBottom {
        margin-top: 50px; }
      .companies-list.companies-home .swiper-scrollbar {
        display: block;
        cursor: pointer;
        background: #d2d2d2;
        cursor: pointer; }
        .companies-list.companies-home .swiper-scrollbar.swiper-scrollbar-horizontal {
          height: var(--swiper-scrollbar-size, 2.2px); }
        .companies-list.companies-home .swiper-scrollbar .swiper-scrollbar-drag {
          background: #003273; }

  .careers-home .bg-shape {
    display: none; }
  .careers-home .container {
    background-color: #003273; }
  .careers-home .wrapper {
    padding-top: 68px;
    padding-bottom: 53px;
    flex-direction: column;
    gap: 42px; }
    .careers-home .wrapper .imgContainer {
      flex: 0 0 100%;
      max-width: 100%;
      border-radius: 8px;
      --bs-aspect-ratio: 70%; }
    .careers-home .wrapper .contentContainer {
      flex: 0 0 100%;
      max-width: 100%;
      margin-inline-start: 0; }
      .careers-home .wrapper .contentContainer .content-wrapper {
        background-color: transparent;
        border-radius: 0;
        border: none;
        margin-bottom: 0;
        padding: 0; }
        .careers-home .wrapper .contentContainer .content-wrapper .moreBtn a span {
          padding-inline-end: 20px; }

  .headerBanner {
    min-height: 580px; }
    .headerBanner .bg-shape1,
    .headerBanner .bg-shape2 {
      display: none; }
    .headerBanner .banner-wrapper {
      min-height: 580px; }
      .headerBanner .banner-wrapper .img-wrapper img {
        min-height: 580px;
        object-position: center; }
      .headerBanner .banner-wrapper .content-wrapper {
        bottom: 70px; }
    .headerBanner.coloredBanner {
      min-height: 520px; }
      .headerBanner.coloredBanner .banner-wrapper {
        min-height: 520px; }
        .headerBanner.coloredBanner .banner-wrapper .colored-wrapper {
          height: 520px; }
        .headerBanner.coloredBanner .banner-wrapper .bg-shape1 {
          display: flex;
          background: none;
          background-image: url(/assets/icons/banner-shape-mobile.svg);
          background-repeat: no-repeat;
          background-size: contain;
          background-position: right bottom;
          width: 300px;
          height: 80%;
          top: 132px;
          inset-inline-end: 0;
          clip-path: none;
          bottom: 0; }

  .index-tabs {
    max-height: fit-content;
    transition: all 0.3s linear; }
    .index-tabs .container {
      padding-inline: 0; }
    .index-tabs .tabs-list {
      gap: 30px;
      overflow: auto;
      scrollbar-width: none; }
      .index-tabs .tabs-list .item a {
        height: 100%;
        white-space: nowrap; }

  .company-overview {
    padding-top: 30px;
    padding-bottom: 85px; }
    .company-overview.careers-overveiw {
      padding-top: 60px;
      padding-bottom: 40px; }
    .company-overview .bg-shape {
      display: none; }
    .company-overview .wrapper {
      gap: 61px; }
      .company-overview .wrapper .top-content .logo {
        padding-inline-end: 24px; }
        .company-overview .wrapper .top-content .logo img {
          object-fit: contain;
          max-width: 180px; }
      .company-overview .wrapper .top-content .logo-title {
        padding-inline-end: 24px; }
      .company-overview .wrapper .bottom-content {
        flex-direction: column;
        gap: 30px; }
        .company-overview .wrapper .bottom-content .text {
          flex: 0 0 100%;
          max-width: 100%;
          gap: 30px; }
        .company-overview .wrapper .bottom-content .image {
          flex: 0 0 100%;
          max-width: 100%;
          --bs-aspect-ratio: 58%;
          border-radius: 0; }
    .company-overview.sustainability-overview {
      padding-top: 60px;
      padding-bottom: 60px; }

  .philosophy .bg-shape {
    display: none; }
  .philosophy .wrapper {
    padding-top: 52px;
    padding-bottom: 85px; }
    .philosophy .wrapper .title {
      margin-bottom: 46px; }
    .philosophy .wrapper .list-container {
      flex-direction: column; }
      .philosophy .wrapper .list-container .item {
        flex: 0 0 100%;
        max-width: 100%;
        gap: 25px; }
        .philosophy .wrapper .list-container .item .item-header {
          gap: 11px; }
          .philosophy .wrapper .list-container .item .item-header .logo {
            height: 57px;
            width: 60px; }

  .alMunajemFoods-msg .wrapper {
    padding: 60px 0; }
    .alMunajemFoods-msg .wrapper .content {
      flex: 0 0 50%;
      max-width: 50%; }

  .quality-control-team .container {
    border-start-start-radius: 20px;
    border-start-end-radius: 20px; }
  .quality-control-team .wrapper {
    padding-top: 48px; }
    .quality-control-team .wrapper .video-wrapper {
      border-radius: 0;
      min-height: 260px;
      margin-bottom: 28px; }
      .quality-control-team .wrapper .video-wrapper img {
        min-height: 260px;
        object-position: center; }
      .quality-control-team .wrapper .video-wrapper .play-btn {
        width: fit-content;
        height: fit-content; }
        .quality-control-team .wrapper .video-wrapper .play-btn svg {
          width: 50px;
          height: 50px; }
    .quality-control-team .wrapper .content-wrapper {
      flex-direction: column;
      gap: 25px; }
      .quality-control-team .wrapper .content-wrapper .title {
        flex: 0 0 100%; }
      .quality-control-team .wrapper .content-wrapper .summary {
        flex: 0 0 100%;
        max-width: 100%; }

  .clinics-shops {
    padding-top: 68px; }
    .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV {
      margin-bottom: 90px;
      padding: 0; }
      .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem {
        flex-direction: column;
        margin: 0; }
        .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
          flex: 0 0 100%;
          max-width: 100%;
          width: 100%;
          padding-inline: 0;
          margin-bottom: 30px; }
          .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingImage .ratio {
            --bs-aspect-ratio: 72%;
            border-radius: 0; }
        .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
          flex: 0 0 100%;
          max-width: 100%;
          padding-inline: 0; }
          .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .maintitle {
            margin-bottom: 20px; }
          .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
            margin-bottom: 30px; }
            .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
              margin-bottom: 0; }
          .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink {
            margin-top: 0; }
            .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink a {
              gap: 7px;
              min-width: 100%;
              padding: 17px 20px;
              padding-inline-end: 60px; }
      .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV:nth-child(even) .listingItem .listingImage {
        padding-inline: 0; }
      .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV:nth-child(even) .listingItem .listingImage {
        padding-inline: 0; }
      .clinics-shops .toolkitListing .blockBody .listingHolder .listingItemDIV:last-child {
        margin-bottom: 60px; }

  .services-listing {
    padding-top: 60px;
    padding-bottom: 20px; }
    .services-listing .blockBody {
      position: relative;
      overflow: visible;
      padding-bottom: 40px; }
      .services-listing .blockBody .swiper-wrapper .swiper-slide {
        margin-inline-end: 15px; }
      .services-listing .blockBody .swiper-wrapper .listingItem {
        padding: 18px;
        padding-bottom: 22px; }

  .address-contact {
    padding: 60px 0; }
    .address-contact .bg-shape {
      height: 100%; }
    .address-contact .wrapper {
      padding: 60px 0;
      padding-inline: 40px;
      border-radius: 20px;
      justify-content: space-between; }
      .address-contact .wrapper .subtitle {
        margin-bottom: 44px; }
      .address-contact .wrapper .info-container {
        gap: 35px; }
        .address-contact .wrapper .info-container .title {
          flex: 0 0 45%;
          max-width: 50%; }

  .success-story {
    padding-top: 50px;
    padding-bottom: 80px; }
    .success-story .bg-shape {
      display: none; }
    .success-story .wrapper {
      flex-direction: column; }
      .success-story .wrapper .rightContainer {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 25px; }
        .success-story .wrapper .rightContainer .title {
          margin-bottom: 30px; }
        .success-story .wrapper .rightContainer .imgContainer {
          width: 189.049px;
          height: 251.581px; }
          .success-story .wrapper .rightContainer .imgContainer img {
            height: 100%;
            width: 100%;
            object-fit: cover; }
      .success-story .wrapper .leftContainer {
        flex: 0 0 100%;
        max-width: 100%; }
        .success-story .wrapper .leftContainer .summary {
          margin-bottom: 30px; }

  .alternating.horizontal .listingItemDIV:nth-child(even) .listingItem {
    flex-direction: column !important; }

  .our-present {
    padding-top: 50px;
    padding-bottom: 50px; }
    .our-present .blockHead {
      margin-bottom: 30px; }
    .our-present .blockBody .listingHolder .listingItemDIV {
      margin-bottom: 30px;
      padding: 0; }
      .our-present .blockBody .listingHolder .listingItemDIV .listingItem {
        flex-direction: column;
        margin: 0; }
        .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
          flex: 0 0 100%;
          max-width: 100%;
          width: 100%;
          padding-inline: 0;
          margin-bottom: 30px; }
          .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingImage .ratio {
            --bs-aspect-ratio: 72%;
            border-radius: 0; }
        .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
          flex: 0 0 100%;
          max-width: 100%;
          padding-inline: 0; }
          .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .maintitle {
            margin-bottom: 20px; }
          .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription {
            margin-bottom: 30px; }
            .our-present .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription p {
              margin-bottom: 0; }
      .our-present .blockBody .listingHolder .listingItemDIV:nth-child(even) .listingItem .listingImage {
        padding-inline: 0; }
      .our-present .blockBody .listingHolder .listingItemDIV:nth-child(even) .listingItem .listingImage {
        padding-inline: 0; }
      .our-present .blockBody .listingHolder .listingItemDIV:last-child {
        margin-bottom: 0; }

  .awards {
    padding: 63px 0; }
    .awards .wrapper .title {
      margin-bottom: 50px; }
      .awards .wrapper .title p {
        max-width: 100%; }
    .awards .wrapper .awards-list .item .item-wrapper .award-img {
      max-width: 100%; }
      .awards .wrapper .awards-list .item .item-wrapper .award-img img {
        width: 100%;
        height: 100%;
        object-fit: cover; }

  .timeline-container {
    margin-block: 65px; }
    .timeline-container .wrapper .maintitle {
      margin-bottom: 20px; }
    .timeline-container .timeline {
      margin: 0;
      flex-direction: column;
      gap: 20px;
      align-self: center;
      padding-block: 62px; }
      .timeline-container .timeline .timeline-segment {
        background: #fff;
        box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);
        padding: 30px;
        flex-direction: column-reverse;
        display: flex;
        gap: 40px; }
        .timeline-container .timeline .timeline-segment .year-box {
          width: 100%;
          margin: 0; }
        .timeline-container .timeline .timeline-segment .award {
          position: static;
          margin: 0; }
        .timeline-container .timeline .timeline-segment:nth-child(even) .year-box::before {
          top: -15px;
          border-top: none;
          border-bottom: 15px solid #0766b3; }

  .fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.15;
    --f-thumb-width: 126px;
    --f-thumb-height: 80px; }

  .our-commitment {
    padding: 60px 0; }
    .our-commitment .overlay {
      display: none; }
    .our-commitment .blockHead {
      flex-direction: column;
      margin-bottom: 30px;
      gap: 12px; }
      .our-commitment .blockHead h2 {
        flex: 0 0 100%; }
      .our-commitment .blockHead .sideLinks {
        flex: 0 0 100%; }
    .our-commitment .blockBody .listingHolder .listingItemDIV {
      margin-bottom: 45px; }
      .our-commitment .blockBody .listingHolder .listingItemDIV .listingItem .listingImage {
        --bs-aspect-ratio: 80%;
        border-radius: 8px;
        margin-bottom: 20px; }

  .sustainability-cards-list {
    padding: 60px 0;
    min-height: fit-content; }
    .sustainability-cards-list .fixed-bg {
      background-attachment: fixed; }
    .sustainability-cards-list .toolkitListing .blockHead {
      margin-bottom: 30px;
      padding-top: 20px;
      flex-direction: column;
      gap: 12px; }
      .sustainability-cards-list .toolkitListing .blockHead h2 {
        flex: 0 0 100%; }
      .sustainability-cards-list .toolkitListing .blockHead .sideLinks {
        flex: 0 0 100%; }
    .sustainability-cards-list .toolkitListing .blockBody {
      padding-bottom: 30px; }
      .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV {
        margin-bottom: 45px; }
        .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem {
          min-height: 400px;
          border-radius: 10px; }
          .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
            height: 100%;
            padding: 25px; }
            .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingTitle {
              margin-bottom: 15px; }
            .sustainability-cards-list .toolkitListing .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription ul {
              margin-bottom: 0; }

  .sustainable-future {
    padding: 60px 0; }
    .sustainable-future .wrapper .content {
      flex-direction: column;
      gap: 30px;
      justify-content: flex-start; }
      .sustainable-future .wrapper .content .title {
        flex: 0 0 100%;
        max-width: 100%; }
      .sustainable-future .wrapper .content .summary {
        flex: 0 0 100%;
        max-width: 100%; }

  .highlightedMedia {
    padding: 60px 0; }
    .highlightedMedia .toolkitListing .firstItemFeatured .listingItemDIV:first-child .listingItem {
      flex-direction: column; }
      .highlightedMedia .toolkitListing .firstItemFeatured .listingItemDIV:first-child .listingItem .listingImage {
        flex: 0 0 100%;
        max-width: 100%; }
      .highlightedMedia .toolkitListing .firstItemFeatured .listingItemDIV:first-child .listingItem .listingInfo {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 0;
        padding-bottom: 0; }
        .highlightedMedia .toolkitListing .firstItemFeatured .listingItemDIV:first-child .listingItem .listingInfo .listingDate {
          margin-bottom: 15px; }
        .highlightedMedia .toolkitListing .firstItemFeatured .listingItemDIV:first-child .listingItem .listingInfo .listingTitle {
          margin-bottom: 20px; }
        .highlightedMedia .toolkitListing .firstItemFeatured .listingItemDIV:first-child .listingItem .listingInfo .listingDescription {
          margin-bottom: 0; }

  .events-listing {
    padding-bottom: 100px; }

  .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV {
    flex: 0 0 100%;
    max-width: 100%; }
    .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV:first-child {
      flex: 0 0 100%;
      max-width: 100%; }
      .news-listing .toolkitListing .blockBody .listingHolder .listingItemDIV:first-child .listingInfo {
        flex: 0 0 100%;
        max-width: 100%; }

  .mediaDetails {
    margin-bottom: 80px;
    padding-top: 180px; }
    .mediaDetails .back-container {
      justify-content: flex-start;
      padding-inline: 20px;
      margin-bottom: 20px; }
    .mediaDetails .blockHead {
      text-align: start;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 16px;
      margin-bottom: 33px; }
      .mediaDetails .blockHead .blockTitle {
        margin-bottom: 0; }
    .mediaDetails .blockBody .mediaImage {
      margin-bottom: 33px;
      --bs-aspect-ratio: 70%; }

  .contact-page {
    padding-top: 50px; }
    .contact-page .map-container .map-wrapper {
      --bs-aspect-ratio: 82%; }
    .contact-page .form-container .SummaryContent .contact-info {
      flex-direction: column;
      gap: 56px; }
      .contact-page .form-container .SummaryContent .contact-info .summary {
        flex: 0 0 100%;
        max-width: 100%; }
      .contact-page .form-container .SummaryContent .contact-info .contact-box {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 56px;
        width: 100%; }

  .form-container .submitForm {
    flex: 0 0 100%;
    max-width: 100%; }
    .form-container .submitForm .form-row.last-row .bottom {
      margin-top: 43px; }
      .form-container .submitForm .form-row.last-row .bottom .submit {
        justify-content: flex-start; }
    .form-container .submitForm .form-row .error-msg {
      inset-inline-end: 10px; }
  .form-container .phone {
    width: calc(66% - 20px) !important; }
  .form-container .iti__country-container {
    width: calc(38% - 20px);
    margin-inline-end: 25px; }

  .searchHeader {
    padding-top: 70px;
    padding-bottom: 85px; }
    .searchHeader .container {
      max-width: 100%; }

  .resultsContainer {
    margin-bottom: 50px; }
    .resultsContainer .normalList {
      max-width: 100%; }
    .resultsContainer .blockBody .listingHolder .listingItemDIV {
      margin-bottom: 20px;
      padding-bottom: 15px; }
      .resultsContainer .blockBody .listingHolder .listingItemDIV .result {
        gap: 15px; }

  .errorPage .error500 .bg-shape2 {
    display: none; }
  .errorPage .error500 .bg-shape1 {
    display: flex;
    background: none;
    background-image: url(/assets/icons/banner-shape-mobile.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    width: 300px;
    height: 55%;
    top: 0;
    inset-inline-end: 0;
    clip-path: none;
    bottom: 0; }

  .pageNotFound {
    overflow: hidden; }
    .pageNotFound .wrapper {
      max-width: 100%; }
    .pageNotFound .bg-shape1,
    .pageNotFound .bg-shape2 {
      width: 377px;
      height: 390px; }
    .pageNotFound .bg-shape1 {
      top: 5px;
      inset-inline-end: -73px; }
    .pageNotFound .bg-shape2 {
      top: 415px;
      inset-inline-end: -112px; } }
@media all and (max-width: 768px) {
  .counter-wrapper {
    height: 58px; }

  .digit-wrapper {
    height: 46px;
    width: 26px; }

  .digits-container {
    height: 46px;
    gap: 0; }

  .comma-wrapper {
    height: 32px;
    width: 13px; }

  .digit {
    height: 46px;
    width: 26px; }

  .prefix,
  .suffix {
    height: 46px; }

  .main-banner {
    height: 90vh;
    max-height: 90vh; }

  .activities-list {
    padding-top: 54px; }
    .activities-list .blockHead {
      gap: 30px;
      margin-bottom: 30px; }
    .activities-list .blockBody .listingHolder {
      gap: 7px;
      margin-inline: -20px; }
      .activities-list .blockBody .listingHolder .listingItemDIV {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: 100%; }
    .activities-list.related-activities {
      padding-top: 60px;
      padding-bottom: 48px; }
      .activities-list.related-activities .blockBody .listingHolder {
        gap: 0;
        margin: 0; }
        .activities-list.related-activities .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a {
          --bs-aspect-ratio: 100%; }
          .activities-list.related-activities .blockBody .listingHolder .listingItemDIV .listingItem .listingImage a::after {
            width: 100%;
            height: 100%;
            background: linear-gradient(0deg, rgba(0, 15, 34, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
            background-repeat: no-repeat;
            background-size: cover; }
        .activities-list.related-activities .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo {
          top: 0;
          inset-inline-start: 0;
          height: 100%;
          transform: none; }
          .activities-list.related-activities .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingDescription,
          .activities-list.related-activities .blockBody .listingHolder .listingItemDIV .listingItem .listingInfo .listingLink {
            display: none; }

  .careers-home .wrapper .contentContainer .content-wrapper .moreBtn a span {
    padding-inline: 22px; }

  .companies-list .blockBody .listingHolder .listingItemDIV {
    flex: 0 0 auto;
    width: 100%; }

  .company-overview .wrapper .bottom-content .image {
    flex: 0 0 100%;
    max-width: 100%;
    --bs-aspect-ratio: 75%;
    border-radius: 0; }

  .address-contact {
    padding: 60px 0; }
    .address-contact .bg-shape {
      display: none; }
    .address-contact .wrapper {
      padding: 40px 0;
      padding-inline: 20px;
      border-radius: 20px; }
      .address-contact .wrapper .subtitle {
        margin-bottom: 44px; }
      .address-contact .wrapper .info-container {
        flex-direction: column;
        gap: 35px; }
        .address-contact .wrapper .info-container .title {
          flex: 0 0 100%;
          max-width: 100%; }

  .alMunajemFoods-msg .wrapper {
    padding: 60px 0;
    flex-direction: column; }
    .alMunajemFoods-msg .wrapper .content {
      flex: 0 0 100%;
      max-width: 100%; }
    .alMunajemFoods-msg .wrapper .title {
      flex: 0 0 100%;
      max-width: 100%; }

  .careers-listing {
    padding-bottom: 80px;
    padding-top: 50px; }
    .careers-listing .wrapper .title {
      margin-bottom: 30px; }
    .careers-listing .wrapper .items-list .item-wrapper {
      gap: 35px;
      flex-wrap: wrap; }
      .careers-listing .wrapper .items-list .item-wrapper .jobInfo {
        flex: 0 0 100%;
        max-width: 100%; }
        .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobSummary {
          margin-bottom: 30px; }
        .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobLink h4 {
          margin-bottom: 20px; }
        .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobLink .jobDetails {
          flex-wrap: wrap;
          align-items: flex-start;
          gap: 15px; }
          .careers-listing .wrapper .items-list .item-wrapper .jobInfo .jobLink .jobDetails li {
            flex-grow: 1; }

  .careers-details-page {
    padding: 80px 0; }
    .careers-details-page .container {
      flex-direction: column;
      gap: 35px;
      align-items: flex-end; }
    .careers-details-page .job-info {
      flex: 0 0 100%;
      max-width: 100%;
      margin-top: 0;
      padding: 18px;
      width: 100%; }
      .careers-details-page .job-info .jobDetails {
        margin-bottom: 28px;
        gap: 18px; }
    .careers-details-page .content-wrapper {
      flex: 0 0 100%;
      max-width: 100%; }
      .careers-details-page .content-wrapper .title {
        margin-bottom: 32px; } }
*,
*::before,
*::after {
  direction: ltr; }

/*# sourceMappingURL=alMunajem-en.css.map */