/* -------------------------------------------------------------------------- */
/*                                Contact Page                                */
/* -------------------------------------------------------------------------- */

.contact_top_Wrapper {
  padding-block: 120px 160px;
  background-image: url(./assets/images/contact-top-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.contact_top_Wrapper .container {
  display: flex;
  gap: 64px;
  align-items: center;
}

.contact_Top_Right {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.contact_Top_Item:not(:first-child) {
  margin-top: 4px;
}

.contact_Top_Item {
  gap: 16px !important;
}

.contact_Top_Item .contact_Top_Item_Phones a {
  direction: ltr !important;
}

.contact_Top_Left iframe {
  border: 1px solid var(--Gray-G80, #bdbdbd);
  box-shadow: 0 4px 48px 0 rgba(18, 18, 18, 0.1);
}

@media (max-width: 992px) {
  .contact_top_Wrapper {
    padding-top: 80px;
  }

  .contact_top_Wrapper .container {
    flex-direction: column;
    gap: 24px;
  }

  .contact_Top_Left {
    width: 100%;

    iframe {
      width: 100%;
      height: 224px;
    }
  }
}

.contact_Tabs_Wrapper {
  position: relative;
}

.contact_Tabs_Wrapper::before {
  content: "";
  position: absolute;
  inset-inline-start: -288px;
  bottom: 30px;
  z-index: 1;
  pointer-events: none;
  background: url(./assets/icons/contact-add-before.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 891px;
  height: 412px;
}

@media (max-width: 992px) {
  .contact_Tabs_Wrapper::before {
    display: none;
  }
}

.contact_Tabs_Wrapper .row {
  padding-top: 48px;
}

.contact_Tabs_Image {
  position: relative;
  z-index: 2;
}

@media (min-width: 992px) {
  .contact_Tabs_Image {
    padding-inline-end: 40px;
  }

  .contact_Tabs_Image img {
    max-height: 420px;
  }
}

.contact_Tabs_Image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.35s ease;
}

.contact_Tabs_Image img.is-fading {
  opacity: 0;
}

.contact_Tabs_Image::before {
  content: "";
  position: absolute;
  top: -48px;
  inset-inline-start: -48px;
  background-color: var(--Secondary-S50);
  width: 192px;
  height: 378px;
  z-index: -1;
}

.contact_Tabs_Wrapper {
  .livetabsdefault .ui-tabs .ui-tabs-nav {
    background: transparent;
    border: none;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    gap: 24px;
    padding: 0;
    margin-top: 48px;
  }

  .livetabsdefault .ui-tabs {
    border: none;
    padding: 0;
  }

  .livetabsdefault .ui-tabs .ui-tabs-panel {
    padding: 0;
    margin-top: 40px;
  }

  .livetabsdefault .ui-state-default,
  .livetabsdefault .ui-widget-content .ui-state-default {
    background: transparent;
    border: none;
    border-radius: 0;
    transition: background 0.3s ease;
  }

  .livetabsdefault .ui-tabs .ui-tabs-nav li a {
    padding: 4px 16px;
    color: var(--Gray-G50, #7a7a7a);
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    transition: 0.3s ease;
  }

  .livetabsdefault .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
  .livetabsdefault .ui-tabs .ui-tabs-nav li.ui-tabs-active,
  .livetabsdefault .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-bottom: 2px solid var(--Gray-G10, #2b2b2b);
    background: var(--Gray-G95, #e4e4e4);

    a {
      color: var(--Gray-G10, #2b2b2b) !important;
    }
  }

  .contact_Top_Right {
    position: relative;

    iframe {
      width: 260px;
      height: 156px;
      position: absolute;
      bottom: 0px;
      left: 0;
    }
  }
}

.contact_Form_Wrapper {
  padding-block: 112px;
  margin-bottom: -140px;
  background: var(--Gray-G99, #f2f2f2);
}

@media (min-width: 992px) {
  .contact_Form_Wrapper .col-lg-6:first-child {
    padding-inline-end: 56px;
  }
}

.contact_Form_Wrapper .col-lg-6 p:first-of-type {
  margin-top: 8px;
}

.contact_Form_Wrapper .col-lg-6 p:nth-of-type(2) {
  margin-top: 16px;
}

.contact_Form_Socials {
  margin-top: 40px;
  position: relative;
  /* border-radius: 16px; */
  background: #fff;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.contact_Form_Socials::before {
  content: "";
  position: absolute;
  left: 8px;
  bottom: 8px;
  background-image: url("./assets/icons/contact-form-before.svg");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
  width: 168px;
  height: 148px;
}

.contact_Socials_List {
  gap: 24px;
  z-index: 2;
  justify-content: center;
}

.contact_Socials_List .contact_Social_Item .ezIcon {
  transition: 0.3s;
}

.contact_Socials_List .contact_Social_Item:hover .ezIcon {
  --icon-color: var(--Gradient-X1) !important;
}

.contact_Form_Wrapper .col-lg-6 .form-html {
  width: 70%;
  margin-inline: auto;
}

.contact_Form_Wrapper {
  .form-element:not(:last-child) {
    /* border-radius: 6px; */
    background: #fff;
    padding: 8px;
    margin: 0 !important;
  }

  .form-control {
    border: none !important;
    color: var(--Gray-G20, #3d3d3d);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    padding: 0 !important;
  }

  .form-label {
    color: var(--Gray-G40, #626262);
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    /* padding-inline-start: 8px; */
    display: flex !important;
    gap: 4px;
    flex-direction: row-reverse;
    justify-content: start;
    margin: 0 !important;
  }

  .form-page {
    display: flex !important;
    flex-direction: column;
    gap: 24px;
  }

  .form-element .btn-submit {
    border-radius: 0 !important;
    /* background: var(--Secondary-S50, #ef4f23) !important; */
    padding: 8px 84px !important;
  }

  @media (max-width: 992px) {
    .contact_Form_Socials {
      margin-bottom: 40px;
    }

    .contact_Form_Wrapper .col-lg-6 .form-html {
      width: 100%;
    }
  }
}

@media (max-width: 992px) {
  .contact_Tabs_Image {
    margin-bottom: 72px;
    height: 330px;
    padding-inline-start: 40px;
  }

  .contact_Tabs_Image::before {
    inset-inline-start: 12px;
    height: 241px;
    width: 120px;
  }

  .contact_Tabs_Wrapper .livetabsdefault .ui-tabs .ui-tabs-nav {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .contact_Tabs_Wrapper {

    .livetabsdefault .ui-state-default,
    .livetabsdefault .ui-widget-content .ui-state-default {
      min-width: max-content;
      height: 48px;
    }
  }

  .contact_Tabs_Wrapper {
    .contact_Top_Right {
      padding-bottom: 200px;

      iframe {
        width: 100%;
        height: 220px;
        bottom: -70px;
      }
    }
  }

  .livetabsdefault .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
  .livetabsdefault .ui-tabs .ui-tabs-nav li.ui-tabs-active,
  .livetabsdefault .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-bottom: 2px solid var(--Gray-G10, #2b2b2b);
  }

  .contact_Form_Wrapper .col-lg-6 .form-html {
    width: 100%;
    margin-inline: auto;
  }

  .contact_Form_Wrapper {
    .form-label {
      color: var(--Gray-G40, #626262);
      font-size: 12px !important;
      font-weight: 500 !important;
      line-height: 24px !important;
    }
  }

  .contact_Socials_List {
    gap: 16px;
  }
}

/* -------------------------------------------------------------------------- */
/*                                Careers Page                                */
/* -------------------------------------------------------------------------- */

.coop_Op_Wrapper {
  margin-block: 112px 136px;
}

.coop_Op_Grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 24px;
  row-gap: 38px;
  margin-top: 32px;
}

.coop_Op_Item {
  position: relative;
  padding-inline-start: 24px;

  &::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: calc(100% + 4px);
    background-color: var(--Secondary-S50);
  }
}

.coop_Op_Images {
  margin-top: 64px;
  display: flex;
  gap: 24px;
}

.coop_Op_Image_Item {
  position: relative;
  flex: 1;
  transition: 0.3s;
  overflow: hidden;
  height: 530px;
  z-index: 2;

  img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 0.3s;
    filter: brightness(0.8);
  }

  P {
    position: absolute;
    inset-inline-start: 32px;
    bottom: 24px;
    transition: 0.3s;
    z-index: 2;
  }

  &::before {
    content: "";
    opacity: 0.8;
    background: linear-gradient(0deg, #121212 0%, rgba(18, 18, 18, 0) 100%);
    height: 148px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    opacity: 1;
    transition: 0.3s;
    z-index: 1;
  }
}

@media (min-width: 992px) {
  .coop_Op_Image_Item {
    P {
      transform: translateX(200px);
      opacity: 0;
    }

    &::before {
      opacity: 0;
    }

    &:hover {
      flex: 3.5;

      p {
        transform: translateX(0);
        opacity: 1;
      }

      &::before {
        opacity: 1;
      }
    }
  }
}

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

  .coop_Op_Item::before {
    height: 100%;
  }

  .coop_Op_Images {
    flex-direction: column;
  }

  .coop_Op_Image_Item {
    max-height: 244px;
  }
}

.coop_Form_Box {
  display: flex;
  align-items: center;
  background: var(--Gray-G100, #fff);
  box-shadow: 0 4px 48px 0 rgba(18, 18, 18, 0.08);
  padding: 48px 88px 48px 80px;
}

@media (min-width: 992px) {
  .coop_Form_Info {
    padding-inline: 48px 270px;
  }
}

@media (max-width: 992px) {
  .coop_Form_Box svg {
    height: 102px;
  }
}

.coop_Form_Link {
  a {
    color: var(--Gray-G100, #fff) !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    background: var(--Secondary-S50, #ef4f23);
    padding: 12px 16px;
    width: max-content;
    white-space: nowrap;
    transition: 0.3s;

    &:hover {
      background-color: var(--Secondary-S40);
    }
  }
}

@media (max-width: 992px) {
  .coop_Form_Box {
    flex-direction: column;
    padding: 24px 24px 24px 16px;
    align-items: start;
    gap: 24px;
  }
}

.cooperation_Video_Wrapper {
  padding-block: 72px 56px;
  background: var(--Gray-G99, #f2f2f2);
  margin-bottom: 128px;
}

.cooperation_Video_Bottom {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  text-align: center;
}

.careers_List_Header {
  text-align: center;
  margin-bottom: 40px !important;
  background: var(--Gradient-X2);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.jobs_Wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-bottom: 120px;
}

.jobs_Item {
  padding: 16px 32px 16px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: var(--transition);
  width: 100%;
  border-radius: 8px;
  position: relative;
}

.jobs_Item::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  background-color: var(--Gray-95);
  transition: var(--transition);
}

.jobs_Item:hover::before {
  opacity: 0;
}

.jobs_Item:hover {
  background-color: #fff;
  box-shadow: 0 4px 26px 0 rgb(4 6 63 / 0.08);
  border-color: #fff;
}

.jobs_Item_Right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 80%;
}

.jobs_Item_Left {
  flex: 0 0 20%;
  display: flex;
  justify-content: end;
}

.jobs_Item_Right h2 {
  color: var(--Gray-30);
}

.jobs_Item_Details {
  display: flex;
  gap: 124px;
  align-items: center;
  justify-content: space-between;
  color: var(--Gray-50);
  flex: 0 0 50%;
}

.jobs_Item_Details span {
  position: relative;
  width: 100px;
}

.jobs_Item_Details span::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  right: -8px;
  background-color: #f2f2f2;
}

.jobs_Item_Details span:first-child::before {
  display: none;
}

.jobs_Item_Link {
  display: flex;
  align-items: center;
  gap: 16px;
  transition: var(--transition);

  .ezIcon {
    margin-inline-start: 8px;
  }
}

.jobs_Item:hover .jobs_Item_Link {
  color: var(--Secondary-S50) !important;
  transform: translateX(-16px);
}

body:not(.rtl) .jobs_Item:hover .jobs_Item_Link {
  transform: translateX(16px);
}

.jobs_Item_Link .ezIcon {
  --icon: 20px;
}

body:not(.rtl) .jobs_Item_Link .ezIcon {
  rotate: 180deg;
}

@media (max-width: 992px) {
  .jobs_Title {
    margin-top: 104px;
  }

  .jobs_Item_Left {
    flex: unset;
  }

  .jobs_Item_Right {
    flex-direction: column;
    flex: unset !important;
    gap: 24px;
  }

  .jobs_Item {
    padding: 16px;
  }

  .jobs_Item:hover .jobs_Item_Link {
    transform: translateX(0) translateY(16px);
  }

  .jobs_Item_Link {
    transform: translateY(16px);
  }

  .jobs_Item_Details {
    gap: 64px;
  }

  .jobs_Item_Details span {
    width: unset;
  }

  .jobs_Item_Link {
    margin-top: 20px;

    .ezIcon {
      --icon-color: var(--Gray-G10) !important;
    }
  }

  .careers_Top_Banner {
    padding-top: 32px;
    margin-bottom: 40px;

    .col-lg-6:last-child {
      display: flex;
      justify-content: end;

      img {
        width: 90%;
        margin-inline-start: auto;
      }
    }
  }
}

.careers_Form_Wrapper {
  position: relative;
}

.careers_Form_Wrapper::before {
  content: "";
  position: absolute;
  bottom: -128px;
  left: 0;
  width: 100%;
  height: 368px;
  background-image: url("./assets/icons/careers-form-before.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.careers_Form_Wrapper .container::after {
  content: "";
  position: absolute;
  bottom: 80px;
  left: 18%;
  width: 106px;
  height: 194px;
  background-image: url("./assets/icons/contact-form-after.svg");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}

@media (max-width: 992px) {
  .careers_Form_Wrapper .container::after {
    bottom: 40px;
    display: none;
  }
}

.careers_Form_Wrapper .container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}

.careers_Form_Wrapper h3 {
  width: max-content;
  z-index: 2;
  background-color: #f9f9f9;
  padding-inline: 16px !important;
}

.careers_Form_Header {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.careers_Form_Wrapper .form-element:has(input[name="date"]:not(:placeholder-shown)) label {
  height: 0;
  font-size: 12px;
}

.careers_Form_Wrapper {
  .DNNModuleContent.ModDNNGoFormBuilderViewsC {
    width: 100%;
  }

  .form-page {
    padding: 64px;
    border: 1px solid var(--Gray-G99, #f2f2f2);
    background: var(--Gray-G100, #fff);
    box-shadow: 0 10px 40px 0 rgba(18, 18, 18, 0.08);
  }

  .form-element:not(:last-child) {}

  .form-control {
    padding: 20px 8px 16px !important;
  }

  .form-element:not(.valid) {
    &:hover .form-control {
      border-radius: 6px;
      /* border-bottom: 1px solid var(--Gray-G20, #3d3d3d); */
      background: var(--Gray-G100, #fff);
      box-shadow: 0 2px 16px 0 rgba(18, 18, 18, 0.06);
    }
  }

  .form-element.valid {
    .form-label {
      color: var(--Gray-G60, #959595) !important;
      font-size: 12px;
      font-weight: 500;
      line-height: 24px;
    }
  }

  .form-label {
    color: var(--Gray-G70, #a8a8a8);
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding-inline-start: 8px;
    display: flex !important;
    gap: 4px;
    flex-direction: row-reverse;
    justify-content: start;
    margin: 0 !important;
  }

  .form-element .btn-submit {
    border-radius: 12px !important;
    /* background: var(--Secondary-S50, #ef4f23) !important; */
    padding: 8px 84px !important;
    display: flex;
    align-items: center;
  }

  @media (max-width: 992px) {
    .contact_Form_Socials {
      margin-bottom: 40px;
    }

    .contact_Form_Wrapper .col-lg-6 .form-html {
      width: 100%;
    }
  }

  .filepond--drop-label {
    background-color: #f9f9f9;
    border-radius: 12px;
  }

  p.form-desc {
    color: var(--Gray-G80, #bdbdbd);
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
  }
}

@media (max-width: 992px) {
  .careers_Form_Wrapper h3 {
    background-color: transparent !important;
    text-align: center;
  }

  .careers_Form_Wrapper {
    margin-top: 64px;

    .form-page {
      padding: 48px 24px 74px;
    }

    #row_2_26 .form-col:last-child {
      height: max-content;
    }
  }

  .careers_Form_Header {
    margin-bottom: 40px;
  }

  .careers_Form_Header::before {
    display: none;
  }
}

@media (min-width: 992px) {
  .careers_Form_Wrapper {
    padding: 40px 118px;
    /* width: 83.33%; */
    margin-inline: auto;
  }
}

/* -------------------------------------------------------------------------- */
/*                              About - History                               */
/* -------------------------------------------------------------------------- */

.about_Top_Nav {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

body:not(.rtl) .about_Top_Nav {
  direction: ltr;
}

@media (min-width: 992px) {
  .about_Top_Nav {
    margin-top: 200px;
  }
}

.about_Top_Nav h1 {
  position: relative;
  z-index: 2;
}

.about_Top_Nav h1::before {
  content: "";
  position: absolute;
  inset-inline-start: -16px;
  bottom: 16px;
  width: 184px;
  height: 32px;
  background-color: var(--Gray-G99);
  z-index: -1;
}

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

.about_Nav {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.about_Nav_Item {
  flex: 0 0 auto;
}

.about_Nav_Item {
  color: var(--Gray-G50, #7a7a7a) !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
  transition: 0.3s;
  padding: 6px 26px;
  position: relative;
  transition: 0.3s;
}

.about_Nav_Item:hover {
  color: var(--Gray-G00) !important;
}

.about_Nav_Item:not(:last-child)::before {
  content: "";
  position: absolute;
  inset-inline-end: -20px;
  height: 100%;
  width: 1px;
  background-color: #e4e4e4;
  top: 0;
}

.about_Nav_Item.active {
  color: #fff !important;
  background: var(--Gray-G00, #121212);
}

@media (max-width: 992px) {
  .about_Nav {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 20px;
    gap: 36px;
  }

  .about_Nav_Item {
    width: max-content;
    flex: 1;
    white-space: nowrap;
    font-size: 14px;
    line-height: 28px;
  }

  .about_Top_Nav {
    margin-top: 40px;
    gap: 10px !important;
  }

  .pin-spacer {
    margin-top: 40px !important;
  }

  .about_Top_Nav h1 {
    font-size: 26px;
    font-weight: 700;
    line-height: 56px;
    /* 215.385% */
  }

  .about_Top_Nav h1::before {
    inset-inline-start: -8px;
    width: 112px;
  }
}

.about_Scroll_Par_Wrapper {
  position: relative;
  margin-top: 86px;
  height: 100vh;
  min-height: 540px;
  isolation: isolate;
}

.about_Scroll_Par_Wrapper {
  position: relative;
  z-index: 1;
}

.about_Mission_Main,
.about_Duties_Main {
  position: relative;
  z-index: 2;
  background: #fff;
}

.about_Scroll_Image {
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  height: 540px;
  width: auto;
  margin: 0 auto;
  overflow: hidden;

  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: left, right, height;
}

.about_Scroll_Image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;

  transform: translateZ(0) scale(1.01);
  backface-visibility: hidden;
}

.about_Scroll_Par_Wrapper.cent .about_Scroll_Image img {
  object-position: top;
  object-fit: cover;
}

.about_Scroll_Overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  z-index: 1;
}

.about_Scroll_Text {
  position: absolute;
  inset: 0;

  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: start;
  gap: 40px;

  max-width: 900px;
  margin: auto;
  opacity: 1;
  /* transform: translateY(50px); */

  padding: 40px;
  z-index: 2;
}

body:not(.rtl) .about_Scroll_Text {
  text-align: left;
}

.about_Scroll_Text p {
  opacity: 0;
  transform: translateY(50px);
}

@media (max-width: 992px) {
  .about_Scroll_Par_Wrapper {
    height: 100vh;
    min-height: 420px;
  }

  .about_Scroll_Image {
    height: 420px;
    left: 0;
    right: 0;
  }

  .about_Scroll_Text p:first-child {
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
  }

  .about_Scroll_Text p:last-child {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
  }
}

.history_Tree_Wrapper {
  padding: 80px 60px;
  /* max-width: 1200px; */
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  padding-bottom: 100px;
  position: relative;
  z-index: 3;
}

.history_Tree_Wrapper::before {
  content: "";
  background-image: url(./assets/icons/history-tree-wrapp.svg);
  background-repeat: repeat;
  background-size: contain;
  width: 100%;
  height: 268px;
  position: absolute;
  left: 0;
  top: -60px;
  z-index: -1;
  opacity: 0.5;
}

/* TOP HEADER */
.history_Tree_Top {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 60px;
}

.history_Tree_Top h3 {
  color: var(--Secondary-S50, #ef4f23);
  font-size: 18px;
  font-weight: 700;
  line-height: 36px;
  /* 200% */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
}

.history_Tree_Top h3::before {
  content: "";
  display: block;
  width: 56px;
  height: 2px;
  background: var(--Secondary-S50, #ef4f23);
}

.history_Tree_Top h2 {
  color: var(--Gray-G00, #121212);
  font-size: 30px;
  font-weight: 700;
  line-height: 60px;
  /* 200% */
  margin-bottom: 16px;
}

.history_Tree_Top p {
  color: var(--Gray-G50, #7a7a7a);
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
  /* 200% */
  margin: 0 auto;
}

/* MAIN LAYOUT */
.history_Tree_Main {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 82px;
  min-height: 560px;
}

/* TREE */
.history_Tree_TimeScroll {
  position: relative;
  z-index: 2;
  flex: 0 0 calc(50% - 41px);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

/* ORBIT RING — purely visual reference, rendered in JS */
.orbit-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 460px;
  height: 460px;
  border-radius: 50%;
  border: 1px solid var(--Gray-G99, #f2f2f2);
  pointer-events: none;
  z-index: -1;
}

.orbit-ring-1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: 400px;
  border-radius: 50%;
  border: 1px solid var(--Gray-G95, #e4e4e4);
  pointer-events: none;
  z-index: -1;
}

.orbit-ring-2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 340px;
  height: 340px;
  border-radius: 50%;
  border: 1px solid var(--Gray-G90, #d1d1d1);
  pointer-events: none;
  z-index: -1;
}

.year-bracket {
  position: absolute;
  inset-inline-end: -22px;
  transform: translate(30%, -76%) rotate(46deg) scale(1.5);
  pointer-events: none;
  /* transition:
    left 0.7s cubic-bezier(0.45, 0, 0.55, 1),
    top 0.7s cubic-bezier(0.45, 0, 0.55, 1); */
  opacity: 0;
  transition: all 0.6s ease-in-out;
}

.history_Tree_TimaLink:has(+ .history_Tree_TimaLink.active) .year-bracket {
  transform: translate(-70%, 64%) rotate(-22deg) scale(1.5);
}

.history_Tree_TimaLink.active .year-bracket {
  opacity: 1;
  transform: translate(-58%, 20%) rotate(10deg) scale(1.5);
}

/* YEAR LINKS */
.history_Tree_TimaLinks {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}

.history_Tree_TimaLink {
  position: absolute;
  color: var(--Gray-G40, #626262);
  font-size: 26px;
  font-weight: 700;
  line-height: 56px;
  /* 215.385% */
  text-decoration: none;
  cursor: pointer;
  pointer-events: all;
  transition:
    color 0.3s,
    font-size 0.3s;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  user-select: none;
  width: 80px;
}

@media (min-width: 992px) {
  .history_Tree_TimaLink {
    width: 80px;
  }
}

.history_Tree_TimaLink.active {
  color: var(--Secondary-S50, #ef4f23);
  font-size: 36px;
  font-weight: 800;
  line-height: 72px;
  /* 200% */
}

/* CONTENT PANEL */
.history_Tree_Paragraphs {
  position: relative;
  flex: 0 0 calc(50% - 41px);
  flex-shrink: 0;
  margin-inline-start: 40px;
}

.history_Tree_Paragraphs::before {
  content: "";
  background-image: url(./assets/icons/history-tree-before.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 172px;
  height: 42px;
  position: absolute;
  top: -62px;
  inset-inline-start: 0;
}

.history_Tree_Paragraph_Item {
  display: none;
  flex-direction: column;
  gap: 16px;
  padding: 28px 24px;
  background: var(--Background, #f9f9f9);
  position: relative;
  animation-duration: 0.35s;
  animation-timing-function: ease;
  animation-fill-mode: both;
}

.history_Tree_Paragraph_Item::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 80%;
  background-color: var(--Secondary-S50);
}

.history_Tree_Paragraph_Item.active {
  display: flex;
}

@keyframes fadeSlideIn {
  from {
    opacity: 0;
    transform: translateX(80px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.history_Tree_Paragraph_Item p {
  color: var(--Gray-G40, #626262);
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

@media (max-width: 768px) {
  .history_Tree_Wrapper {
    padding: 48px 20px 70px;
  }

  .history_Tree_Wrapper::before {
    height: 200px;
    background-repeat: no-repeat;
  }

  .history_Tree_Top {
    gap: 8px;
  }

  .history_Tree_Top h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    /* 200% */
  }

  .history_Tree_Top h3::before {
    width: 40px;
    height: 2px;
  }

  .history_Tree_Top h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 44px;
    /* 200% */
  }

  .history_Tree_Top p {
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    /* 200% */
  }

  .history_Tree_Main {
    flex-direction: column-reverse;
    gap: 28px;
    min-height: auto;
  }

  .history_Tree_TimeScroll {
    flex: none;
    width: 100%;
    margin-top: -35px;
    margin-bottom: 72px;
  }

  .history_Tree_TimeScroll img {
    width: 168px;
    max-width: 70%;
  }

  .orbit-ring,
  .orbit-ring-1,
  .orbit-ring-2 {
    display: none;
  }

  .history_Tree_TimaLinks {
    position: relative;
    inset: auto;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 28px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px 40vw 0px;
    z-index: 4;
    pointer-events: all;
    scrollbar-width: none;
  }

  .history_Tree_TimaLinks::-webkit-scrollbar {
    display: none;
  }

  .history_Tree_TimaLink {
    position: relative;
    transform: none;
    left: auto !important;
    top: auto !important;
    flex: 0 0 auto;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    width: max-content;
  }

  .history_Tree_TimaLink.active {
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    transform: translateY(-4px);
  }

  .year-bracket {
    display: none;
  }

  .history_Tree_Paragraphs {
    flex: none;
    width: 100%;
    margin-inline-start: 0;
    margin-top: -20px;
  }

  .history_Tree_Paragraphs::before {
    left: 50%;
    transform: translateX(-50%);
    top: -126px;
  }

  .history_Tree_Paragraph_Item {
    padding: 24px 20px;
  }

  .history_Tree_Paragraph_Item p {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    /* 200% */
  }
}

/* Direction-aware history tree */
.history_Tree_Main[dir="rtl"] {
  direction: rtl;
}

.history_Tree_Main[dir="ltr"] {
  direction: ltr;
}

/* Keep the year numbers isolated from surrounding text direction */
.history_Tree_TimaLink {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: center;
}

/* Mirror the active bracket in English */
.history_Tree_Main[dir="ltr"] .year-bracket {
  inset-inline-end: auto;
  inset-inline-start: -22px;
  transform: translate(55%, 20%) rotate(-10deg) scale(-1.5, 1.5);
  opacity: 0 !important;
}

/* Paragraph entrance direction */
.history_Tree_Main[dir="rtl"] .history_Tree_Paragraph_Item.active {
  animation-name: historyFadeRTL;
}

.history_Tree_Main[dir="ltr"] .history_Tree_Paragraph_Item.active {
  animation-name: historyFadeLTR;
}

@keyframes historyFadeRTL {
  from {
    opacity: 0;
    transform: translateX(80px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes historyFadeLTR {
  from {
    opacity: 0;
    transform: translateX(-80px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* -------------------------------------------------------------------------- */
/*                              About - Targets                               */
/* -------------------------------------------------------------------------- */

.about_Bottom_Wrapper {
  padding: 80px 60px;
  /* max-width: 1200px; */
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  padding-bottom: 100px;
  position: relative;
  z-index: 2;
  margin-top: -100vh;
}

.about_Bottom_Wrapper::before {
  content: "";
  background-image: url(./assets/icons/history-tree-wrapp.svg);
  background-repeat: repeat;
  background-size: contain;
  width: 100%;
  height: 268px;
  position: absolute;
  left: 0;
  top: -60px;
  z-index: -1;
}

/* TOP HEADER */
.about_Bottom_Top {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 60px;
}

.about_Bottom_Top h3 {
  color: var(--Secondary-S50, #ef4f23);
  font-size: 18px;
  font-weight: 700;
  line-height: 36px;
  /* 200% */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
  display: none;
}

.about_Bottom_Top h3::before {
  content: "";
  display: block;
  width: 56px;
  height: 2px;
  background: var(--Secondary-S50, #ef4f23);
}

.about_Bottom_Top h2 {
  color: var(--Gray-G00, #121212);
  font-size: 30px;
  font-weight: 700;
  line-height: 60px;
  /* 200% */
  margin-bottom: 16px;
}

.about_Bottom_Top p {
  color: var(--Gray-G50, #7a7a7a);
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
  /* 200% */
  margin: 0 auto;
  display: none;
}

@media (max-width: 768px) {
  .about_Bottom_Wrapper {
    padding: 48px 20px 70px;
  }

  .about_Bottom_Wrapper::before {
    height: 200px;
    background-repeat: no-repeat;
  }

  .about_Bottom_Top {
    gap: 8px;
  }

  .about_Bottom_Top h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    /* 200% */
  }

  .about_Bottom_Top h3::before {
    width: 40px;
    height: 2px;
  }

  .about_Bottom_Top h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 44px;
    /* 200% */
  }

  .about_Bottom_Top p {
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    /* 200% */
  }
}

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

.about_Targets_Card {
  flex: 1;
  position: relative;
  overflow: hidden;
  height: 540px;
  z-index: 2;
  cursor: default;
}

.about_Targets_Card::before {
  content: "";
  opacity: 0.9;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, #121212 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 190px;
  z-index: 1;
  transition: 0.4s ease;
}

.about_Targets_Card::after {
  content: "";
  opacity: 0;
  background: linear-gradient(180deg, #00232f 0%, #d7471f 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: 0.4s ease;
}

.about_Targets_Card_Num {
  color: var(--Gray-G100, #fff);
  font-size: 96px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  visibility: hidden;
  margin-bottom: 300px;
  transition: 0.3s;
}

.about_Targets_Card_Text {
  position: absolute;
  top: 30px;
  right: 32px;
  width: 80%;
  z-index: 2;
  transition: 0.4s;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  justify-content: space-between;
}

.about_Targets_Card_Text::before {
  content: "";
  background: url(./assets/icons/about-card-before.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 96px;
  height: 178px;
  position: absolute;
  bottom: -122%;
  left: -30px;
  opacity: 0;
  transition: 0.4s ease;
}

.about_Targets_Card_Text h3 {
  color: var(--Gray-G100, #fff);
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
  transition: 0.4s ease;
}

.about_Targets_Card_Text .ezIcon {
  --icon: 36px;
}

.about_Targets_Card_Image {
  overflow: hidden;
}

.about_Targets_Card_Image img {
  filter: brightness(0.6);
  z-index: 0;
  transition: 0.4s ease;
  width: 100%;
}

@media (max-width: 992px) {
  .about_Targets_Card_Image img {
    height: 492px;
  }
}

.about_Targets_Card_Text p {
  /* transform: translateY(100px); */
  opacity: 0;
  transition: 0.4s;
}

.about_Targets_Card:hover {
  .about_Targets_Card_Text p {
    transform: translateY(-60px);
    /* opacity: 1; */
  }

  .about_Targets_Card_Text {
    top: 64px;
    height: 70%;
  }

  .about_Targets_Card_Text .ezIcon {
    --icon: 38px;
  }

  .about_Targets_Card_Text h3 {
    font-size: 24px;
    line-height: 48px;
  }

  .about_Targets_Card_Image img {
    filter: brightness(1) blur(3px);
    transform: scale(1.06);
  }

  .about_Targets_Card_Text::before {
    opacity: 1;
    bottom: -20%;
  }

  .about_Targets_Card_Num {
    opacity: 1;
    margin-bottom: 0;
  }
}

body:not(.rtl) .about_Targets_Card:hover {
  .about_Targets_Card_Text h3 {
    font-size: 20px;
  }
}

.about_Targets_Card:hover::before {
  opacity: 0;
}

.about_Targets_Card:hover::after {
  opacity: 0.8;
}

@media (max-width: 992px) {
  .about_Targets_Cards_Wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }

  .about_Targets_Card {
    width: 100% !important;
    /* margin-inline-end: 24px; */
    height: 492px;
  }

  .about_Targets_Card_Image {
    width: 100% !important;
    height: 492px;
  }

  .about_Targets_Card_Text .ezIcon {
    --icon: 30px;
  }

  .about_Targets_Card_Text h3 {
    font-size: 16px;
    line-height: 32px;
  }

  .about_Targets_Card_Text::before {
    bottom: -186%;
  }

  .about_Targets_Card_Num {
    margin-bottom: 260px;
  }

  .about_Mission_Slider_Item_Title h3 {
    font-size: 15px !important;
    font-weight: 700;
    line-height: 1.8 !important;
  }
}

/* -------------------------------------------------------------------------- */
/*                              About - Mission                               */
/* -------------------------------------------------------------------------- */

.about_Mission_Main {
  position: relative;
  overflow: hidden;
  background: #fff;
  min-height: 100vh;
  z-index: 2;
  margin-top: -100vh;
}

.about_Mission_Main::before {
  content: "";
  position: absolute;
  top: 44%;
  inset-inline-start: -100px;
  background-image: url(./assets/icons/about-missions-after.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 469px;
  width: 821px;
  transform: translateY(-50%) rotateY(180deg);
  z-index: -1;
}

body:not(.rtl) .about_Mission_Main {
  &::after {
    transform: rotateY(180deg);
  }

  &::before {
    transform: rotateY(0deg);
  }
}

.about_Mission_Main::after {
  content: "";
  position: absolute;
  top: 66%;
  transform: translateY(-50%);
  inset-inline-end: -100px;
  background-image: url(./assets/icons/about-missions-after.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 469px;
  width: 821px;
  z-index: -1;
}

.about_Mission_Main .container {
  position: relative;
  height: 100vh;
}

.about_Mission_Top {
  position: relative;
  z-index: 5;
  padding-top: 70px;
  text-align: start;
}

.about_Mission_Top h2 {
  margin: 0;
  color: var(--Gray-G00, #121212);
  font-size: 36px;
  font-weight: 800;
  line-height: 72px;
  /* 200% */
}

.about_Mission_Slider {
  position: relative;
  height: calc(100vh - 150px);
  overflow: hidden;
}

.about_Mission_Slider_Item {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  will-change: transform, opacity;
}

.about_Mission_Slider_Item_Title {
  text-align: start;
  margin-bottom: 24px;

  h3 {
    color: var(--Gray-G10, #2b2b2b);
    font-size: 26px;
    font-weight: 700;
    line-height: 56px;
    /* 215.385% */
  }

  p {
    color: var(--Gray-G30, #4f4f4f);
    font-size: 18px;
    font-weight: 500;
    line-height: 36px;
    /* 200% */
    display: none;
  }
}

.about_Mission_Slider_Item_Image {
  display: grid;
  grid-template-columns: 110px 180px 1fr;
  gap: 16px;
  width: 100%;
}

.about_Mission_Slider_Item_Image img {
  width: 100%;
  height: 66dvh;
  object-fit: cover;
  display: block;
  will-change: transform, opacity;
}

body:not(.rtl) .about_Mission_Slider_Item_Image img {
  transform: rotateY(180deg);
}

@media (max-width: 768px) {
  .about_Mission_Slider_Item {
    justify-content: center;
    margin-bottom: 80px;
  }

  .about_Mission_Main .container {
    height: auto;
  }

  .about_Mission_Slider {
    height: auto;
    overflow: visible;
  }

  .about_Mission_Slider_Item {
    position: relative;
    margin-bottom: 50px;
  }

  .about_Mission_Slider_Item_Image {
    grid-template-columns: 45px 70px 1fr;
    gap: 8px;
  }

  .about_Mission_Slider_Item_Image img {
    height: 210px;
  }
}

@media (max-width: 768px) {
  .about_Mission_Main .container {
    /* height: 100vh; */
    padding-top: 80px;
  }

  .about_Mission_Top {
    padding-top: 0;
  }

  .about_Mission_Slider {
    /* height: calc(100vh - 180px); */
  }
}

html[dir="rtl"] .about_Mission_Top,
html[dir="rtl"] .about_Mission_Slider_Item_Title,
body:not(.translated-ltr) .about_Mission_Top,
body:not(.translated-ltr) .about_Mission_Slider_Item_Title {
  text-align: start;
}

html[dir="ltr"] .about_Mission_Top,
html[dir="ltr"] .about_Mission_Slider_Item_Title,
body.translated-ltr .about_Mission_Top,
body.translated-ltr .about_Mission_Slider_Item_Title {
  text-align: left;
}

.about_Duties_Main {
  position: relative;
  background: #fff;
  padding: 120px 0;
  z-index: 2;
}

.about_Duties_Main::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -100px;
  background-image: url(./assets/icons/about-missions-before.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 120%;
  width: 380px;
  z-index: -1;
}

.about_Duties_Main::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -100px;
  background-image: url(./assets/icons/about-missions-after.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 120%;
  width: 380px;
  z-index: -1;
}

.about_Duties_Wrapper {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 77px;
  align-items: start;
  direction: ltr;
}

.about_Duties_Content,
.about_Duties_Nav {
  direction: rtl;
}

.about_Duties_Nav {
  position: relative;
  text-align: start;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.about_Duties_Nav h2 {
  margin-bottom: 28px;
  color: var(--Gray-G00, #121212);
  font-size: 36px;
  font-weight: 800;
  line-height: 72px;
  /* 200% */
  margin-bottom: 20px !important;
}

.about_Duties_Nav a {
  display: block;
  color: var(--Gray-G60, #959595);
  font-size: 22px;
  font-weight: 700;
  line-height: 44px;
  /* 200% */
  transition: 0.3s;
}

.about_Duties_Nav a.active {
  color: var(--Primary-P20, #005372);
  font-size: 26px;
  font-weight: 700;
  line-height: 56px;
  /* 215.385% */
}

.about_Duties_Item {
  min-height: 70vh;
  display: flex;
  gap: 40px;
  align-items: center;
  opacity: 0.35;
  transform: translateY(40px);
  transition: opacity 0.35s;
}

.about_Duties_Item.active {
  opacity: 1;
}

.about_Duties_Item>div {
  display: flex;
  flex-direction: column;
  gap: 8px;

  .ezIcon {
    margin-bottom: 24px;
    --icon-color: var(--Secondary-S50);
    --icon: 56px;
  }
}

.about_Duties_Item:nth-child(even) {
  flex-direction: row-reverse;
}

.about_Duties_Item img {
  /* width: 260px;
  height: 340px; */
  object-fit: cover;
  display: block;
}

.about_Duties_Item h3 {
  color: var(--Primary-P20, #005372);
  font-size: 26px;
  font-weight: 700;
  line-height: 56px;
  /* 215.385% */
}

.about_Duties_Item p {
  color: var(--Gray-G20, #3d3d3d);
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
  /* 200% */
}

@media (max-width: 768px) {
  .about_Duties_Wrapper {
    display: block;
  }

  .about_Duties_Nav {
    display: none;
  }

  .about_Duties_Nav a {
    display: none;
  }

  .about_Duties_Nav a.active {
    display: block;
  }

  .about_Duties_Item {
    min-height: 65vh;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 64px;
  }

  .about_Duties_Item:nth-child(even) {
    flex-direction: column;
  }

  .about_Duties_Item img {
    width: 100%;
    /* height: 320px; */
  }

  .about_Duties_Item h3 {
    color: var(--Primary-P20, #005372);
    font-size: 22px;
    font-weight: 700;
    line-height: 44px;
    /* 200% */
  }

  .about_Duties_Item p {
    color: var(--Gray-G20, #3d3d3d);
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    /* 200% */
  }

  .about_Duties_Item>div {
    .ezIcon {
      margin-bottom: 8pxpx;
      --icon-color: var(--Secondary-S50);
      --icon: 56px;
    }
  }

  .about_Duties_Header {
    color: var(--Gray-G00, #121212);
    font-size: 30px;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 70px !important;
  }
}

/* -------------------------------------------------------------------------- */
/*                                About Certificate                           */
/* -------------------------------------------------------------------------- */

.about_Cert_Main {
  position: relative;
  background-color: #fff;
  z-index: 2;
  padding-block: 75px;
  margin-top: -100vh;
}

.about_Cert_Main::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -100px;
  background-image: url(./assets/icons/about-missions-before.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 120%;
  width: 380px;
  z-index: -1;
}

.about_Cert_Main::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-image: url(./assets/icons/about-missions-after.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 120%;
  width: 585px;
  z-index: -1;
}

@media (max-width: 992px) {

  .about_Cert_Main::before,
  .about_Cert_Main::after {
    display: none;
  }
}

.about_Cert_Main_Top {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 56px;
  width: 83.33%;
  margin-inline: auto;
}

.about_Cert_Main_Slider_Item {
  display: flex !important;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: 0.3s;
}

.about_Cert_Main_Slider {
  .slick-track {
    padding-top: 48px;
  }
}

.about_Cert_Main_Slider_Item:not(.slick-active) {
  transform: scale(0.6);
  opacity: 0.6;
  filter: saturate(0.6);
}

.about_Cert_Main_Slider_Item:not(.slick-center) {
  transform: scale(0.8);
  opacity: 0.8;
  filter: saturate(0.8);
}

.about_Cert_Image {
  height: 490px;
  width: 348px;
  padding: 24px;
  background: var(--Gray-G99, #f2f2f2);
  transition: 0.3s;
  position: relative;
  z-index: 2;
}

.about_Cert_Image::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: var(--Secondary-S50, #ef4f23);
  height: 8px;
  width: 80%;
  opacity: 0;
  transition: 0.3s;
}

.about_Cert_Main_Slider_Item.slick-center {
  .about_Cert_Image {
    background: var(--Gray-G100, #fff);
    box-shadow: 0 4px 48px 0 rgba(18, 18, 18, 0.1);
  }

  .about_Cert_Image::before {
    bottom: -8px;
    opacity: 1;
  }
}

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

.about_Cert_Main {
  .slick-arrow {
    position: absolute !important;
  }
}

.about_Cert_Nav {
  width: 292px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
  height: 32px;
  margin-inline: auto;
}

.about_Cert_Nav .slick-dots {
  padding: 0 !important;
  display: flex;
  align-items: center;
  width: 92px;
  gap: 8px;
}

.about_Cert_Nav .slick-dots li {
  height: 2px !important;
  flex: 1;
  transition: 0.3s;
}

.about_Cert_Nav .slick-dots li.slick-active {
  flex: 4;
}

.about_Cert_Nav .slick-dots li button {
  width: 100% !important;
  height: 2px !important;
  border-radius: 4px !important;
  background: #d9d9d9 !important;
}

.about_Cert_Nav .slick-dots li.slick-active button {
  background: var(--Secondary-S50) !important;
  width: 100% !important;
  height: 2px !important;
}

body .about_Cert_Arrow {
  position: absolute !important;
  /* inset-inline-start: 48px; */
  width: 32px;
  height: 32px;
  /* border: 1px solid var(--Gray-G95); */
  border-radius: 16px;
  background: var(--Gray-G99, #f2f2f2) !important;
  border-radius: 50% !important;
  z-index: 2;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
  transform: unset !important;
  cursor: pointer;
}

.about_Cert_Arrow::before {
  display: none !important;
}

.about_Cert_Arrow .ezIcon {
  --icon: 18px;
  --icon-color: var(--Secondary-S50);
}

body:not(.rtl) .about_Cert_Arrow_Next .ezIcon {
  --icon-rotate: 180deg;
}

.about_Cert_Arrow_Prev .ezIcon {
  --icon-rotate: 180deg;
}

body:not(.rtl) .about_Cert_Arrow_Prev .ezIcon {
  --icon-rotate: 0deg;
}

body .about_Cert_Arrow_Prev {
  inset-inline-start: 0;
  top: 0 !important;
}

body .about_Cert_Arrow_Next {
  inset-inline-end: 0;
  top: 0 !important;
}

.about_Cert_Arrow:hover {
  background: var(--Secondary-S50);
  border-color: var(--Secondary-S50);
}

.about_Cert_Arrow:hover .ezIcon {
  --icon-color: var(--white);
}

/* -------------------------------------------------------------------------- */
/*                                About Lead                                  */
/* -------------------------------------------------------------------------- */

.about_Lead_Top {
  padding-block: 160px;
  margin-top: -90vh !important;
  z-index: 5;
  position: relative;
  background-color: #fff;

  .container {
    align-items: center;
  }
}

.about_Lead_Top::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  background-image: url(./assets/icons/about-missions-after.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 120%;
  width: 549px;
  z-index: -1;
  transform: rotateY(180deg) translateY(-50%);
}

.about_Lead_Top::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  background-image: url(./assets/icons/about-missions-after.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 120%;
  width: 545px;
  z-index: -1;
}

@media (max-width: 992px) {

  .about_Lead_Top::before,
  .about_Lead_Top::after {
    display: none;
  }
}

.about_Lead_Top_Right {
  flex: 0 0 50%;

  h2 {
    margin-bottom: 16px !important;
  }

  >p {
    margin-bottom: 40px;
  }

  ul {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 0 !important;

    li {
      display: flex;
      align-items: center;
      gap: 16px;

      .ezIcon {
        height: 58px !important;
        width: 20px !important;
        margin-block: -10px;
        transform: scale(0.7);
      }
    }
  }
}

.about_Lead_Top_Left {
  aspect-ratio: 1 / 1;

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

@media (min-width: 992px) {
  .about_Lead_Top_Right {
    >p {
      width: 80%;
    }
  }
}

@media (max-width: 992px) {
  .about_Lead_Top {
    .container {
      flex-direction: column;
      gap: 40px;
    }
  }
}

.about_Lead_Scroll {
  position: relative;
  min-height: 100vh;
  background: #fff;
  overflow: hidden;
  z-index: 5;
}

.about_Lead_Scroll .container {
  position: relative;
  height: 100vh;
}

.about_Lead_Scroll_Header {
  position: absolute;
  top: 46px;
  right: 0;
  left: 0;
  z-index: 5;
  text-align: start;
}

.about_Lead_Item {
  position: absolute;
  left: 50%;
  top: 54%;
  width: min(1320px, 72vw);
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
}

.about_Lead_Item .lead_Cover {
  width: 100%;
  height: 650px;
  object-fit: cover;
  display: block;
  margin-bottom: 24px;
}

.about_Lead_Infos {
  text-align: start;
}

.about_Lead_Infos p {
  margin: 0;
}

@media (max-width: 768px) {
  .about_Lead_Scroll {
    overflow: visible;
    padding: 64px 0;
  }

  .about_Lead_Scroll .container {
    height: auto;
  }

  .about_Lead_Scroll_Header {
    position: relative;
    top: auto;
    margin-bottom: 32px;
  }

  .about_Lead_Item {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    margin-bottom: 48px;
  }

  .about_Lead_Item .lead_Cover {
    height: auto;
    max-height: none;
    margin-bottom: 8px;
  }
}

.about_Lead_Scroll_Header,
.about_Lead_Infos {
  text-align: start;
}

html[dir="ltr"] .about_Lead_Scroll_Header,
html[dir="ltr"] .about_Lead_Infos,
body.ltr .about_Lead_Scroll_Header,
body.ltr .about_Lead_Infos,
body.translated-ltr .about_Lead_Scroll_Header,
body.translated-ltr .about_Lead_Infos {
  text-align: left;
}

.about_Lead_Grid_Wrapper {
  position: relative;
}

.about_Lead_Grid_Wrapper .container {
  display: flex;
  flex-direction: column;
  gap: 56px;
  align-items: center;
  justify-content: center;
}

.about_Lead_Grid_Wrapper::before {
  content: "";
  position: absolute;
  top: 10%;
  transform: translateY(-50%);
  right: -100px;
  background-image: url(./assets/icons/about-missions-before.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 120%;
  width: 380px;
  z-index: -1;
}

.about_Lead_Grid_Wrapper::after {
  content: "";
  position: absolute;
  top: 10%;
  transform: translateY(-50%);
  left: -100px;
  background-image: url(./assets/icons/about-missions-after.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 120%;
  width: 380px;
  z-index: -1;
}

.about_Lead_Grid_Wrapper h2 {
  width: max-content;
}

.about_Lead_Grid {
  display: flex;
  column-gap: 32px;
  row-gap: 48px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.about_Lead_Grid_Item {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
}

.about_Lead_Grid_Item_Text {
  text-align: center;
}

@media (max-width: 992px) {
  .about_Lead_Grid_Item {
    flex: 0 0 calc(50% - 18px);
  }
}

/* -------------------------------------------------------------------------- */
/*                                About HSE                                   */
/* -------------------------------------------------------------------------- */

.about_Hse_Main {
  position: relative;
  min-height: 100vh;
  background: #fff;
  overflow: hidden;
  padding-top: 128px;
  margin-top: -100vh;
  z-index: 5;
}

.about_Hse_Main::before {
  content: "";
  position: absolute;
  bottom: 16%;
  transform: translateY(-50%);
  inset-inline-end: 54%;
  background-image: url(./assets/icons/hse-before.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 161px;
  width: 205px;
}

.about_Hse_Main::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -100px;
  background-image: url(./assets/icons/about-missions-after.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 120%;
  width: 380px;
  z-index: -1;
}

.about_Hse_Main .container {
  height: 100vh;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 120px;
  align-items: start;
}

.about_Hse_Right {
  text-align: start;
  max-width: 520px;
  justify-self: end;
  margin-bottom: 60px;
}

.about_Hse_Right h2 {
  margin-bottom: 24px;
}

.about_Hse_Left {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 640px;
}

.about_Hse_Item {
  position: relative;
  height: 80px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 2;
}

.about_Hse_Item::before {
  content: "";
  opacity: 0.8;
  background: linear-gradient(0deg, #121212 0%, rgba(18, 18, 18, 0) 100%);
  height: 148px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
}

.about_Hse_Item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: brightness(0.55);
}

.about_Hse_Infos {
  position: absolute;
  inset-inline-start: 32px;
  bottom: 28px;
  z-index: 2;
  text-align: start;
  width: 80%;
  opacity: 0;
  transform: translateY(20px);
}

.about_Hse_Item.active .about_Hse_Infos {
  opacity: 1;
  transform: translateY(0);
  transition: 0.35s ease;
}

.about_Hse_Item.active::before {
  opacity: 1;
}

@media (max-width: 768px) {
  .about_Hse_Main {
    overflow: visible;
    padding: 64px 0;
  }

  .about_Hse_Item::before {
    opacity: 1;
  }

  .about_Hse_Main .container {
    height: auto;
    display: block;
  }

  .about_Hse_Left {
    height: auto;
  }

  .about_Hse_Item {
    height: 280px;
  }

  .about_Hse_Infos {
    opacity: 1;
    transform: none;
  }
}

/* -------------------------------------------------------------------------- */
/*                                Business Activities                         */
/* -------------------------------------------------------------------------- */

.business_Activities_Main {
  padding-top: 128px;
  background-color: #fff;
  position: relative;
  z-index: 5;
  margin-top: -100vh;
}

.business_Activities_Item {
  position: relative;
  margin-bottom: 88px;

  .container {
    display: flex;
    gap: 24px;
    align-items: center;
  }
}

.business_Activities_Item:nth-child(odd) {
  .container {
    flex-direction: row-reverse;
  }
}

.business_Activities_Item::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-end: -100px;
  background-image: url(./assets/icons/about-missions-after.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 120%;
  width: 380px;
  z-index: -1;
}

.business_Activities_Item:nth-child(even):after {
  inset-inline-end: unset;
  inset-inline-start: -100px;
}

.business_Activities_Item:nth-child(odd):after {
  transform: translateY(-50%) rotateY(180deg);
}

.business_Activities_Image {
  flex: 0 0 calc(50% - 12px);
}

.business_Activities_Item::before {
  content: "";
  position: absolute;
  top: 80%;
  transform: translateY(-50%);
  inset-inline-start: 16%;
  background-image: url(./assets/icons/hse-before.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 161px;
  width: 205px;
}

@media (max-width: 992px) {
  .business_Activities_Item::before {
    display: none;
  }
}

.business_Activities_Item:nth-child(even):before {
  inset-inline-start: unset;
  inset-inline-end: 16%;
}

.business_Activities_Item .container {
  .business_Activities_Image {
    flex: 0 0 calc(50% - 12px);
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 32px 0 rgba(18, 18, 18, 0.16);
    aspect-ratio: 3 / 2;

    &::before {
      content: "";
      opacity: 0.8;
      background: linear-gradient(0deg, #121212 0%, rgba(18, 18, 18, 0) 100%);
      height: 148px;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 0;
      transition: 0.3s;
    }

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

    p {
      position: absolute;
      bottom: 16px;
      inset-inline-start: 32px;
      width: 70%;
    }
  }

  .business_Activities_Item_Par {
    flex: 0 0 calc(50% - 12px);
    background: var(--Gray-G100, #fff);
    box-shadow: 0 4px 40px 0 rgba(18, 18, 18, 0.08);
    padding: 16px 24px 16px 16px;
    position: relative;

    &::before {
      content: "";
      height: 80%;
      width: 2px;
      background: var(--Secondary-S50, #ef4f23);
      position: absolute;
      inset-inline-start: 0;
      top: 50%;
      transform: translateY(-50%);
    }
  }
}

.business_Activities_Item:nth-child(even) {
  .business_Activities_Item_Par::before {
    inset-inline-start: unset;
    inset-inline-end: 0;
  }
}

@media (max-width: 992px) {
  .business_Activities_Item {
    margin-bottom: 48px;

    .container {
      flex-direction: column !important;
      gap: 16px;
    }

    .business_Activities_Item_Par::before {
      inset-inline-start: 0 !important;
      inset-inline-end: unset !important;
    }
  }
}

/* -------------------------------------------------------------------------- */
/*                                Business Services                         */
/* -------------------------------------------------------------------------- */

.services_Main_Wrapper {
  position: relative;
  padding-top: 88px;
  background-color: #fff;
  margin-top: -100vh;
  z-index: 5;
}

@media (min-width: 992px) {
  .services_Main_Wrapper {
    .container {
      padding-inline: 80px;
    }
  }
}

.services_top {
  margin-bottom: 48px;
}

.services_Cards_Wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 104px;
  row-gap: 74px;
}

.services_Card {
  padding: 32px 24px 32px 32px;
  transition: 0.3s;
  position: relative;
  background-color: #fff;
  border-right: solid 1px #bdbdbd;
}

body:not(.rtl) .services_Card {
  min-height: 700px;
}

.services_Card::before {
  content: "";
  opacity: 1;
  transition: 0.3s;
  position: absolute;
  top: 80%;
  transform: translateY(-50%);
  inset-inline-start: 16%;
  background-image: url(./assets/icons/hse-before.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 161px;
  width: 205px;
  -z-index: -1;
}

.services_Card_Image {
  width: 288px;
  height: 192px;
  overflow: hidden;
  margin-bottom: 16px;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
  }

  &:hover img {
    transform: scale(1.1);
  }
}

.services_Card_Data {
  position: relative;
  z-index: 2;
  height: 328px;
}

.services_Card_Title {
  display: flex;
  align-items: start;
  gap: 16px;

  h3 {
    transition: 0.3s;
    line-height: 1.8;
  }

  span {
    direction: ltr !important;
    line-height: normal;
  }
}

.services_Card_Body {
  padding-inline-start: 20px;
}

.services_Card_DropDown {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 24px;
  z-index: 2;
  transition: 0.3s;

  .ezIcon {
    --icon-color: var(--Secondary-S50);
    --icon: 20px;
    rotate: -90deg;
  }
}

.services_Card_Inner {
  display: flex;
  flex-direction: column;
  position: absolute;
  opacity: 0;
  z-index: -1;
  transition: 0.3s;
  top: 88px;
  width: 100%;
  padding-inline-end: 20px;
}

.services_Inner_Row {
  padding-block: 16px;

  &:not(:last-child) {
    border-bottom: 1px solid #e4e4e4;
  }
}

@media (min-width: 992px) {
  .services_Card:hover {
    &::before {
      opacity: 0;
    }

    background: var(--Gray-G100, #fff);
    box-shadow: 0 6px 56px 0 rgba(18, 18, 18, 0.1);
    z-index: 2;

    .services_Card_Image {
      img {
        transform: scale(1.1);
      }
    }

    .services_Card_DropDown {
      opacity: 0;
      z-index: -1;
    }

    .services_Card_Inner {
      opacity: 1;
      z-index: 2;
    }

    .services_Card_Title {
      h3 {
        color: var(--Secondary-S50);
      }
    }
  }
}

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

  .services_Card {
    &::before {
      opacity: 0;
    }

    background: var(--Gray-G100, #fff);
    box-shadow: 0 6px 56px 0 rgba(18, 18, 18, 0.1);

    .services_Card_Image {
      img {
        transform: scale(1.1);
      }
    }

    .services_Card_DropDown {
      opacity: 0;
      z-index: -1;
      display: none;
    }

    .services_Card_Inner {
      opacity: 1;
      z-index: 2;
      position: relative !important;
      top: unset !important;
    }

    .services_Card_Title {
      h3 {
        color: var(--Secondary-S50);
      }
    }
  }

  .services_Card_Data {
    height: auto !important;
  }

  .services_Card_Image {
    width: 100%;
  }
}

/* -------------------------------------------------------------------------- */
/*                                Projects                                   */
/* -------------------------------------------------------------------------- */

.projects_Archive_Wrapper {
  position: relative;
  padding-top: 152px;
  z-index: 5;
  background-color: #fff;
}

body:not(.personabar-visible) .projects_Archive_Wrapper {
  /* margin-top: -100vh; */
}

body:not(.personabar-visible) .projects_Archive_Wrapper {
  /* margin-bottom: -78px; */
  padding-bottom: 1px;
}

.projects_Archive_top {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 56px;
  z-index: 2;
}

#dnn_ctr464_ContentPane .NewsArticles {
  z-index: 2;
}

.projects_Archive_box {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 40px;
  z-index: 2;
}

@media (max-width: 992px) {
  .projects_Archive_box {
    align-items: start;
    flex-flow: column;
    gap: 4px !important;
  }

  .projects_Archive_Wrapper {
    padding-top: 90px !important;
  }
}

.projects_Archive_Icon {
  display: flex;
  align-items: center;
  gap: 8px;

  .ezIcon {
    --icon: 20px;
    --icon-color: var(--Gray-G50);
  }
}

.project_Categories:not(:has(.all-projects-fixed)) {
  display: flex;
  align-items: center;
  gap: 16px;

  a {
    padding-inline-start: 28px;
    position: relative;
    display: flex;
    align-items: start;
    gap: 6px;

    &::before {
      content: "";
      background-image: url(assets/icons/unchecked.svg);
      height: 20px;
      width: 20px;
      display: flex;
    }

    &.active::before {
      background-image: url(assets/icons/checked.svg);
    }
  }
}

#dnn_ctr464_ModuleContent .ArticleView {
  display: none;
}

@media (max-width: 992px) {
  .projects_Main_Wrapper {
    height: unset !important;
  }

  .project_Categories:not(:has(.all-projects-fixed)) {
    display: flex;
    align-items: center;
    gap: 16px;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;

    scrollbar-width: none;

    /* IE & Edge قدیمی */
    -ms-overflow-style: none;
    height: 46px;
    width: 100%;
  }

  .project_Categories:not(:has(.all-projects-fixed))::-webkit-scrollbar {
    display: none;
  }

  .project_Categories:not(:has(.all-projects-fixed)) a {
    flex-shrink: 0;
    scroll-snap-align: start;
  }
}

/* -------------------------------------------------------------------------- */
/*                                Sustainability Environment                  */
/* -------------------------------------------------------------------------- */

.sustain_Env_Main {
  position: relative;
  width: 100%;
  height: 100vh;
  /* Fills the screen while pinned */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  /* Optional background */
  z-index: 5;
  margin-top: -100vh;
}

.sustain_Env_Main::before {
  content: "";
  background-image: url(./assets/icons/home-about-before.svg);
  background-repeat: repeat;
  background-size: cover;
  width: 474px;
  height: 302px;
  position: absolute;
  top: -56px;
  left: -62px;
}

.sustain_Env_Item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1200px;
  padding: 0 20px;
  display: flex;
  align-items: start;
  gap: 56px;
  box-sizing: border-box;
  will-change: transform;
  /* Optimizes GPU performance for sliding */
}

/* Alternating layouts (01: Image Right, 02: Image Left, 03: Image Right) */
.sustain_Env_Item {
  flex-direction: row;
}

.sustain_Env_Info {
  width: 800px;
}

.sustain_Env_Info h3 {
  margin-bottom: 32px !important;
}

.sustain_Env_Num {
  color: var(--Gray-G90, #d1d1d1);
  font-size: 96px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 64px;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .sustain_Env_Main {
    height: unset;
    display: flex;
    flex-direction: column;
  }

  .sustain_Env_Item {
    flex-direction: column !important;
    gap: 24px;
    padding-top: 40px;
    position: relative;
    transform: unset;
    top: unset;
    left: unset;
  }

  .sustain_Env_Info {
    width: 100%;
  }

  .sustain_Env_Num {
    margin-bottom: 8px;
    color: var(--Gray-G90, #d1d1d1);
    font-size: 80px;
    font-weight: 700;
    line-height: normal;
  }

  .sustain_Env_Image {
    height: 490px;
    width: 100%;

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

  .sustain_Env_Info h3 {
    margin-bottom: 10px !important;
  }
}

/* -------------------------------------------------------------------------- */
/*                                Sustainability CSR                           */
/* -------------------------------------------------------------------------- */

.csr_Tabs_Wrapper {
  padding-top: 108px;
  background-color: #fff;
  z-index: 2;
  /* margin-top: -100vh; */
  -height: 512px;
  margin-bottom: 80px;
}

.csr_Tabs_Wrapper::before {
  content: "";
  background-image: url(./assets/icons/home-about-before.svg);
  background-repeat: repeat;
  background-size: cover;
  width: 474px;
  height: 302px;
  position: absolute;
  top: -56px;
  right: -62px;
  transform: rotateY(180deg);
}

@media (max-width: 992px) {
  .csr_Tabs_Wrapper::before {
    display: none;
  }

  .livetabsdefault.mright .mright.ui-tabs .mright.ui-tabs-nav::before {
    font-size: 22px !important;
    top: 16px !important;
  }

  .livetabsdefault.mright .mright.ui-tabs .mright.ui-tabs-nav::after {
    top: 84px !important;
  }

  .csr_Tabs_Wrapper {
    margin-bottom: 0 !important;
  }
}

body:not(.rtl) .csr_Tabs_Wrapper .livetabsdefault.mright .mright.ui-tabs .mright.ui-tabs-nav::before {
  content: "OUR CSR Initiatives" !important;
}

html[lang="ar-SA"] .csr_Tabs_Wrapper .livetabsdefault.mright .mright.ui-tabs .mright.ui-tabs-nav::before {
  content: "تصنيف الأنشطة" !important;
}

.csr_Tabs_Wrapper {
  .livetabsdefault.mright .mright.ui-tabs {
    border: none;
  }

  .livetabsdefault.mright .mright.ui-tabs {
    display: flex;
  }

  .livetabsdefault.mright .mright.ui-tabs .mright.ui-tabs-nav {
    border: none;
    border-radius: 0;
    position: relative;
    background: var(--Gray-G100, #fff);
    box-shadow: 0 10px 64px 0 rgba(18, 18, 18, 0.06);
    padding: 136px 32px 40px;
    /* width: 24%; */
    flex: 0 0 30%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 470px;
  }

  .livetabsdefault.mright .mright.ui-tabs .mright.ui-tabs-nav::before {
    content: "دستـه‌بنـدی فعـالیـت‌ها";
    position: absolute;
    top: 20px;
    inset-inline-start: 32px;
    color: var(--Gray-G00, #121212);
    font-size: 26px;
    font-weight: 700;
    line-height: 56px;
    /* 215.385% */
  }

  .livetabsdefault.mright .mright.ui-tabs .mright.ui-tabs-nav::after {
    content: "";
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    background: #e4e4e4;
    height: 1px;
    width: 80%;
    z-index: 2;
    visibility: visible;
  }

  .livetabsdefault.mright .mright.ui-tabs .mright.ui-tabs-nav li.mright {
    background: transparent;
    border: none;
    box-shadow: none !important;
    height: 56px;
    position: relative;
  }

  .livetabsdefault.mright .mright.ui-tabs .mright.ui-tabs-nav li.mright::before {
    content: "";
    height: 56px;
    width: 0;
    position: absolute;
    top: 50%;
    inset-inline-start: -32px;
    transform: translateY(-50%);
    background: var(--Secondary-S50);
    transition: 0.3s;
  }

  .livetabsdefault.mright .mright.ui-tabs .mright.ui-tabs-nav li.mright.ui-tabs-selected::before,
  .livetabsdefault.mright .mright.ui-tabs .mright.ui-tabs-nav li.mright.ui-tabs-active::before {
    width: 3px;
  }

  .livetabsdefault .ui-tabs .ui-tabs-nav li a {
    padding: 0;
    transition: 0.3s;
    color: var(--Gray-G60, #959595);
    font-size: 22px;
    font-weight: 700;
    line-height: 56px;
    /* 200% */
    height: 56px;

    &:hover {
      color: var(--Gray-G40, #626262);
      font-size: 26px;
      font-weight: 700;
      line-height: 56px;
      /* 215.385% */
    }
  }

  body:not(.rtl) .livetabsdefault .ui-tabs .ui-tabs-nav li a:hover {
    font-size: 22px;
  }

  .livetabsdefault .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
  .livetabsdefault .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
  .livetabsdefault .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: var(--Primary-P20, #005372);
    font-size: 26px;
    font-weight: 700;
    line-height: 56px;
    /* 215.385% */
  }
}

body:not(.rtl) .livetabsdefault .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
body:not(.rtl) .livetabsdefault .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
body:not(.rtl) .livetabsdefault .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  font-size: 22px;
}

.manage_Btn_Wrapper {
  padding-top: 40px;

  a {
    background-color: var(--Secondary-S50);
    padding: 4px 20px;
    width: max-content;
    color: #fff !important;
  }
}

.sustain_Csr_Cards_Wrapper {
  height: 512px;
  overflow-y: auto;
  padding-inline-start: 24px;
  z-index: 2;
}

.sustain_Csr_Item {
  position: relative;
  z-index: 2;
}

.sustain_Csr_Image {
  position: relative;
  width: 310px;
  height: 210px;
  transition: 0.3s;
  z-index: 2;
  margin-bottom: 32px;

  &::before {
    content: "";
    opacity: 0.8;
    background: linear-gradient(0deg, #121212 0%, rgba(18, 18, 18, 0) 100%);
    height: 148px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    transition: 0.3s;
  }

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

  p {
    position: absolute;
    inset-inline-start: 24px;
    bottom: 24px;
    width: 300px;
    z-index: 2;
  }
}

.sustain_Csr_Info {
  position: absolute;
  z-index: 1;
  inset-inline-start: 0;
  top: 0;
  transition: 0.5s;

  >p {
    margin-bottom: 24px;
  }
}

.sustain_Csr_InfoBox {
  display: flex;
  flex-direction: column;
  padding-inline-start: 16px;
  position: relative;
  margin-bottom: 24px;

  &::before {
    content: "";
    position: absolute;
    inset-inline-start: 0px;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--Secondary-S50);
    width: 3px;
    height: 90%;
  }
}

@media (min-width: 992px) {
  .sustain_Csr_Item:hover {
    .sustain_Csr_Info {
      inset-inline-start: 460px;
    }

    .sustain_Csr_Image {
      width: 410px;
      height: 270px;
    }
  }
}

@media (max-width: 992px) {
  .livetabsdefault.mright .mright.ui-tabs {
    flex-direction: column;
  }

  .csr_Tabs_Wrapper {
    height: unset;
    padding-top: 42px !important;
  }

  .sustain_Csr_Cards_Wrapper {
    padding: 0 !important;
    margin-top: 32px !important;
  }

  .sustain_Csr_Info {
    position: relative !important;
  }

  .sustain_Csr_Image {
    width: 100% !important;
  }

  .sustain_Csr_Item {
    margin-bottom: 24px !important;
  }

  .news_Featured_Wrapper {
    padding-block: 24px 0 !important;
    margin-block: 52px 60px !important;
    display: flex;
  }
}

/* -------------------------------------------------------------------------- */
/*                              Featured News                                 */
/* -------------------------------------------------------------------------- */

.news_Featured_Wrapper {
  background: var(--Gray-G99, #f2f2f2);
  padding-block: 76px;
  margin-block: 88px 120px;
}

.news_Featured_Grid {
  display: grid;
  grid-template-columns: 58% 1fr;
  gap: 18px;
  margin-bottom: 32px;
}

.news_Featured_Grid_Item {
  position: relative;
  transition: 0.3s;
  z-index: 2;
}

.news_Featured_Grid_Item:first-child {
  grid-area: 1 / 1 / 4 / 2;
}

.news_Featured_Grid_Item:nth-child(2) {
  grid-area: 1 / 2 / 2 / 3;
}

.news_Featured_Grid_Item:nth-child(3) {
  grid-area: 2 / 2 / 3 / 3;
}

.news_Featured_Grid_Item:nth-child(4) {
  grid-area: 3 / 2 / 4 / 3;
}

.news_Featured_Grid_Item:not(:first-child) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 12px 12px 12px 26px;
}

.news_Featured_Grid_Item:not(:first-child):hover {
  background: var(--Gray-G100, #fff);
  box-shadow: 0 4px 40px 0 rgba(18, 18, 18, 0.08);

  .news_Featured_Grid_Item_Title {
    color: var(--Secondary-S50);
  }
}

.news_Featured_Grid_Item:not(:first-child, :last-child)::before {
  content: "";
  position: absolute;
  width: 93%;
  height: 1px;
  background-color: #e4e4e4;
  bottom: -10px;
}

.news_Featured_Grid_Item_Image {
  flex: 0 0 calc(44% - 16px);
  height: 132px;
  overflow: hidden;
  object-fit: cover;
}

.news_Featured_Grid_Item_Image img {
  transition: 0.3s;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.news_Featured_Grid_Item_Info {
  flex: 0 0 calc(56% - 16px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.news_Featured_Grid_Item_Title {
  color: var(--Gray-G30, #4f4f4f);
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  transition: 0.4s ease;
}

.news_Featured_Grid_Item_Date {
  color: var(--Gray-G60, #959595);
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 3px;
}

.news_Featured_Grid_Item:first-child {
  overflow: hidden;
  margin-block: 12px;
  height: 500px;

  .news_Featured_Grid_Item_Image {
    height: 500px;
    overflow: hidden;
  }

  .news_Featured_Grid_Item_Image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 0;
    position: relative;
    transition: 0.4s ease;
  }

  .news_Featured_Grid_Item_Info {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    bottom: 20px;
    padding-inline: 24px;
  }

  .news_Featured_Grid_Item_Title {
    color: var(--Gray-G100, #fff);
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    height: unset;
    z-index: 2;
    transition: 0.4s ease;
  }

  .news_Featured_Grid_Item_Date {
    color: var(--Gray-G100, #fff);
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    padding: 8px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(14px);
    z-index: 2;
    opacity: 0;
  }

  .news_Featured_TitleBox {
    z-index: 2;
  }
}

@media (min-width: 992px) {
  .news_Featured_Grid_Item:first-child {
    .news_Featured_TitleBox {
      overflow: hidden;
      width: 76%;
      transition: 0.4s ease;

      .news_Featured_Sub {
        opacity: 0;
        max-height: 0;
        transition: 0.5s ease;
      }
    }
  }

  .news_Featured_Grid_Item:first-child:hover {
    &::after {
      content: "";
      background: linear-gradient(0deg, #121212 0%, rgba(18, 18, 18, 0) 100%);
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 70%;
      z-index: 1;
    }

    .news_Featured_TitleBox {
      .news_Featured_Sub {
        opacity: 0.6;
        max-height: 200px;
      }
    }
  }
}

.news_Featured_Grid_Item:not(:first-child) {
  .news_Featured_TitleBox {
    .news_Featured_Sub {
      display: none !important;
    }
  }
}

.news_Featured_Grid_Item:hover {
  box-shadow: 0 12px 40px 0 rgba(18, 18, 18, 0.2);

  .news_Featured_Grid_Item_Image img {
    transform: scale(1.06);
  }
}

@media (max-width: 992px) {
  .news_Featured_Grid_Item:first-child {
    margin-block: 12px;
    height: auto !important;
    aspect-ratio: 3 / 2;

    .news_Featured_Grid_Item_Image {
      height: 300px;
      overflow: hidden;
    }
  }
}

.news_Featured_Grid_Item:first-child::after {
  content: "";
  background: linear-gradient(0deg, #121212 0%, rgba(18, 18, 18, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  z-index: 1;
  transition: 0.4s ease;
}

@media (max-width: 992px) {
  .news_Featured_Grid {
    display: flex;
    flex-direction: column;
    gap: 26px;
    padding: 0;
    height: unset;
  }

  .news_Featured_Grid_Item {
    padding: 0 !important;
  }

  .news_Featured_Grid_Item:first-child {
    .news_Featured_Grid_Item_Info {
      flex-direction: column;
      align-items: start;
      bottom: 24px;
      right: 0;
      gap: 10px;
    }

    .news_Featured_Grid_Item_Title {
      font-size: 14px;
      font-weight: 600;
    }

    .news_Featured_Grid_Item_Date {
      font-size: 12px;
      font-weight: 500;
      padding: 2px 12px;
    }
  }

  .news_Featured_Grid_Item:not(:first-child, :last-child)::before {
    opacity: 0;
  }

  .news_Featured_Grid_Item:not(:first-child) {
    gap: 12px;

    .news_Featured_Grid_Item_Title {
      font-size: 14px;
      font-weight: 600;
      line-height: 28px;
      height: 56px;
    }

    .news_Featured_Grid_Item_Info {
      gap: 8px;
    }

    .news_Featured_Grid_Item_Image {
      height: auto !important;
      aspect-ratio: 3 / 2;
    }
  }

  .news_Featured_Grid_Item:first-child::after {
    height: 70%;
  }
}

.media_Top_Nav_Wrapper {
  position: relative;
  margin-top: 80px;

  &::before {
    content: "";
    position: absolute;
    inset-inline-end: -8px;
    top: -108px;
    background: url(../ez-skin/assets/icons/media-top-nav-before.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 517px;
    width: 787px;
  }
}

body:not(.rtl) .media_Top_Nav_Wrapper::before {
  transform: rotateY(180deg);
}

@media (max-width: 992px) {
  .media_Top_Nav_Wrapper {
    &::before {
      display: none;
    }
  }
}

.media_Top_Nav_Wrapper .about_Top_Nav {
  margin: 0 !important;
}

/* -------------------------------------------------------------------------- */
/*                                Media Gallery                               */
/* -------------------------------------------------------------------------- */

.image_Featured_Wrapper {
  background: var(--Gray-G99, #f2f2f2);
  padding-block: 80px;
  margin-block: 88px 120px;
}

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

.image_Featured_Item:first-child {
  grid-area: 1 / 1 / 2 / 3;
}

.image_Featured_Item {
  z-index: 2;
  position: relative;
  overflow: hidden;

  .image_Featured_Img {
    width: 100%;
    aspect-ratio: 3 / 2;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 0.3s;
    }
  }
}

.image_Featured_Item:hover {
  .image_Featured_Img img {
    transform: scale(1.06);
  }
}

.image_Featured_Item:not(:first-child) {
  .image_Featured_Img img {
    filter: saturate(0);
  }

  &:hover {
    .image_Featured_Img img {
      filter: saturate(1);
    }
  }
}

.image_Featured_Item::after {
  content: "";
  background: linear-gradient(0deg, #121212 0%, rgba(18, 18, 18, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
  z-index: 1;
  transition: 0.3s;
}

.image_Featured_Info {
  position: absolute;
  width: 100%;
  bottom: 20px;
  padding-inline: 24px;
  z-index: 2;
}

.image_Featured_Info p {
  line-height: 36px !important;
}

@media (max-width: 992px) {
  .image_Featured_Item:not(:first-child) {
    .image_Featured_Info {
      p {
        color: var(--Gray-G100, #fff);
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 24px !important;
      }
    }
  }

  .image_Featured_Info {
    bottom: 10px;
    padding-inline: 8px !important;
  }

  .image_Featured_Wrapper {
    padding-block: 26px;
    margin-block: 52px 60px;
  }

  .image_Featured_Item::after {
    height: 100% !important;
  }
}

.media_Toolbar {
  position: fixed;
  padding: 24px 16px !important;
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--Gray-G100, #fff);
  box-shadow: 0 4px 32px 0 rgba(18, 18, 18, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  z-index: 2;

  .ezIcon {
    --icon-color: var(--Gray-G60);
    --icon: 32px;
    transition: 0.3s;
  }

  .media_Toolbar_Item:hover {
    .ezIcon {
      --icon-color: var(--Secondary-S50);
    }
  }
}

@media (max-width: 992px) {
  .media_Toolbar {
    display: none;
  }
}

/* -------------------------------------------------------------------------- */
/*                                Media video                                 */
/* -------------------------------------------------------------------------- */

.video_Featured_Wrapper {
  background: var(--Gray-G99, #f2f2f2);
  padding-block: 76px;
  margin-block: 88px 120px;
}

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

.video_Featured_Item {
  position: relative;
  z-index: 2;
  overflow: hidden;

  &::before {
    content: "";
    background: linear-gradient(0deg, #121212 0%, rgba(18, 18, 18, 0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 1;
    transition: 0.3s;
  }

  .video_Featured_Info {
    position: absolute;
    width: 100%;
    bottom: 10px;
    padding-inline: 16px;
    z-index: 2;
  }

  .video_Featured_Info p {
    line-height: 1.8 !important;
  }
}

.video_Featured_Item:first-child {
  grid-area: 1 / 1 / 2 / 4;

  .video_Featured_Info {
    bottom: 30px;
    padding-inline: 64px;
  }
}

.video_Featured_Image {
  width: 100%;
  aspect-ratio: 3 / 2;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    filter: brightness(0.8);
  }
}

.video_Featured_Item:hover {
  .video_Featured_Image img {
    filter: brightness(1);
    transform: scale(1.06);
  }
}

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

  .video_Featured_Item:first-child {
    grid-area: 1 / 1 / 2 / 2;

    .video_Featured_Info {
      bottom: 10px;
      padding-inline: 16px;
    }
  }
}

/* -------------------------------------------------------------------------- */
/*                                Media Publications                         */
/* -------------------------------------------------------------------------- */

.publication_Featured_Wrapper {
  background: var(--Gray-G99, #f2f2f2);
  padding-block: 76px;
  margin-block: 88px 120px;
}

.publication_Featured_Grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 26px;
}

.publication_Featured_Item {
  position: relative;
  z-index: 2;
  overflow: hidden;

  &::before {
    content: "";
    background: linear-gradient(0deg, #121212 0%, rgba(18, 18, 18, 0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 1;
    transition: 0.3s;
  }

  .publication_Featured_Info {
    position: absolute;
    width: 100%;
    bottom: 10px;
    padding-inline: 16px;
    z-index: 2;
  }
}

.publication_Featured_Image {
  width: 100%;
  height: 100%;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    filter: saturate(0);
  }
}

.publication_Featured_Item:hover {
  .publication_Featured_Image img {
    filter: saturate(1);
    transform: scale(1.06);
  }
}

@media (max-width: 992px) {
  .publication_Featured_Grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }

  .news_Detail_Box {
    margin-bottom: 0px !important;
  }
}

.size {
  direction: ltr !important;
}

.news_Listing_Wrapper.related_Ver .news_Listing_Item {
  margin-bottom: 16px;
}

.news_Listing_Wrapper.related_Ver {
  box-shadow: 0 4px 40px 0 rgba(18, 18, 18, 0.1);
  padding: 6px;
  row-gap: 16px !important;
  background-color: #fff;
  margin-bottom: 32px;
}

.news_Listing_Wrapper.pub {
  .news_Listing_Item {
    &:hover {
      box-shadow: 0 4px 40px 0 rgba(18, 18, 18, 0.3);
    }
  }
}

.news_Detail_Related_Header {
  p {
    width: max-content;
    margin: 12px 12px 0 0;
    padding: 4px 14px;
    /* background: var(--Gray-G00, #121212); */
    color: var(--Gray-00) !important;
  }
}

.news_Detail_Date {
  p {
    letter-spacing: 2px;
  }
}

/* -------------------------------------------------------------------------- */
/*                                Cooperation Aucitons                       */
/* -------------------------------------------------------------------------- */

.auctions_Featured_Wrapper {
  background: var(--Gray-G99, #f2f2f2);
  padding-block: 76px;
  margin-block: 88px 120px;
}

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

.auctions_Featured_Item {
  position: relative;
  z-index: 2;
  overflow: hidden;

  &::before {
    content: "";
    opacity: 0.8;
    background: linear-gradient(0deg, #121212 0%, rgba(18, 18, 18, 0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 1;
    transition: 0.3s;
  }
}

.auctions_Featured_Image {
  width: 100%;
  aspect-ratio: 3 / 2;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    filter: saturate(0);
  }
}

.auctions_Featured_Info {
  position: absolute;
  width: 100%;
  bottom: 32px;
  padding-inline: 32px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.auctions_Featured_Date {
  color: var(--Gray-G100, #fff);
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(14px);
  padding: 8px 14px;
  opacity: 0;
  transition: 0.3s;
  letter-spacing: 3px;
}

.auctions_Featured_Image {
  position: relative;

  &::before {
    content: "";
    position: absolute;
    inset-inline-start: 42px;
    bottom: 42px;
    background: url(./assets/icons/auctions-img-before.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    width: 56px;
    z-index: 2;
  }
}

.auctions_Featured_Item:hover {
  .auctions_Featured_Date {
    opacity: 1;
  }

  .auctions_Featured_Image {
    img {
      filter: saturate(1);
    }
  }
}

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

.contact_Scroll_Par_Wrapper {
  position: relative;
  margin-top: 86px;
  height: 100vh;
  min-height: 540px;
  isolation: isolate;
}

.contact_Scroll_Par_Wrapper {
  position: relative;
  z-index: 1;
}

.contact_Scroll_Image {
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  height: 540px;
  width: auto;
  margin: 0 auto;
  overflow: hidden;
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: left, right, height;
}

.contact_Scroll_Image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: translateZ(0) scale(1.01);
  backface-visibility: hidden;
}

.contact_Scroll_Par_Wrapper.cent .contact_Scroll_Image img {
  object-position: top;
}

.contact_Scroll_Overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  z-index: 1;
}

.contact_Scroll_Text {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
  text-align: center;
  gap: 40px;
  width: 1020px;
  max-width: 100%;

  margin: auto;
  opacity: 1;
  /* transform: translateY(50px); */
  padding: 40px;
  z-index: 2;
}

.contact_Scroll_Text .contact_Scroll_Text_Right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: start;
  gap: 40px;
  flex: 1;
}

.contact_Scroll_Text .contact_Scroll_Text_Left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: start;
  gap: 40px;
  min-width: 260px;
}

.contact_Scroll_Text .contact_Scroll_Text_Left a {
  display: flex;
  gap: 10px;
  opacity: 0;
  transform: translateY(50px);
  flex-flow: row-reverse;
  justify-content: start;
  transition: 0.3s;
}

.contact_Scroll_Text .contact_Scroll_Text_Left a:hover {
  gap: 20px;
}

.contact_Scroll_Text .contact_Scroll_Text_Left a .ezIcon {
  margin-top: 4px;
}

.contact_Scroll_Text p {
  opacity: 0;
  transform: translateY(50px);
}

.contact_Scroll_Text .contact_Top_Right {
  opacity: 0;
  transform: translateY(50px);
}

@media (max-width: 992px) {
  .contact_Scroll_Par_Wrapper {
    height: 100vh;
    min-height: 420px;
  }

  .contact_Scroll_Image {
    height: 420px;
    left: 0;
    right: 0;
  }

  .contact_Scroll_Text p:first-child {
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
  }

  .contact_Scroll_Text p:last-child {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
  }

  .contact_Scroll_Text {
    flex-flow: column;
    justify-content: center !important;
  }
}

/* -------------------------------------------------------------------------- */
/*                                cooperation contact                         */
/* -------------------------------------------------------------------------- */

.contact_Branches_Wrapper,
.contact_Branches_Wrapper * {
  box-sizing: border-box;
}

.contact_Branches_Scene {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2rem;
}

.contact_Branches_Scene .contact_Branches_Top-Row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contact_Branches_Scene h2 {
  text-align: start;
  margin-bottom: 1.5rem;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contact_Branches_Arrows {
  width: 100px;
  position: relative;
  margin-left: 16px;
}

.contact_Branches_Arrows .slick-arrow {
  border-radius: 0 !important;
  background: var(--Gray-G100, #fff) !important;
  box-shadow: 0 4px 24px 0 rgba(18, 18, 18, 0.1);
}

.contact_Branches_Stage {
  position: relative;
  height: 456px;
  display: flex;
  flex-flow: column;
}

.contact_Branches_List_Item {
  display: flex !important;
  align-items: center;
  height: 456px;
  gap: 2rem;
  margin-top: 24px;

  .contact_Top_Item {
    padding-inline-start: 8px;
  }
}

@media (min-width: 992px) {
  .contact_Branches_List_Item {
    scroll-margin-block-start: 200px;
  }
}

.contact_Branches_List_Item_Infos {
  flex: 0 0 42%;
  will-change: transform;
  padding: 32px 16px 32px 24px;
  background: var(--Background, #f9f9f9);
}

.contact_Branches_List_Item_Map {
  flex: 1;
  height: 456px;
  /* border-radius: 12px; */
  overflow: hidden;
  will-change: transform;
}

.contact_Branches_List_Item_Map iframe {
  width: 100%;
  height: 456px;
}

@media (max-width: 992px) {
  .contact_Branches_List_Item {
    flex-direction: column;
  }
}

@media (max-width: 991px) {
  .contact_Branches_List_Item {
    position: static;
    opacity: 1 !important;
    pointer-events: auto !important;
    height: max-content;
    flex-direction: column-reverse;
    gap: 0;
  }

  .contact_Branches_Wrapper {
    padding-block: 96px;
  }

  .contact_Branches_List_Item_Infos,
  .contact_Branches_List_Item_Map {
    transform: none !important;
  }

  .contact_Branches_List_Item_Map {
    width: 100%;
    min-height: max-content;
  }

  .contact_Branches_Scene {
    height: max-content;
    padding: 0;
  }

  .contact_Branches_Stage {
    height: auto;
  }

  .contact_Scroll_Text {
    .contact_Top_Item_Phones {
      flex-direction: column;

      a {
        direction: ltr !important;
      }
    }

    .contact_Top_Item {
      align-items: start !important;
    }
  }
}

.contact_Scroll_Text {
  .contact_Top_Item_Phones {
    a {
      direction: ltr !important;
    }
  }
}

@media (min-width: 992px) {
  .contact_Scroll_Text {
    .contact_Top_Item:last-child {
      .contact_Top_Item_Text {
        p:last-child {
          width: 70%;
        }
      }
    }
  }
}

/* 
.filepond--drop-label {
  position: relative;

  &::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 50%;
    transform: translateY(-50%);
    mask: url(../ez-skin/assets/icons/upload.svg);
    -webkit-mask: url(../ez-skin/assets/icons/upload.svg);
    width: 32px;
    height: 32px;
    background: var(--Gray-G100, #fff);
    z-index: 1;
  }
} */

.main_Form_Wrapper {
  width: 100%;
  height: 80vh;
  display: flex;
  align-items: center;

  .file-filepond-box {
    height: max-content;
  }

  .form-html {
    width: 496px;
    margin-inline: auto;
  }

  .form-buttons-group {
    flex-direction: row !important;
    justify-content: space-between !important;

    button {
      border-radius: 0 !important;
      padding: 6px 60px !important;
    }
  }

  .form-input {
    input {
      border-radius: 0 !important;
      border: 1px solid var(--Gray-G90, #d1d1d1);
      background: var(--Background, #f9f9f9);
    }

    .radio-list {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 24px;

      .option-item {
        margin: 0 !important;
        width: 100%;
        border: 1px solid var(--Gray-G95, #e4e4e4);
        background: var(--Background, #f9f9f9);
        padding: 8px;
      }
    }

    .checkbox-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;

      .option-item {
        margin: 0 !important;
        width: 100%;
        border: 1px solid var(--Gray-G95, #e4e4e4);
        background: var(--Background, #f9f9f9);
        padding: 8px;
      }
    }
  }
}

@media (max-width: 992px) {
  .main_Form_Wrapper {
    .form-html {
      width: 100%;
      margin-inline: auto;
    }
  }
}

.leaflet-popup-content-wrapper {
  border-radius: 0 !important;
}

.news_Listing_Wrapper.related_Ver {
  .news_Listing_Item {
    .news_Listing_Item_Image {
      img {
        filter: saturate(0);
        transition: 0.3s;
      }
    }
  }
}

.news_Listing_Item_Image:not(.publications) {
  aspect-ratio: 3 / 2;
}

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

.news_Listing_Wrapper.related_Ver {
  .news_Listing_Item:hover {
    .news_Listing_Item_Image {
      img {
        filter: saturate(1);
      }
    }
  }
}

body .news_Detail_Wrapper {
  margin-top: 0 !important;
}

@media (max-width: 992px) {
  body #wrap .news_Detail_Wrapper {
    margin-top: -60px !important;
  }
}

.news_Detail_Wrapper {
  .breadcrumb {
    margin-bottom: 0;
  }

  .col-lg-4.centered {
    display: none;
  }

  &.centered {
    justify-content: center;
  }
}

.f-thumbs__viewport,
.fancybox__thumbs {
  display: none !important;
}

.err404_Wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  margin-top: 150px;

  &::before {
    content: "";
    background: url(../ez-skin/assets/icons/404-pattern.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 622px;
    height: 587px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }

  p.typo-h2 {
    margin-bottom: 16px;
  }

  p.typo-t3 {
    margin-bottom: 48px;
  }

  .err404_Link {
    background-color: var(--Secondary-S50);
    padding: 8px 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    transition: 0.3s;

    &:hover {
      background-color: var(--Secondary-S40);
    }
  }

  .err404_Text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.news_Listing_Date {
  letter-spacing: 3px;
}

/* Activities Section */
.activities_Sec {
  position: relative;
  z-index: 2;
  margin-top: -100vh;
  padding: 80px 0 150px;
  background: var(--Background, #f9f9f9);
  background: #fff;
}

.activities_Sec:after {
  content: "";
  background-image: url(./assets/icons/history-tree-wrapp.svg);
  background-repeat: repeat;
  background-size: contain;
  width: 100%;
  height: 268px;
  position: absolute;
  left: 0;
  bottom: -60px;
  z-index: -1;
  transform: rotate(180deg);
  opacity: 0.5;
}

.activities_Sec h2 {
  color: var(--Gray-G00, #121212);
  font-size: 30px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 56px !important;
  text-align: center;
}

.activities_Sec h2 span {
  color: var(--Secondary-S50);
}

.activities_Sec .item_Box {
  position: relative;
  display: flex;
  align-items: start;
  gap: 24px;
  padding: 0 16px 72px 0;
}

.activities_Sec .item_Box:not(:last-child):before {
  content: "";
  position: absolute;
  right: 74px;
  bottom: -6px;
  top: 30px;
  background: var(--Secondary-S50);
  width: 1px;
}

body:not(.rtl) .activities_Sec .item_Box:not(:last-child):before {
  left: 68px;
  right: auto;
}

.activities_Sec .item_Box .step_Number {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 26px;
  font-weight: bold;
  color: var(--Secondary-S50);
  flex-shrink: 0;
  line-height: normal;
  direction: ltr;
  text-align: center;
}

.activities_Sec .item_Box .step_Number span {
  display: block;
  min-width: 45px;
}

body:not(.rtl) .activities_Sec .item_Box .step_Number span {
  min-width: 55px;
}

.activities_Sec .item_Box .title {
  font-size: 24px;
  font-weight: bold;
}

.activities_Sec .item_Box .subtitle {
  font-size: 18px;
  font-weight: bold;
  margin: 8px 0 16px;
  color: var(--bs-gray-dark, #626262);
}

.activities_Sec .item_Box .desc {
  color: var(--Gray-G40, #626262);
  font-size: 16px;
  line-height: 1.8;
  text-align: justify;
}

@media (max-width: 570px) {
  .activities_Sec h2 {
    font-size: 24px;
    line-height: 1.8;
    margin-bottom: 48px !important;
  }

  .activities_Sec .item_Box {
    flex-direction: column;
    padding-right: 16px;
    gap: 0;
  }

  .activities_Sec .item_Box:not(:last-child):before {
    right: 0;
    top: 24px;
    bottom: -28px;
  }

  .activities_Sec .item_Box:after {
    content: "";
    position: absolute;
    right: -4px;
    top: 17px;
    width: 10px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--Secondary-S50);
  }

  .activities_Sec .item_Box .content_Box {}
}