@import "reset.css";
@import "helpers.css";
@import "cursor.css";
@import "fonts.css";
@import "header.css";

:root {
  --white: #fff;
  --bodyText: #7b6e66;
}
html.has-scroll-smooth {
  overflow: hidden;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}

body {
  font-family: "Frutiger LT Arabic 55 Roman";
  font-size: 18px;
  color: var(--bodyText);
  overflow-x: hidden;
  min-width: 360px;
  font-weight: 400;
  line-height: 1.7;
}

::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
::-webkit-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

a {
  color: #ce2030;
}

.d-none {
  display: none;
}
.d-block {
  display: block;
}
.wrapper {
  position: relative;
  transition: all 0.5s ease-in-out;
}
body.no-scroll {
  overflow: hidden !important;
}

.head1 {
  font-size: 50px;
  line-height: 1;
}
.head2 {
  font-size: 115px;
  line-height: 1.25;
  position: relative;
}
.head3 {
  font-size: 30px;
  line-height: 1;
  position: relative;
}
.head4 {
  font-size: 48px;
  line-height: 1.2;
  position: relative;
}
.head5 {
  font-size: 36px;
  line-height: 1.17;
  position: relative;
}
.head5 {
  font-size: 36px;
  line-height: 1.17;
  position: relative;
}
.head6 {
  font-size: 3vw;
  line-height: 1.17;
  position: relative;
}
.fs290 {
  font-size: 15vw !important;
}
.fs224 {
  font-size: 9.8vw !important;
}

.fs999 {
  font-size: 9vw !important;
}
.fs166 {
  font-size: 8vw !important;
}
.fs128 {
  font-size: 7vw !important;
}
.fs88 {
  font-size: 4.5vw !important;
}
.fs98 {
  font-size: 5.3vw;
}
.fs96 {
  font-size: 6vw;
}
.fs84 {
  font-size: 4.3vw !important;
}
.fs74 {
  font-size: 3.7vw !important;
  line-height: 1.4;
}
.fs72 {
  font-size: 3.6vw;
}
.fs62 {
  font-size: 3.2vw !important;
}

.fs4wv {
  font-size: 4vw !important;
}
.fs24 {
  font-size: 1.3vw;
  line-height: 1.3 !important;
}
.fs28 {
  font-size: 1.5vw !important;
  line-height: 1.6;
}
.fs54 {
  font-size: 2.9vw !important;
}
.fs56 {
  font-size: 3.5vw !important;
}
.fs36 {
  font-size: 2.5vw !important;
}
.fs100 {
  font-size: 5vw !important;
}
.fs110 {
  font-size: 5.7vw !important;
}
.fs64 {
  font-size: 3.2vw !important;
  line-height: 1.5;
}
.h3_text {
  font-size: 1.5vw !important;
}
.fs34 {
  font-size: 1.8vw !important;
}
.fs38 {
  font-size: 2.4vw !important;
  line-height: 1.5 !important;
}
.fsn36 {
  font-size: 2vw;
}
.fs32 {
  font-size: 1.8vw;
}
.fs16 {
  font-size: 0.9vw;
}
.fs20 {
  font-size: 1vw;
}
.fs22 {
  font-size: 1.15vw;
}
.fs45 {
  font-size: 2.3vw !important;
}
.fs40 {
  font-size: 2.15vw !important;
}
.fsn64 {
  font-size: 3.25vw;
}
.fs52 {
  font-size: 2.7vw;
}
.fs58 {
  font-size: 2.8vw !important;
}
.fs56 {
  font-size: 2.7vw;
}
.sm-img {
  width: 32px !important;
}
.sm-img2 {
  width: 48px !important;
}
.numbertext {
  font-size: 5vw;
  line-height: 1.17;
  position: relative;
}
.clr {
  color: #e41f28 !important;
}
.cl {
  color: #7d6e66 !important;
}
.cl1 {
  color: rgba(125, 110, 102, 0.8) !important;
}
.cw {
  color: #fff !important;
}
.cwl {
  color: #fff;
  opacity: .7;
}
.cw2 {
  color: rgba(255, 255, 255, 0.2) !important;
}
.cwl2 {
  color: rgba(255, 255, 255, 0.8) !important;
}
.co {
  color: #fcaf17 !important;
}
.bgco {
  background-color: #fcaf17;
}

.bglgray {
  background-color: #f6f4f4;
}
.dblack {
  color: #7d6e66 !important;
}
.gn {
  color: #0d8a47 !important;
}
.grey1 {
  color: rgba(126, 111, 103, 0.55) !important;
}
.grey2 {
  color: rgba(126, 110, 102, 1) !important;
}
.gclr {
  color: #00c888;
}
.lgray {
  background: #f7f7f7;
}
.pclr {
  color: #00b8bc;
}
.gbg {
  background: rgba(126, 110, 102, 1) !important;
}
.bgwl {
  background: rgba(255, 255, 255, 0.8) !important;
}
.brown {
  background: #7d6e66;
}
.gbl {
  background-color: #f2f0f0;
}
.gbg {
  background-color: #0d8a47 !important;
}
/* .fml2 {
  font-family: "Frutiger LT Std 45";
} */

.bg-yellow {
  background: #c3b8b1;
}
.bg-grey {
  background: #7d6e66;
}

.bg-white {
  background: #fff;
}

.darkbrown {
  background-color: #cbcbcb !important;
}
.lightbrown {
  background-color: rgba(246, 244, 244, 80%) !important;
}
.whitebrown {
  background-color: rgba(246, 244, 244, 90%) !important;
}
.bg-red {
  background: #e41f28 !important;
}

.para {
  font-size: 1.2vw;
}
.p {
  font-size: 22px;
  line-height: 1.1;
}

.radius10 {
  border-radius: 10px;
}
/* .img {
    margin-bottom: 20px;
} */
.img img {
  width: 100%;
}
.bdrc {
  border-color: #7e6f67;
}
.web_page {
  overflow: hidden;
}

.main-banner {
  padding: 0 0 0;
  text-align: center;
  position: relative;
  height: auto;
  overflow: hidden;
  height: 100vh;
}
.main-banner video,
.main-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.9);
}
.main-banner .topDiv .info {
  position: absolute;
  top: auto;
  right: 50%;
  transform: translate(50%, 0);
  z-index: 2;
  /* bottom: 10%; */
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 25vw 0 25vw;
}
.main-banner .topDiv .info h2 {
  /* font-size: 7.5vw; */
  font-size: 5.5vw;
  line-height: 1.2;
  color: #e41f28;
  /* font-weight: 300; */
  text-transform: uppercase;
  font-weight: 600;
  /* font-family: "Frutiger LT Std"; */
}
.main-banner .ofh {
  position: relative;
  z-index: 2;
  gap: .6vw;
}
.main-banner .info h3 {
  /* font-size: 7.5vw; */
  font-size: 5.5vw;
  line-height: 1;
  font-weight: 700;
  /* font-family: "Frutiger LT Std"; */
  text-transform: uppercase;
  display: flex;
  width: 100%;
}
.main-banner .info h3 i {
  display: inline-block;
}
/* .main-banner .info h3 span {
    color: #7D6E66;
    font-size: 5vw;
    font-family: 'Frutiger LT Arabic 45';
    margin-left: 1vw;
    position: relative;
    top: -4px;
    display: inline-block;
} */
.main-banner .year-text {
  position: absolute;
  left: 11.3vw;
  top: 10vw;
  color: #7b6e66;
  z-index: 3;
}
.main-banner .year-text h3 {
  font-size: 2vw;
  line-height: 1.5;
  text-align: left;
  font-weight: 600;
  /* font-family: "Frutiger LT Arabic 45"; */
}

.sustain_sec {
  padding: 0 0 0;
  text-align: center;
  position: relative;
  height: auto;
  overflow: hidden;
}

.sm-heading {
  position: relative;
  padding-right: 1.5vw;
}
.sm-heading .circle {
  position: absolute;
  top: 5px;
  right: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
.sm-heading .rent {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1vw;
  height: 1vw;
  border-radius: 4px;
  transform: translate(0, -50%);
}

.bab_btn {
  position: relative;
  display: flex;
  width: 100%;
  z-index: 1;
}
.bab_btn > a {
  display: flex;
  align-items: center;
  transition: all 0.7s ease;
  gap: 1vw;
}
.bab_btn a span {
  line-height: 1;
  position: relative;
  color: #7d6e66;
  transition: all 0.7s ease;
  position: relative;
  transform: translateX(0%);
  display: block;
}
.bab_btn a:hover .circleIcon {
  transform: translateX(15%) scale(0.9);
}
.bab_btn a:hover span {
  transform: translateX(10%);
  opacity: 1;
  visibility: visible;
  transition-delay: 0.1s;
  color: #e41f28;
}

.bab_btn > a .circleIcon {
  border: solid 1px rgba(126, 111, 103, 0.32);
  width: 4vw;
  height: 4vw;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: center;
  transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  overflow: hidden;
  user-select: none;
  will-change: transform;
  transform: translateX(0);
}
.bab_btn > a .circleIcon::before,
.bab_btn > a .circleIcon::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
}
.bab_btn > a .circleIcon::before {
  width: 130%;
  height: 0;
  padding-bottom: 130%;
  top: 0;
  right: 50%;
  border-radius: 50%;
  transform: translate3d(-50%, 68%, 0) scale3d(0, 0, 0);
  background: #fff;
}
.bab_btn > a .circleIcon::after {
  background: #0d8a47;
  transform: translate3d(0, -105%, 0);
  transition: transform 0.6s cubic-bezier(0.1, 0, 0.3, 1);
}
.bab_btn > a:hover .circleIcon:before {
  transform: translate3d(-50%, -25%, 0) scaleX(1);
  transition: transform 0.6s cubic-bezier(0.1, 0, 0.3, 1);
}
.bab_btn > a:hover .circleIcon:after {
  transform: translateZ(0);
  transition-duration: 0.06s;
  transition-delay: 0.6s;
  transition-timing-function: linear;
}
.glance_min .bab_btn > a .circleIcon:before,
.glance_min .bab_btn > a .circleIcon:after {
  content: "";
  background: #e41f28 !important;
}
.bab_btn > a svg {
  width: 0.8vw;
  height: 1.5vw;
  transform: rotate(180deg);
}
.bab_btn > a svg path {
  stroke: #e41f28;
  transition: all 0.6s ease-in-out;
}
.bab_btn > a:hover svg path {
  stroke: #fff;
}

.bab_btn.white a span {
  color: #fff;
}
.bab_btn.white a:hover span {
  color: #fcaf17;
}
.bab_btn.white > a .circleIcon {
  border: solid 1px rgba(255, 255, 255, 0.2);
}
.bab_btn.white > a svg path {
  stroke: #fcaf17;
}
.bab_btn.white > a:hover svg path {
  stroke: #fff;
}
.bab_btn.white > a .circleIcon:before,
.bab_btn.white > a .circleIcon:after {
  content: "";
  background: #fcaf17 !important;
}

.next_sec {
  height: 100vh;
}
.next_sec .marquee {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* Section Container */
.marquee_sec {
  position: relative;
  width: 100%;
  height: 100vh;
  padding: 0;
  overflow: hidden;
}

/* Marquee Background */
.marquee-container {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}

.marquee-track {
  display: flex;
  white-space: nowrap;
  animation: marquee 50s linear infinite;
}

.marquee-text {
  font-size: 14vw;
  font-weight: 700;
  color: #7D6E66;
  /* letter-spacing: -0.02em; */
  margin: 0 16px;
  /* font-family: "Frutiger LT Arabic 45"; */
  display: flex;
  align-items: center;
  line-height: 1.7;
  opacity: .1;
}
.marquee-text i {
  font-size: 8vw;
  margin: 0 3vw;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(50%);
  }
}

/* Content Overlay */
.featured_sec {
  position: relative;
  z-index: 10;
  /*max-width: 1200px;*/
  margin: 0 auto;
  /*padding: 0 16px;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.featured_sec .content-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Featured Card */
.featured-card {
  position: relative;
  /* aspect-ratio: 3 / 4; */
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: end;
  max-width: 27vw;
  width: 100%;
}

.featured_sec .card-content {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 100%;
  padding: 3vw 2vw;
}

.featured_sec .card-content h2 {
  line-height: 1.4;
  /* font-family: "Frutiger LT Std"; */
  font-size: 3.2vw !important;
}

.highlight_sec h2 {
}

.digital_sec .item {
  border-radius: 8px;
  height: 100vh;
  padding: 4vw;
  color: #fff;
  position: relative;
}
.digital_sec .cta a {
  color: #fff;
  transition: all 0.7s ease;
}
.digital_sec .cta a img {
  width: 60px;
}
.digital_sec .cta a img.img2 {
  width: 4vw;
}
.digital_sec .cta {
  position: absolute;
  bottom: 4vw;
}
.digital_sec .item .right {
  width: 35%;
  position: absolute;
  left: 4vw;
  top: 10vw;
}
.digital_sec .item .right .imgs {
  gap: 0.6vw;
  justify-content: end;
}
.digital_sec .item .right .imgs div {
  display: flex;
  justify-content: end;
  width: 50%;
}
.digital_sec .item .num {
  position: absolute;
  left: 5.5vw;
  font-size: 2.4vw;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.5);
  /* font-family: "Frutiger LT Std"; */
}

.glance_min {
  height: auto;
  position: absolute;
  top: 35%;
  width: 100%;
  z-index: 10;
}
.glance_main {
  height: 100vh;
  padding-top: 2vw !important;
}
.homeGlanceSwiper .infos {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.net_sec {
  gap: 1.5vw;
}
.net_sec .img {
  margin-bottom: 0;
  width: 10%;
}
.net_sec .text {
  width: 87%;
}
.leftNav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.leftNav li {
  margin-bottom: 10px;
}
.leftNav li a {
  display: flex;
  justify-content: end;
  gap: 10px;
  font-weight: 300;
  /* font-family: "Frutiger LT Std 45"; */
  align-items: center;
  font-size: 20px;
}
.leftNav li a span {
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.7s ease;
}
.leftNav li a .nums {
  width: 1.2vw;
  height: 1.2vw;
  border: 1px solid #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 1vw;
  padding-top: .1vw;
  transition: all 0.7s ease;
  background: transparent;
  position: relative;
  color: #fff;
  line-height: 1;
}
.leftNav li.active a span,
.leftNav li a:hover span {
  color: rgba(255, 255, 255, 1);
  text-shadow:
    0.5px 0 0 currentColor,
    -0.5px 0 0 currentColor,
    0 0.5px 0 currentColor,
    0 -0.5px 0 currentColor;
  letter-spacing: 1.5px;
}
.leftNav li.active .nums:before,
.leftNav li a:hover .nums:before {
  transform: translate(50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}
.leftNav li.active .nums,
.leftNav li a:hover .nums {
  background: #fff;
}
.leftNav li a .nums:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: .5vw;
  height: .5vw;
  border-radius: 50px;
  background: #7d6e66;
  z-index: 1;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  visibility: hidden;
  transition: all 0.7s ease;
}
.leftNav.dark li.active .nums:before,
.leftNav.dark li a .nums:before {
  background: #fff;
}
.leftNav.dark li a span {
  color: rgba(125, 110, 102, 0.7);
  transition: all 0.7s ease;
}
.leftNav.dark li a .nums {
  border: 1px solid rgba(125, 110, 102, 1);
  color: rgba(125, 110, 102, 1);
}
.leftNav.dark li.active .nums,
.leftNav.dark li a:hover .nums {
  background: rgba(125, 110, 102, 1);
}
.leftNav.dark li.active a span,
.leftNav.dark li a:hover span {
  color: rgba(125, 110, 102, 1);
}

.net_sec .text p {
  padding-right: 28.5%;
  /* font-family: "Frutiger LT Std 45"; */
  font-size: 2vw;
}
.homeGlanceSwiper.swiper {
  position: relative;
  height: 100%;
}

.homeGlanceSwiper .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5);
}

.homeGlanceSwiper
  span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
  width: 1.5vw;
  height: 0.4vw;
  border-radius: 50px;
  transition: all 0.6s ease-in-out;
}

.homeGlanceSwiper .home_pagination {
  position: absolute;
  bottom: 24%;
  left: 3%;
  height: auto;
  z-index: 1000;
  top: auto;
}
.homeGlanceSwiper .home_pagination .custom-pagination,
.homeGlanceSwiper .home_pagination .swiper-pagination {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-items: center;
  gap: 10px;
}

.homeGlanceSwiper .home_pagination span.custom-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  opacity: 0.2;
}
.homeGlanceSwiper .home_pagination span.swiper-pagination-bullet {
  margin: 3px 0 !important;
}

.homeGlanceSwiper .home_pagination span.custom-pagination-bullet.bullet-active,
.homeGlanceSwiper
  .home_pagination
  span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
  width: 0.3vw;
  height: 1.5vw;
  border-radius: 50px;
  transition: all 0.6s ease-in-out;
  opacity: 1;
}

.leadershipSwiper.swiper {
  position: relative;
  height: 100%;
}
.leadershipSwiper .infos {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.leadership_main {
  height: 100%;
}
.leadershipSwiper .infos .item {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.leadershipSwiper .infos .item .left {
  /* width: 52%; */
}
.leadershipSwiper .infos .item .right {
  width: 24%;
  position: relative;
}
.leadership_sec {
  position: relative;
  height: 100vh;
}

.leadership_sec .leftNav {
  position: absolute;
  top: 3vw;
  left: 5vw;
}
.mark_sec {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-right: 1.5vw;
}

.mark_sec .icon {
  display: flex;
  align-items: center;
}

.mark_sec i {
  position: absolute;
  width: 4px;
  height: 100%;
  top: 0;
  right: 0;
}
.mark_sec .icon > div {
  /* font-family: "Frutiger LT Arabic 45"; */
  font-weight: 700;
}
.leadershipSwiper .infos .item .right .info {
  padding: 1vw;
}
.leadershipSwiper .infos .item .right h3 {
  /* font-family: "Frutiger LT Std 45"; */
  font-weight: 700;
}
.leadershipSwiper .infos .item .right p {
}
.abdul_sec .img {
  /* width: 45%; */
}

.year_review_sec .review_sec {
  height: 90vh;
  position: relative;
}

.timeline_nav {
  position: absolute;
  top: 30%;
  right: 0;
  width: 100%;
  position: relative;
  padding-right: 11.3%;
}
.timeline_nav::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.1);
  z-index: -1;
}
.timeline_nav ul {
  display: flex;
  gap: 10px;
  height: 100%;
}
.timeline_nav li {
  margin-bottom: 0;
}
.timeline_nav li a {
  display: flex;
  justify-content: end;
  gap: 10px;
  font-weight: 300;
  /* font-family: "Frutiger LT Std 45"; */
  align-items: center;
  font-size: 20px;
  transition: none !important;
  background: #e41f28;
}
.timeline_nav li a span {
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.7s ease;
}
.timeline_nav li a .nums {
  width: 1.2vw;
  height: 1.2vw;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  text-align: center;
  font-size: .9vw;
  padding-top: 0.1vw;
  transition: all 0.7s ease;
  background: transparent;
  line-height: .8;
  position: relative;
  color: rgba(255, 255, 255, 0.3);
}
.timeline_nav li.active a span,
.timeline_nav li a:hover span {
  color: rgba(255, 255, 255, 1);
  text-shadow:
    0.5px 0 0 currentColor,
    -0.5px 0 0 currentColor,
    0 0.5px 0 currentColor,
    0 -0.5px 0 currentColor;
  letter-spacing: 1.5px;
}
.timeline_nav li.active .nums:before,
.timeline_nav li a:hover .nums:before {
  transform: translate(50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}
.timeline_nav li.active .nums,
.timeline_nav li a:hover .nums {
  background: #fff;
}
.timeline_nav li a .nums:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e41f28;
  z-index: 1;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  visibility: hidden;
  transition: all 0.7s ease;
}

.year_review_sec .review_sec .item {
  height: 100%;
  padding-right: 11.3%;
  padding-bottom: 0;
}

.mon_sec .img {
  width: 20%;
  margin-top: -21%;
}
.mon_sec h3 {
  line-height: 1.4 !important;
  font-weight: 600;
  /* font-family: "Frutiger LT Arabic 45"; */
  font-size: 1.7vw !important;
  letter-spacing: 1px;
  line-height: 1;
}

.inner-banner {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.inner-banner picture {
  width: 100%;
  height: 100%;
}
.inner-banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: brightness(0.6);
}

.inner-banner h2 {
  /* font-family: "Frutiger LT Arabic 45"; */
  line-height: 2;
}

.next_arrow {
  position: absolute;
  top: 50%;
  left: 20vw;
  transform: translateY(-50%);
}
.next_arrow:hover .circleIcon {
  transform: translateX(0%) scale(0.9);
}

.next_arrow .circleIcon {
  border: solid 1px rgba(126, 111, 103, 0.32);
  width: 6vw;
  height: 6vw;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: center;
  transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  overflow: hidden;
  user-select: none;
  will-change: transform;
  transform: translateX(0);
}
.next_arrow .circleIcon::before,
.next_arrow .circleIcon::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
}
.next_arrow .circleIcon::before {
  width: 130%;
  height: 0;
  padding-bottom: 130%;
  top: 0;
  right: 50%;
  border-radius: 50%;
  transform: translate3d(-50%, 68%, 0) scale3d(0, 0, 0);
  background: #fff;
}
.next_arrow .circleIcon::after {
  background: #0d8a47;
  transform: translate3d(0, -105%, 0);
  transition: transform 0.6s cubic-bezier(0.1, 0, 0.3, 1);
}
.next_arrow:hover .circleIcon:before {
  transform: translate3d(-50%, -25%, 0) scaleX(1);
  transition: transform 0.6s cubic-bezier(0.1, 0, 0.3, 1);
}
.next_arrow:hover .circleIcon:after {
  transform: translateZ(0);
  transition-duration: 0.06s;
  transition-delay: 0.6s;
  transition-timing-function: linear;
}
.next_arrow .circleIcon:before,
.next_arrow .circleIcon:after {
  content: "";
  background: #e41f28;
}
.next_arrow svg {
  width: 1.5vw;
  height: 1.5vw;
}
.next_arrow svg path {
  stroke: #e41f28;
  transition: all 0.6s ease-in-out;
}
.next_arrow:hover svg path {
  stroke: #fff;
}
.dot {
  width: 1vw;
  height: 1vw;
  background-color: #e41f28;
  display: block;
  border-radius: 4px;
}
.shaping_sec {
  background: #f8f8f8;
  gap: 1.5vw;
}
.shaping_sec .view_info {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.shaping_sec .shap_head {
  position: relative;
  height: 100%;
}
.shaping_sec .state_info {
  height: 100%;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.all_box .box img {
  width: 2vw;
}
.all_box {
  display: flex;
  flex-direction: column;
  grid-gap: 1vw;
  background: #fff;
  padding: 1.5vw 1.5vw 2vw 1.5vw;
  border-radius: 20px;
}
.all_box .box {
  background: #f8f8f8;
  padding: 2vw 2vw 1vw 1vw;
  border-radius: 10px;
}
.all_box a {
  background: #e41f28;
  color: #ffff;
  line-height: 1;
  font-size: 1.52vw;
  padding: 0.7vw 1vw 1.1vw;
  font-weight: 400;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 0.6vw;
  position: relative;
  overflow: hidden;
  z-index: 2;
  justify-content: space-between;
}
.all_box a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #fcaf17;
  left: 0;
  bottom: 0;
  transition: all 0.6s ease-in-out;
  z-index: -1;
}

.all_box a:hover:before {
  bottom: 0;
  height: 100%;
}

.shaping_sec .shap_head img {
  border-radius: 20px;
}

.shaping_sec .shap_head .text {
  position: absolute;
  top: 0;
}
.wt_box {
  background: #ffff;
  padding: 3vw 2vw 3.5vw 2.5vw;
  border-radius: 20px;
  height: 67%;
}
.pdf_box {
  padding: 1.5vw;
}
.pdf_box a {
  color: #fcaf17;
  display: flex;
  align-items: center;
  font-size: 1.2vw;
  grid-gap: 2vw;
}
.supp-sub p {
  /* font-family: "Frutiger LT Std 55 Roman"; */
}
.glance_banner {
  /* background-color: #7D6E66; */
  position: relative;
  /* padding: 7vw 0; */
  height: 100vh;
}

#kernwerte.bg-dark {
  background: #233037;
}

#kernwerte {
}

#kernwerte .subtitle {
  color: #babcbd;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-weight: 700;
  margin-bottom: 40px;
}

#kernwerte .items {
  transform-style: preserve-3d;
  position: relative;
  height: 30vw;
  margin: 0 -30px;
  transform: perspective(1000px) rotateX(calc(var(--text-pipe-deg) * -1));
}

#kernwerte .items .item {
  margin: 0 !important;
  transform-style: preserve-3d;
  transform: translateY(-50%)
    rotateX(calc(var(--text-pipe-index) * var(--text-pipe-deg) * -1))
    translateZ(250px);
  position: absolute;
  top: 50%;
  right: 40%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  backface-visibility: hidden;
  transition: color 0.5s;
  font-size: 0;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  text-transform: uppercase;
}

#kernwerte .items .item.is-active {
  color: #ffff;
  font-weight: 500;
}

#kernwerte.bg-dark {
  background: #233037;
}

#kernwerte.bg-dark .items .item {
  background: #233037;
}

#kernwerte.bg-dark .items .item.is-active {
  color: #ffffff;
}
.incom_list a {
  color: #ffff;
  font-size: 1.5vw;
  text-transform: uppercase;
  display: block;
  line-height: 1.6;
  opacity: .5;
}
.incom_list .active {
  color: #ffff;
  opacity: 1;
}
.main_murqee .marquee_sec .marquee-track {
  animation: marquee 80s linear infinite;
}
.glance_list .section .items {
  height: 25vw !important;
}
.glance_list .section .items li {
}
.glance_list .section .items li h4 {
  font-size: 2vw;
}
.glance_list .section .items li h3 {
  font-size: 1.5vw;
  transition: all 0.6s ease-in-out;
  font-weight: 500;
}
.glance_list .section .items li h2 {
  font-size: 4vw;
  line-height: 1;
  transition: all 0.6s ease-in-out;
}
.main_murqee {
  position: absolute;
  width: 100%;
  top: 30vw;
}
.main_murqee .marquee_sec {
  height: auto;
  background-color: transparent;
  padding: 160px 0;
  height: 85vh;
}
.main_murqee .marquee_sec .marquee-text {
  color: #fff;
  text-transform: uppercase;
}

.main_murqee .marquee_sec {
  height: auto;
}
.glance_min .next_arrow {
  z-index: 10;
  left: 15vw;
}
.glance_min .next_arrow .circleIcon {
  border-color: #ffff;
}
.glance_min .next_arrow .circleIcon svg path {
  stroke: #ffff;
}

.glance_min .next_arrow:hover .circleIcon {
  border-color: #e41f28;
}
.glance_list {
  height: 100vh;
  display: flex;
  width: 100%;
  flex-direction: column;
}
li.item.is-active h4 {
  font-size: 1vw !important;
}

.glance_list .section .items li h4 {
  font-size: 1vw;
  opacity: 0;
  transition: all 0.6s ease-in-out;
  font-weight: 500;
  line-height: 1;
}
#kernwerte .items .item.is-active h4 {
  font-size: 1.5vw !important;
  /* font-family: "Frutiger LT Arabic 45"; */
  font-weight: 500;
  opacity: 1;
}

#kernwerte .items .item.is-active h3 {
  font-size: 3vw;
  font-weight: 500;
  line-height: 1;
}

#kernwerte .items .item.is-active h2 {
  font-size: 5vw;
  line-height: 1;
}
.pdf_box a:hover {
  color: #fff;
}

.pdf_box a:hover svg path {
  fill: #ffff;
}

.pdf_box a svg path {
  transition: all 0.5s ease-in-out;
}
.pin_text > h2 {
  line-height: 1;
  position: absolute;
  top: 0;
  font-size: 11vw;
  padding-top: 5vw;
  opacity: .1;
}
.card_sec {
  display: flex;
  flex-direction: column;
  width: 80%;
  margin: auto;
  position: relative;
}
.card_sec .card .info {
}
.card_sec .card:nth-child(even) {
  display: flex;
  flex-direction: row-reverse;
}

.card_sec .card .img {
  position: relative;
  margin: 0;
  border-radius: 20px;
  width: 45%;
}

.card_sec .card .img img {
  width: 100%;
  position: relative;
  filter: brightness(.5);
}
.card_sec .card {
  position: relative;
  display: flex;
}

.card_sec .card .info {
  bottom: 0;
  position: absolute;
  right: 2vw;
  bottom: 2vw;
  width: 40%;
}

.card_sec .card .info h2 {
  color: #fff;
  font-size: 2.8vw;
  line-height: 1.5;
  font-weight: 600;
  /* font-family: "Frutiger LT Arabic 45"; */
  margin-bottom: 2vw;
}

.card_sec .card .info p {
  color: #fff;
  line-height: 1.2;
  font-size: 1.5vw;
  width: 70%;
  font-weight: 300;
  /* font-family: "Frutiger LT Std 45"; */
  text-transform: capitalize;
}
.card_sec .card:nth-child(even) .info {
  display: flex;
  left: 2vw;
  flex-direction: column;
  right: auto;
}

.pin_text {
  position: relative;
}
.line_bar .line {
  display: block;
  background: #d9d9d9;
  height: 100%;
  width: 3px;
  position: absolute;
  right: 46%;
  top: 0;
}
.line_bar i {
  display: block;
  width: 2%;
  height: 8px;
  position: relative;
  right: 49%;
  background: #7d6e66;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card_sec .card i {
  display: block;
  width: 4.5%;
  height: 2%;
  position: absolute;
  left: 0;
  background: #7d6e66;
  border-radius: 3px;
  top: 50%;
  right: 48%;
}

.horizontalScroller {
  height: 100vh;
  position: relative;
  z-index: 2;
}

.horizontalScroller__intro {
  margin-bottom: 1.5rem;
  color: #ffffff;
}

.horizontalScroller__header {
  margin-bottom: 1rem;
}

.horizontalScroller__scroll {
  height: 100%;
  position: relative;
  /* overflow: hidden; */
  /* padding: 0 0 0 2.5vw; */
}

.horizontalScroller__images {
  display: flex;
  align-items: end;
  grid-gap: 1.5vw;
  padding: 0 0 10vw;
  height: 100%;
}

.horizontalScroller__item {
  position: relative;
}

.horizontalScroller__image {
  width: 70%;
  object-fit: fill;
  margin: 0 auto;
}

/* Negative margin to overlap pinned element with the following content */
.horizontalScroller.pin-spacer-start {
  margin-top: -50vh; /* Adjust as needed based on the height of the pinned element */
}
.strategy_pin .box {
}
.strategy_pin .box {
  width: 20vw;
  height: 22vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2vw;
  border-radius: 20px;
  transition: all 0.6s ease-in-out;
}
.strategy_pin .box .img img {
  /*width: auto;*/
  width: 4vw;
}
.strategy_pin .box h2 {
  font-size: 2.6vw;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  /* font-family: "Frutiger LT Arabic 45"; */
  transition: all 0.6s ease-in-out;
}

.strategy_pin .box .img {
  margin-bottom: 2vw;
  transition: all 0.6s ease-in-out;
}
.strategy_pin .box:hover,
.strategy_pin .box.active {
  height: 25vw;
  width: 23vw;
}
.strategy_pin .box:hover h2,
.strategy_pin .box.active h2 {
  font-size: 2.4vw;
}
.strategy_pin {
  position: relative;
  overflow: hidden;
}
.vision_sec {
  position: relative;
}
.vision_sec .marquee-container {
  bottom: 16vw;
  overflow: visible;
}
.usd_info .number img {
  width: auto;
}
.usd_info {
  position: relative;
}
.pro_info {
  align-items: end;
}
.strategy-left > div p {
  font-family: "Frutiger LT Arabic 55 Roman";
}
.stakeholder-table {
  width: 100%;
  background: #fff;
}

.stakeholder-grid {
  max-width: 75%;
  margin: auto;
  display: grid;
  grid-template-columns: 20% 1fr 1fr;
  gap: 1vw;
}

.cell {
  padding: 2vw 2.5vw 2vw 1vw;
  border: 1px solid rgba(0, 0, 0, 0.4);
  color: #555;
  background: #fff;
  display: flex;
  justify-content: space-between;
  grid-gap: 2vw;
}
/* left stakeholder column */
.stakeholder {
  background: rgba(125, 110, 102, 0.05);
  display: flex;
  align-items: center;
  border: none;
  padding: 2vw;
}

.stakeholder h3 {
  font-size: 1.5vw;
  font-weight: 700;
  color: #e41f28;
  margin: 0;
  /* font-family: "Frutiger LT Arabic 45"; */
}

.stakeholder-grid h2 {
  font-size: 1.7vw;
  background: #e41f28;
  padding: 1vw 1vw;
  color: #fff;
  font-weight: 700;
  /* font-family: "Frutiger LT Arabic 45"; */
}

.stakeholder-grid .cell ul li {
  font-size: 1vw;
  list-style: disc;
  font-weight: 400;
  line-height: 1.4;
}

.stakeholder-grid .cell ul {
  width: 50%;
}
.stakeholder-grid .cell ul li::marker {
  font-size: 0.7vw;
}

.featured_sec .next_page {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  /*z-index: -1;*/
  display: flex;
}
.featured_sec .next_page.firstPage {
  flex-direction: row-reverse;
}
.featured_sec .next_page a {
  width: 50%;
  cursor: none;
}

body.img-2-wrap .cursor2,
.cursor3 {
  background-image: url("../images/long-arrow-left.svg");
  background-size: 80%;
  background-repeat: no-repeat;
}
body.img-3-wrap .cursor2,
.cursor3 {
  background-repeat: no-repeat;
  background-image: url("../images/long-arrow-right.svg");
  background-size: 80%;
}
body.img-4-wrap .cursor2,
.cursor3 {
  background-repeat: no-repeat;
  background-image: url("../images/long-arrow-right.svg");
  background-size: 80%;
}

.ch_new_img .img {
  position: absolute;
  top: 0;
  right: 0;
}

.ch_info_right {
  height: 81vh;
  position: relative;
}

.ch_info_right .info {
  position: absolute;
  bottom: 1vw;
  display: none;
}

.ch_info_right .info.active {
  display: block;
}

.ch_left_wrap {
  position: relative;
  width: 65%;
}

.ch_left_wrap .left.active {
  display: block;
}

.ch_left_wrap .left {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.next_ch {
  position: absolute;
  right: 0;
  bottom: 2vw;
  width: 50%;
  height: 20%;
}

.next_ch .next_ch_img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.next_ch .next_ch_img .img {
  position: absolute;
  /* display: none; */
}

.next_ch .next_ch_img .img.active {
  /* display: block; */
}

.next_ch .next_ch_p {
  position: absolute;
  right: 27%;
  width: 40%;
  height: 100%;
  width: 25%;
}

.next_ch .next_ch_p p {
  position: absolute;
  display: none;
  top: 50%;
  transform: translate(0, -50%);
}

.next_ch .next_ch_p p.active {
  display: block;
  transform: translate(0%, -50%) !important;
}

.abdul_sec {
  height: 100%;
  position: absolute;
  width: 100%;
}

.reveal {
  display: block;
  overflow: hidden;
}

.reveal span {
  display: inline-block; /* preserve word wrap */
  transform: translateY(100%);
  will-change: transform, opacity;
  /* white-space: pre; */
  line-height: 1.3;
}

.shaping_sec .shap_head .text > h2 {
  font-size: 2.8vw !important;
}
.line-wrapper {
  display: block;
  overflow: hidden;
}

.reveal-line {
  display: inline-block;
  transform: translateY(100%);
  opacity: 0;
  line-height: 1.3;
}
.grid_wrap .grid {
  padding: 2vw 2vw 3vw;
}
.grid_wrap .grid .img img {
  width: auto;
}
.grid_wrap .grid ul li {
  position: relative;
  margin-top: 0.8vw;
  line-height: 1;
  color: #7d6e66;
  font-family: "Frutiger LT Arabic 55 Roman";
}

.grid_wrap .grid ul li:before {
  position: absolute;
  width: 0.8vw;
  height: 0.8vw;
  background: #e41f28;
  right: -1.5vw;
  content: "";
  top: 0.6vw;
  border-radius: 2px;
}

.grid_wrap .grid ul {
  padding-right: 1.5vw;
}
.business_sec {
  position: relative;
  background-image: url(../images/bus-mian.jpg);
  background-repeat: no-repeat;
  margin-bottom: 7vw;
  object-fit: cover;
  background-size: cover;
}
.steak-line {
  position: relative;
  width: 3vw;
  height: 4px;
  background-color: #fcaf17;
  right: 0;
  bottom: 0;
  display: block;
}
.steak-grid .img img {
  width: auto;
}
.steak-grid li {
  color: #fff;
  position: relative;
  font-size: 1.8vw;
  font-weight: 300;
  /* font-family: "Frutiger LT Arabic 45"; */
}
.business_sec .leftNav {
  position: relative;
}
/* .businessSwiper .infos .item ul {
    display: none;
} */

.businessSwiper .infos .item ul.active {
  display: inline-grid;
}
.d_chanel .steak-grid li {
  color: #7d6e66;
}
.stake_pin {
}
.stake_pin .box h2 {
  font-size: 1.8vw;
  /* font-family: "Frutiger LT Std 45"; */
  font-weight: 300;
}

.stake_pin .box {
  justify-content: space-between;
  padding: 4vw 2vw;
  height: 25vw;
  width: 22vw;
}

.stake_pin .sm-heading {
  top: 5vw;
  z-index: 10;
  right: 3vw;
}
.stake_pin .box.active h2 {
  font-size: 1.8vw;
}
.state_text {
  display: flex;
  height: 100%;
  flex-direction: row;
  padding: 8vw 0 7vw;
}
.state_text .stat-section:nth-child(even) {
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
}

.stat-section.scod {
}

.firstDiv .heading h2 {
  line-height: 1.4;
}

.firstDiv .heading {
  margin: 0 !important;
  height: 50vh;
}

.mon_sec {
  position: relative;
  top: 3.4vw;
}

.stat-content {
  position: relative;
}

.business_sec {
  height: 100vh;
  overflow: hidden;
}
.business_sec .business_main {
  position: absolute;
  top: 0;
  width: 100% !important;
  height: 100%;
  right: 0;
}
.business_sec .businessSwiper {
  width: 100% !important;
  height: 100%;
}
.business_sec .business_main .infos {
  position: absolute;
  top: 32%;
  width: 60% !important;
  height: 100%;
  right: 50%;
  transform: translateX(50%);
  display: flex;
  justify-content: flex-end;
}
.business_sec .business_main .infos .item {
  position: absolute;
  top: 0;
  width: 100% !important;
  height: 100%;
  right: 0;
  opacity: 0;
  visibility: hidden;
}
.business_sec .business_main .infos .item.active {
  opacity: 1;
  visibility: visible;
}
.bab_table {
  position: relative;
  right: -1vw;
}
.bab_table table {
  width: 100%;
  /* border-collapse: collapse; */
  border-spacing: 0px 4px;
}
.bab_table table thead {
}
.bab_table table thead tr {
}
.bab_table table thead tr th {
  padding: 1vw 2vw;
  text-align: start;
  color: #fff;
  font-size: 1.8vw;
  font-family: "Frutiger LT Arabic 55 Roman";
}
.bab_table table tbody tr td:nth-child(2) {
  border-right: solid 1px #999999;
  border-left: solid 1px #999999;
}

.bab_table table tbody {
}
.bab_table table tbody tr {
}
.bab_table table tbody tr td {
  border-top: solid 1px #999999;
  width: 50%;
  padding: 1vw 2vw;
  font-size: 1.8vw;
  font-family: "Frutiger LT Arabic 55 Roman";
  border-bottom: solid 1px #999999;
  border-right: solid 1px #999999;
}
.stock_table table tbody tr td {
  width: auto;
  align-content: center;
}
.sm_size_table table tbody tr td:first-child {
  font-size: 1.15vw;
}
.reach_sec h2 img {
  width: auto;
}
.reach-pin {
  top: 0 !important;
  left: 10vw;
  width: 30%;
}
.positionSwiper {
  position: relative;
}
.positionSwiper .card {
  background: #f8f8f7;
  padding: 2vw;
  border-radius: 10px;
}
.positionSwiper .card .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2vw;
}
.positionSwiper .card .info h2 {
  font-size: 1.8vw;
  color: #e41f28;
  /* font-family: "Frutiger LT Arabic 45"; */
  font-weight: 700;
}
.positionSwiper .card .info img {
  width: auto;
}
.positionSwiper .card h3 {
  font-size: 1.5vw;
}
.positionSwiper .swiper-wrapper {
}

.positionSwiper .swiper-wrapper .swiper-slide {
}

.positionSwiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  position: absolute;
  left: 0;
}
.summary_sec .inform_sec .bab_table {
}
.summary_sec .inform_sec .bab_table table {
  border-spacing: 8px;
}
.summary_sec .inform_sec .bab_table table tr td {
  border-left: solid 1px #999999;
  font-size: 1.2vw;
  width: 14.2%;
  padding: 2vw 1vw;
  line-height: 1;
}

.summary_sec .inform_sec .bab_table table thead tr th {
  font-size: 1.4vw;
  width: 14.2%;
  padding: 2vw 1vw;
}
.radious_table {
}
.radious_table table thead tr th {
  font-size: 1.2vw;
  border-radius: 12px;
  text-align: center;
  padding: 1.7vw;
}

.radious_table table {
  border-spacing: 20px 08px;
}

.radious_table table tbody tr td {
  font-size: 1.1vw;
  border-radius: 12px;
  text-align: center;
  padding: 1.5vw;
  border-left: solid 1px #999999;
}

.radious_table table tbody tr td:first-child {
  width: 35%;
  text-align: start;
}

.radious_table table thead tr th:first-child {
  text-align: start;
}
.nots_sec > div i {
  display: block;
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 2px;
}
.size_table table tbody tr th,
.size_table table tbody tr td {
  width: 25%;
}
.size_table table tbody tr td:first-child,
.size_table table tbody tr th:first-child {
  width: auto;
}
.disclosure_sec .inner {
}
.disclosure_sec .inner .item {
  padding: 0;
  border-radius: 0 !important;
}

.disclosureSwiper {
  height: 100%;
}

.disclosure_sec .item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
.cardSwiper .card {
  display: block;
  opacity: 1;
  height: 25vw;
  display: flex;
  flex-direction: column;
  padding: 2vw;
  border-radius: 20px;
  border: solid 1px #ffffff;
}
.cardSwiper .swiper {
  overflow: visible;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 4000px !important;
}
.swiper-slide-active h2::after {
  animation: line 0.5s linear forwards;
}
.cardSwiper .card h3 {
  font-size: 1.8vw;
  color: #fff;
  margin-bottom: 5vw;
}

.cardSwiper .card p {
  font-size: 2vw;
  color: #fff;
}

.cardSwiper .card h2 {
  font-size: 2.5vw;
  align-items: baseline;
}

.cardSwiper .card .simb {
  width: 20%;
}
.card.bg-white h3,
.card.bg-white p,
.card.bg-white h2 {
  color: #7d6e66;
}
.management_sec .bab_btn {
  position: absolute;
  top: 16vw;
  left: 25vw;
  padding: 0;
}

.management_sec {
  position: relative;
}
.highlit_sec {
}
.highlit_sec .box_h {
  width: 40vw;
}
.highlit_sec .box_h .info {
  position: absolute;
  bottom: 0;
  padding: 2vw;
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.highlit_sec .horizontalScroller__images {
  align-items: start;
}
.box_grid .grid .img img {
  width: auto;
}
.box_grid .grid {
  display: flex;
  flex-direction: column;
  grid-gap: 8vw;
  justify-content: space-between;
  transition: all 0.6s ease-in-out;
  height: 100%;
}
.product_sec {
  display: flex;
}

.product_sec .pro_text:hover {
}
.pro_text h2 {
}

.pro_text p {
}

.pro_text {
  height: 61vh;
  flex: 1;
  width: 5%;
  transition: all 0.6s ease-in-out;
}

.pro_text h3 {
  display: flex;
  align-items: center;
  height: 100%;
  transform: rotate(90deg);
}
.pro_text:hover {
  flex: 4;
}
.pro_text.active.bg-red {
  /* flex: 4; */
}
.page-subsidiaries .highlit_sec .box_h .info {
  width: 100%;
  /* display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; */
}

/*bod page*/

.bod_main {
  width: 100%;
  height: 100vh;
  background: #7d6e66;
  padding-top: 7vw;
  padding-right: 3.2vw;
}

.bod_main .bodPagi {
  position: relative;
  right: 7px;
}
.bod_main .bodPagi .bod_anim {
  margin-bottom: 0.5vw;
  display: flex;
}
.bod_main .bodPagi .bod_anim p i {
  width: 14px;
  height: 14px;
  position: absolute;
  background: #fcaf17;
  border-radius: 3px;
  transition: all 0.5s ease;
  scale: 0;
  top: 50%;
  transform: translate(0, -42%);
  display: block;
  right: 0;
}
.bod_main .bodPagi .bod_anim p {
  color: #fff;
  padding-right: 0;
  position: relative;
  transition: all 0.5s ease;
  cursor: pointer;
}
.bod_main .bodPagi .bod_anim p:hover,
.bod_main .bodPagi .bod_anim p.active {
  padding-right: 22px;
}

.bod_main .bodPagi .bod_anim p:hover i,
.bod_main .bodPagi .bod_anim p.active i {
  scale: 1;
}

.bod_main .bod-infos {
  position: absolute;
  right: 3.2vw;
  bottom: 6%;
  width: 45%;
  height: 22%;
}
.bod_main .bod-infos .inner {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
.bod_main .bod-infos .inner h2 {
  color: #fcaf17;
  font-size: 3vw;
  /* font-family: "Frutiger LT Std 55 Roman"; */
}
.bod_main .bod-infos .inner p {
  color: #fff;
  position: relative;
  z-index: 2;
  font-size: 1.4vw;
}
.bod_main .bod-infos .inner p.active {
}
.bod_main .bod-infos .inner.active {
  display: block;
}
.bod_main .swiper-slide {
  width: 220px !important;
  height: 520px;
  transition: all 0.5s ease;
  display: flex;
  align-items: end;
}
.bod_main .swiper-slide.swiper-slide-active {
  width: 485px !important;
}
.bod_main .swiper-slide .member-photo {
  /* width: 220px; */
  /* height: 260px; */
  transform: scale(1);
  /*transition: transform 0.7s ease;*/
  display: flex;
  align-items: end;
  transform-origin: bottom center;
  padding-right: 1vw;
  /* transform: scale(1); */
}
.bod_main .swiper-slide.swiper-slide-active .member-photo {
  /* transform: scale(2.36); */
}
.bod_main .swiper-slide .member-photo img {
}

.bod_main .swiper.swiper-main {
  position: absolute;
  left: 0;
  top: 0;
  width: 90%;
  height: 100vh;
}

.bod_main .swiper.swiper-main .swiper-wrapper {
  align-items: end;
  bottom: 6%;
}
.ban_info {
  border-bottom: solid 1px rgba(217, 217, 217, 1);
}
.milestone_sec {
  height: 100vh;
  overflow: hidden;
}

.milestone_sec .right {
  display: flex;
  /* align-items: end; */
  height: 75%;
  padding-top: 10vw
}
.milestone_sec .right img {
    object-fit: scale-down;
}
.feature-section {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
}
.feature-section {
  display: flex;
  height: 100vh;
  border-radius: 10px;
}

.feature-item {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.6s ease-in-out;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex: 1;
}

.feature-item.active {
  flex: 4;
}

.feature-item.item-1 {
  background: #e41f28;
  color: #ffffff;
}

.feature-item.item-2 {
  background: #fff;
  color: #ed1c24;
}

.feature-item.item-3 {
  background: #7d6e66;
  color: #ffffff;
}

.feature-item.item-4 {
  background: #fcaf17;
  color: #ffffff;
}

.feature-item.item-5 {
  background: #e41f28;
  color: #ffffff;
}

.feature-content {
  width: 100%;
  height: 100%;
  padding: 0 5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
  opacity: 0;
}

.feature-item.active .feature-content {
  opacity: 1;
}

.feature-content h3 {
  font-size: 1.5vw;
  font-weight: 600;
  margin-bottom: 4vw;
  /* font-family: "Frutiger LT Arabic 45"; */
}

.feature-content h2 {
  font-size: 3.8vw;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 2vw;
  /* font-family: "Frutiger LT Arabic 45"; */
  line-height: 1.3;
}

.feature-content p {
  font-size: 1.1vw;
  line-height: 1.45;
}

.feature-item h5 {
  position: absolute;
  top: -3vw;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  writing-mode: sideways-lr;
  transform: rotate(180deg);
  font-size: 2.3vw;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
  /* font-family: "Frutiger LT Arabic 45"; */
}

.feature-item.active h5 {
  opacity: 0;
}
.feature-content {
  /* width: 600px; */
  max-width: 100%;
  height: 100%;
  padding: 0 5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
  opacity: 0;
}

.generation_sec .feature-item.active .ban_info,
.feature-item.active .g_box,
.feature-item.active .mark_sec,
.feature-item.active h4,
.feature-item.active ul li,
.feature-item.active h3,
.feature-item.active h2,
.feature-item.active p,
.feature-item.active .wt_sm {
  opacity: 0;
  animation: textReveal 0.6s ease forwards;
  animation-delay: 0.8s;
}
.feature-item.active h3 {
  animation-delay: 0.6s;
}
/* .feature-item.active h4{
  animation-delay: .6s;
}
.feature-item.active ul li {
  animation-delay: .6s;
} */
.feature-item.active h2 {
  animation-delay: 0.6s;
}
.feature-item.active p {
  animation-delay: 0.8s;
}
.feature-item.active .wt_sm {
  animation-delay: 0.8s;
}
@keyframes textReveal {
  0% {
    transform: translateY(80px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.page-information-security .feature-item.active {
  flex: 7;
}
.bab_lits {
}
.bab_lits ul {
  padding-right: 2vw;
}
.bab_lits ul li {
  font-size: 1.5vw;
  margin-bottom: 2vw;
  position: relative;
}
.bab_lits ul li:before {
  content: "";
  position: absolute;
  width: 0.7vw;
  height: 0.7vw;
  background: #e41f28;
  right: -2vw;
  border-radius: 2px;
  top: 0.5vw;
}
.sh_card {
  background: rgba(246, 244, 244, 1);
  padding: 4vw 4vw 4vw 4vw;
  border-radius: 20px;
  margin-top: -5vw;
  /* transition: all 0.6s ease-in-out; */
  z-index: 6;
  position: relative;
}
.sh_card.active {
  background: rgb(70 62 57 / 20%);
  margin: 0;
}

.ifr_sec > div {
  left: 10vw;
}
.ban_info:last-child {
  border: none !important;
}
.sh_card .img img {
  width: auto;
}
.sh_card.bg-red {
  padding: 2vw 3vw;
}

.sh_card.bg-gray {
  margin: 0;
  padding: 2vw 3vw;
}
.page-hr-policies .reach-pin {
  left: 5vw;
}
.page-micro-small-medium .box_grid .grid {
  justify-content: start;
}
.page-micro-small-medium .grid {
  width: 28vw !important;
  height: 22vw;
}

.page-micro-small-medium .horizontalScroller__images {
  align-items: stretch;
}

.page-micro-small-medium .horizontalScroller__scroll {
  padding: 0;
  padding-right: 12vw;
}
.pdf_sec {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.pdf_sec a {
  background: #f6f4f4;
  display: flex;
  flex-direction: column;
  gap: 13vw;
  padding: 3vw 2vw;
  font-size: 3.2vw;
  color: #7d6e66;
  /* font-family: "Frutiger LT Arabic 45"; */
  font-weight: 700;
  border-radius: 20px;
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.pdf_sec a svg {
}
.pdf_sec .icon {
  display: flex;
  justify-content: end;
}
.page-compliance-corporate .reach-pin {
  right: 6vw;
  left: 0;
}
.box_grid .grid > div img {
  width: auto;
}
.strategy_pin .box.active .img {
  margin-bottom: 3vw;
}
.box_grid .grid:hover {
  transform: translateY(-2vw);
}
i.bg-lt-gray {
  right: -2.5vw;
  width: 2px;
}
.impact_table table tr td {
  text-align: center;
}

.impact_table table tr td:first-child {
  text-align: start;
}

.impact_table table thead tr th:first-child {
  text-align: start;
}
.graph-table table thead tr th:first-child,
.graph-table table tr td:first-child {
  text-align: start;
  width: 20% !important;
}
.graph-table table thead tr th,
.graph-table table tr td {
  text-align: center;
}
.strtegic-table table tr td,
.strtegic-table table thead tr th {
  text-align: center;
  align-content: center;
}
.strtegic-table table tr td:first-child,
.strtegic-table table thead tr th:first-child {
  text-align: start;
}
.exeu_grid .grid img {
  width: 5vw;
}

.exeu_grid .grid i {
  display: block;
  width: 3vw;
  background: #fcaf17;
  height: 4px;
}
.page-business-model .strategy_pin .box.active {
  height: 25vw;
  width: 22vw;
}
.feature-section2 .feature-item.item-1,
.feature-section2 .feature-item.item-2,
.feature-section2 .feature-item.item-3 {
  background-color: #f6f4f4;
  border-right: solid 2px #463e3966;
}
.feature-item {
  color: #463e39;
}
.feature-section2 .feature-item .feature-content h2,
.feature-section2 .feature-item .feature-content p,
.feature-section2 .feature-item .feature-content h3 {
  color: #7d6e66;
}
.feature-section2 .feature-item.active {
  flex: 8;
}

.feature-section2 .feature-item .feature-content h2 {
  font-size: 2.6vw;
}
.bab_list {
  margin-bottom: 3vw;
  width: 85%;
}
.bab_list ul {
  padding-right: 1.5vw;
}
.bab_list ul li {
  color: #7d6e66;
  font-size: 1.2vw;
  line-height: 1;
  margin-bottom: 1vw;
  position: relative;
}
.bab_list ul li:before {
  content: "";
  position: absolute;
  width: 0.7vw;
  height: 0.7vw;
  background: #999999;
  top: 0.5vw;
  right: -1.5vw;
  border-radius: 3px;
}

.feature-section2 .feature-content h3 {
  margin-bottom: 1vw;
}
.g_box {
  padding: 2vw 1vw;
  background-color: #d9d9d9;
  border-radius: 10px;
}
.g_box h2 {
  font-size: 1.5vw !important;
  color: #7d6e66 !important;
  margin-bottom: 1vw;
}
.g_box p {
  font-size: 1.1vw !important;
  color: #7d6e66 !important;
  margin: 0 !important;
  font-weight: 400;
  /* font-family: "Frutiger LT Std 55 Roman"; */
  line-height: 1.2 !important;
}
.feature-section2 .feature-item .feature-content p {
  font-size: 1.2vw;
  margin-bottom: 2vw;
  line-height: 1.1;
}

.feature-section2 .feature-content {
  padding: 0 0vw 0 8vw;
}

.feature-section2 .feature-item h5 {
  color: #463e39;
}

.bod_main.executive_mn .bodPagi .bod_anim p {
  color: #7d6e66;
}

.bod_main.executive_mn {
  background: #ffffff;
}

.bod_main.executive_mn .bodPagi .bod_anim p i {
  background: #e41f28;
}

.bod_main.executive_mn .bod-infos .inner h2 {
  color: #e41f28;
}

.bod_main.executive_mn > h2 {
  font-size: 6vw !important;
}

.bod_main.executive_mn .bod-infos .inner p {
  color: #7d6e66;
}

.bod_main.executive_mn .member-section {
  margin-top: 1vw;
}

.highlit_sec .box_h > .img {
  overflow: hidden;
  border-radius: 30px;
}
.reveal span.word {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}

.reveal span.word-inner {
  display: inline-block;
}

.blue,
.word-inner.blue {
  color: blue;
}

/* .cl,
.word-inner.cl {
  color: #7d6e66 !important;
} */

.generation_sec .feature-content h2 {
  font-size: 2.6vw;
  line-height: 1.2 !important;
}
.generation_sec .feature-item.active {
  flex: 7;
}

.generation_sec .feature-content {
  padding: 0 12vw 0 7vw;
}
.generation_sec .feature-content h3 {
  margin-bottom: 2vw;
}

.generation_sec .feature-content p {
  margin-bottom: 1vw;
  line-height: 1.3;
}
.ban_info .number h2 {
  line-height: 1 !important;
}
.spacer {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: #999;
  background: #ececec;
}

.financial-position-section {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.financial-inner {
  width: 100%;
  margin: 0 auto;
}

.financial-title {
  font-size: 60px;
  line-height: 1;
  font-weight: 800;
  color: #e61f2d;
  margin-bottom: 50px;
}

.financial-cards-area {
  position: relative;
  width: 100%;
  height: 380px;
  overflow: visible;
}

.financial-card {
  position: absolute;
  top: 0;
  right: 0;
  align-items: flex-start;
  transform-origin: left center;
  will-change: transform, opacity;
  transition: none;
  background: #f8f8f7;
  width: 75vw;
  padding: 2vw 4vw;
  border-radius: 20px;
}

.financial-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  background: #e61f2d;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  box-shadow: 0 8px 20px rgba(230, 31, 45, 0.18);
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.financial-card-box {
  margin: 0 !important;
}

.financial-card-box h3 {
  font-size: 22px;
  line-height: 1.2;
  color: #e61f2d;
  font-weight: 700;
  margin-bottom: 22px;
}

.financial-card-box p {
  font-size: 1.4vw;
  line-height: 1.35;
  color: #7a6d66;
}
.financial-card > div img {
  width: auto;
}
.financial-card > div {
  margin-bottom: 1vw;
}
.page-our-contribution .sh_card {
  margin-top: 0;
}
.fina_pin .new_box .img img {
  width: auto;
}
.fina_pin .new_box {
  border: solid 1px rgba(0, 0, 0, 0.2);
  padding: 1vw 1.5vw;
  width: 28vw;
  border-radius: 20px;
}
.fina_pin .horizontalScroller__images {
  align-items: start;
  gap: 1.2vw;
}
.fina_pin .horizontalScroller__scroll {
  padding: 0;
}
.page-social-responsibility .ban_info:last-child {
  border-bottom: solid 1px rgba(217, 217, 217, 1);
}
.page-social-responsibility .ban_info > div {
  position: relative;
  top: 1vw;
}
.sd_red_box.white_border {
  background: #ffff !important;
  width: 8px;
  border-radius: 10px;
}
.fin-grid {
  margin-top: -7vw;
  z-index: 6;
  position: relative;
}
.feature-item.item-2 .hover_card ul li:before {
  background: #ed1c24;
}
.page-sustainability .hover_card ul li:before {
  top: 0.5vw;
  width: 0.4vw;
  height: 0.4vw;
  background: #fff !important;
}
.defense_sec > div i {
  display: block;
  width: 15%;
  background: #0d8a47;
  height: 5px;
  margin-bottom: 2vw;
}
.horizontalScroller__item .grid {
  width: 25vw;
  padding: 1vw 1.5vw !important;
}
.horizontalScroller__item .grid .img img {
  width: auto;
}

.beluver_pin .horizontalScroller__images {
  align-items: start;
  gap: 1.3vw;
}
.deli_table table thead tr th,
.deli_table table tbody tr td {
  width: 50%;
  font-size: 1.3vw;
  padding: 1.5vw 1vw;
  border-left: solid 1px #999999;
}
.deli_table table {
  border-spacing: 1vw 0.6vw;
}
.mark_pin > div {
  left: 10vw;
}
.page-investor-information .grid {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 50vh;
  width: 23vw;
  padding: 2vw 1.5vw !important;
}

.shareholders_holder .chart-center-text strong {
  font-size: 2.25vw !important;
}
.shareholders_holder .chart-center-text span {
  font-size: 2.25vw;
  color: #7b6e66 !important;
  font-weight: bold;
}
.shareholders_holder {
  min-height: 400px;
  justify-content: space-between;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.chart-container {
  position: relative;
  display: inline-block;
  text-align: center;
}
canvas {
  display: block;
  margin: 0 auto;
}
.chart-center-text {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  color: #e41f28;
  text-align: center;
  /* font-family: "Frutiger LT Arabic 45"; */
  font-weight: 700;
}
.page-investor-information .firstDiv {
  width: 50vw;
  justify-content: start;
  padding: 16vw 0 0 7vw;
}
.page-investor-information .year_review_sec .sm-heading {
  right: 5vw;
}
.page-investor-information .state_text .stat-section:nth-child(odd) {
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
}
.state_text .stat-section:nth-child(odd) .timeline {
  /* transform: rotate(180deg); */
  top: 2.5vw;
}
.page-investor-information .state_text .stat-section:nth-child(even) .timeline {
  transform: rotate(0deg);
  top: 2.7vw;
}
.page-investor-information .stat-section.scod {
  justify-content: flex-end;
}
.page-investor-information .stat-text {
  font-size: 2.5vw !important;
  right: 5vw;
  font-weight: 700;
  letter-spacing: 0;
  /* font-family: "Frutiger LT Arabic 45"; */
  line-height: 1.6;
}

.page-investor-information .stat-inner {
  max-width: 920px;
  gap: 0;
  padding: 0 0 0 5vw;
  height: auto;
}
.page-investor-information .pin-wrap .inner {
  gap: 0;
}
.bab_btn {
}
.skip_btn {
  position: absolute;
  bottom: 2vw;
  right: 5vw;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 3vw;
}
.skip_btn .bab_btn {
  width: auto;
}

.skip_btn .bab_btn a span {
  color: #ffff;
  font-size: 0.8vw;
}

.skip_btn .bab_btn > a .circleIcon {
  border: solid 1px rgba(255, 255, 255, 0.32);
  width: 5vw;
  height: 5vw;
}

.skip_btn .bab_btn > a .circleIcon:before,
.skip_btn .bab_btn > a .circleIcon:after {
  background: #fff !important;
}

.skip_btn .bab_btn > a:hover svg path {
  stroke: #e41f28;
}

.skip_btn .bab_btn > a svg path {
  stroke: #fff;
}

.learn_btn {
}

.learn_btn a {
  font-size: 0.8vw;
  color: #ffff;
  display: block;
}

.skip_btn .bab_btn > a svg {
  width: 0.6vw;
}

.learn_btn a:hover {
  letter-spacing: 1px;
  color: #fcaf17;
  border-color: #ffff;
}
.relat_sec {
  justify-content: space-between;
}
.year_review_sec_page .stat-section .stat-inner {
  height: 89vh;
}
.fina_pin .new_box p.fs24.cl.fw400.lf-55family {
  font-size: 1.1vw;
}

.rad20 {
  border-radius: 30px;
}
.year_review_sec_page .wd_sec .stat-inner {
  max-width: 1580px;
  height: 44vh;
  gap: 5vw;
  align-items: end;
}
.tec_wd {
}

.highlit_sec .box_h > .img img {
  filter: brightness(0.8);
}

.pdf_sec a::after {
  content: "";
  background: #e41f28;
  position: absolute;
  right: 0;
  bottom: -100%;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all 0.5s ease;
}

.pdf_sec a svg path {
  transition: all 0.5s ease;
}

.pdf_sec a:hover {
  color: #fff;
}

.pdf_sec a:hover::after {
  bottom: 0;
}

.pdf_sec a:hover svg path {
  stroke: #fff;
}
.firstDiv.first .timeline {
  transform: rotate(180deg);
  top: -4.2vw;
}
.firstDiv.first .stat-section .stat-inner {
  height: 48vh;
}
.page-year-in-review .pin-wrap .inner {
  gap: 0;
}
.f_ifno {
  display: flex;
  flex-direction: column;
}
.f_ifno .stat-section2 .stat-inner {
  align-items: start;
  height: 100%;
}
.stat-section2 .timeline {
  top: -3.2vw !important;
}
.stat-section2 .stat-inner {
  position: relative;
  right: 55vw;
}
.second .firstDiv {
  padding: 10.2vw 0 5vw;
}

.inner.second {
  gap: 10vw !important;
}
.inner.three .firstDiv.first {
  width: 100vw;
  padding: 15vw 0;
}

.inner.three .firstDiv.first .stat-section {
  justify-content: end;
}
.year_review_sec_page .four .wd_sec .stat-inner {
  position: relative;
}

.pin-wrap .inner.four .firstDiv.first {
  width: 70vw;
}

.inner.four {
}
.year_review_sec_page .four .wd_sec .stat-inner {
  max-width: 1480px;
}
.year_review_sec_page .four .stat-inner {
  max-width: 1500px;
}
.year_review_sec_page .four .stat-inner {
  position: relative;
  right: 0;
}
.page-investor-information .state_text .stat-section:nth-child(odd) .timeline {
  transform: rotate(180deg);
  top: -2.5vw;
}
.pin-wrap .inner.four .firstDiv.first {
  width: 110vw;
}
.year_review_sec_page .pin-wrap .inner.four .stat-section {
  justify-content: end;
}
.inner.four .f_ifno {
  justify-content: space-between;
  height: 100%;
  width: 100vw;
}
.year_review_sec_page .pin-wrap .inner.four .stat-section.wd_sec {
  justify-content: start;
}
.year_review_sec_page .pin-wrap .inner.four .stat-section .timeline {
  top: -3.2vw !important;
  transform: rotate(180deg);
}
.inner.five .firstDiv.first {
  width: 73vw;
  padding-top: 14vw;
}

.year_review_sec_page .five .stat-inner {
  max-width: 1085px;
}

.page-micro-small-medium .grid p {
  font-size: 1.4vw !important;
}
.download_pdf {
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 100%;
}

.download_pdf a {
  display: flex;
  justify-content: space-between;
  width: 55%;
  margin-right: auto;
  border-bottom: solid 1px rgba(217, 217, 217, 1);
  align-items: center;
  margin-bottom: 1vw;
  padding: 0 0.6vw 0.5vw 1vw;
  transition: inherit;
}
.down_pdf .strategy-right {
  /* right: 5vw; */
  /* left: 0; */
  width: 300px;
  height: 300px;
}
.down_pdf {
  padding: 10vw 5vw !important;
}
.download_pdf a:hover h2 {
  color: #fcaf17 !important;
}

.download_pdf a h2 {
  transition: all 0.5s ease-in-out;
}

/* .download_pdf a:hover {
    border-bottom: solid 1px #fcaf17 !important;
} */
.download_pdf a svg {
  transition: all 0.6s ease-in-out;
}

.download_pdf a:hover svg rect {
  fill: #fcaf17;
}

.download_pdf a svg rect {
  transition: all 0.6s ease-in-out;
}

.download_pdf a:hover svg path {
}

.download_pdf a svg path {
  transition: all 0.6s ease-in-out;
}

.bod_main {
  position: relative;
}
.bod_main .swiper.swiper-main {
  padding-right: 28px;
}

.shaping_sec .view_info .boxAni {
  height: 30%;
  overflow: hidden;
  border-radius: 25px;
}

.shaping_sec .view_info .all_box {
  height: 65%;
  /* flex: 0 1; */
}

.shaping_sec .view_info .all_box .box {
  height: 40%;
}

.shaping_sec .view_info .all_box > a {
  flex: 1;
}

.shaping_sec .state_info .pdf_box {
  height: 28%;
  transition: all .5s ease; 
}

.grid_wrap .grid {
  height: 100%;
}

.second .firstDiv.firstDiv2 {
  padding: 7.2vw 0 5vw;
}
.serviceDiv.stat-section .stat-inner {
  height: 55vh;
  align-items: flex-start;
}
.state_text .serviceDiv.stat-section:nth-child(even) .timeline {
  top: -1vw !important;
}
.inner.three .firstDiv.first.corporateDiv {
  padding: 8.5vw 0;
}

.year_review_sec_page
  .pin-wrap
  .inner.four.fourNew
  .stat-section:nth-child(odd)
  .timeline {
  top: 2vw !important;
  transform: rotate(0deg);
}
z
  .year_review_sec_page
  .pin-wrap
  .inner.four.fourNew
  .stat-section:nth-child(even)
  .timeline {
  top: 1.5vw !important;
}

.inner.five .firstDiv.first.corporateDivPe {
  width: 100vw;
  padding-top: 12vw;
}

.summary_sec.summary_long_table .inform_sec .bab_table table tr td {
  font-size: 0.9vw;
  line-height: 1.2;
}
.summary_long_table.horizontal_container .strtegic-table table {
  min-width: 100%;
  width: 100%;
}
.summary_long_table.horizontal_container
  .strtegic-table
  table
  thead
  tr
  th:first-child {
  width: 14.2% !important;
}

.beluver_pin.cap_pin .horizontalScroller__item .grid {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.pagi-g {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: all 0.3s ease;
}
.pagi-g.active {
  opacity: 1;
  visibility: visible;
  position: relative;
}

.stat-number i {
  font-size: 2vw;
}

.stat-number p {
  font-size: 3vw;
}

.highlight_sec p.reveal {
  line-height: 1.5;
}

.glance_main a .anim svg {
  width: 1vw;
}

.through_sec .pattern_bg {
  left: -6vw;
}
.expanding_sec .pattern_bg {
  right: -6vw;
  top: -12vw;
}
.outper_sec .pattern_bg {
  bottom: -10vw;
}

.ensures_sec {
  padding-right: 35%;
}
.service_sec .pattern_bg {
  width: 36% !important;
  bottom: 2vw;
}
.shar_prnt img {
  width: 100%;
}

.shar_prnt {
  position: absolute;
  top: 0;
  left: 0;
}

.shareholders_by {
  position: relative;
  overflow: hidden;
}
.amidst_sec {
  position: relative;
}
.amidst_sec .prnt_img {
  position: absolute;
  top: 10vw;
  left: 0;
}
.bab-btn-sm a {
  font-size: 0.8vw !important;
}
.wt_sm {
  background: #ffff !important;
  width: max-content;
}
.wt_sm a {
  color: #7d6e66 !important;
  font-size: 1.2vw !important;
}
.feature-item.item-2 .wt_sm {
  background: #e41f28 !important;
}
.sm_text .prnt_img {
}
.sm_text .prnt_img img {
}
.page-digital-transformation .prnt_img {
  position: relative;
  top: 0;
}
.wt_sm .arrow {
  background-color: #e41f28 !important;
}

.wt_sm .arrow svg {
  fill: #fff;
}

.bab-btn.wt_sm .arrow a:hover {
  color: #ffff !important;
}
.page-digital-transformation .box_grid .grid {
  justify-content: inherit;
}
.wt_list li {
  position: relative;
}

.wt_list li:before {
  content: "";
  position: absolute;
  width: 1vw;
  height: 1vw;
  background: #fff;
  right: 0;
  border-radius: 4px;
}
.page-information-security .highlit_sec .box_h,
.page-social-responsibility .highlit_sec .box_h,
.page-subsidiaries .highlit_sec .box_h {
  height: 55vh;
}
.test_sec .tech_pin {
  left: 4vw;
}
.res_box .box .img img {
  width: 65px;
}
.res_box .box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 5vw;
}
.page-sustainability .feature-item h5 {
  font-size: 1.7vw;
  justify-content: normal;
  top: -2vw;
}
.page-sustainability .feature-item.item-5,
.page-sustainability .feature-item.item-2 {
  background: #0d8a47;
  color: #fff;
}
.page-sustainability .feature-item.item-6 {
  background: #7d6e66;
  color: #ffffff;
}
.page-technology .horizontalScroller__item .grid {
  height: 55vh;
}
.page-capital-adequacy .horizontalScroller__item .grid {
  width: 30vw;
  padding: 2vw 2vw 3vw !important;
}
.rapid_sec .flex.aife .right {
  position: relative;
  top: 15vw;
}
.digital_sec .item .right .imgs div:last-child {
  position: relative;
  top: 5vw;
}

.for-desktop.desktop_bg .horizontalScroller__item:nth-child(even) {
  background: rgba(125, 110, 102, 1);
  border-radius: 20px;
}

.for-desktop.desktop_bg .horizontalScroller__item:nth-child(odd) {
  background: rgba(228, 31, 40, 1);
  border-radius: 20px;
}

.highlit_sec .box_h > .img {
  opacity: 0;
}

.for-mobile-tablet.mobile_bg .achievingSwiper .swiper-slide:nth-child(odd) {
  background: rgba(228, 31, 40, 1);
  border-radius: 15px;
}

.for-mobile-tablet.mobile_bg .achievingSwiper .swiper-slide:nth-child(even) {
  background: rgba(125, 110, 102, 1);
  border-radius: 15px;
}
.download_pdf a .arrow_wt {
  background: #fff;
  width: 2vw;
  height: 2vw;
  padding: 0.6vw;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease-in-out;
  transform: rotateY(180deg);
}
.download_pdf a:first-child:hover .arrow_wt svg {
  transform: rotate(0deg);
}
.download_pdf a:hover .arrow_wt svg {
  transform: rotate(45deg);
}

.download_pdf a:hover .arrow_wt {
  background: #fcaf17;
}

.download_pdf a:hover .arrow_wt svg path {
  fill: #fff;
}
.sustain_sec .inner .bab_btn a path {
  stroke: #0d8a47;
}
.sustain_sec .inner .bab_btn > a .circleIcon:before,
.bab_btn > a .circleIcon:after {
  background: #0d8a47 !important;
}

.sustain_sec .inner .bab_btn a:hover path {
  stroke: #fff;
}

.sustain_sec .inner .bab_btn a:hover span {
  color: #0d8a47;
}
.gov_sec,
.test_sec {
  position: relative;
}
.amidst_sec {
  position: relative;
}
.all_box a svg {
  position: relative;
  top: 4px;
  transform: rotate(180deg);
}

.gbn {
  background-color: #7d6e66;
}
.page-our-people .test_sec .tech_pin {
  left: 10vw;
}
.page-subsidiaries .highlit_sec .box_h {
  height: 55vh;
  width: 45vw;
}
.scnd_m {
  width: 152vw !important;
  padding-bottom: 8.5vw !important;
}
.right_n_info {
  width: 80%;
}

.right_n_info > h2 {
  line-height: 1;
  font-weight: 700;
  /* font-family: "Frutiger LT Arabic 45"; */
  margin-bottom: 1vw;
}
.all_info_show {
  width: 120%;
  display: flex;
  gap: 10vw;
}
.third_m {
  width: 330vw !important;
  padding-bottom: 8.5vw !important;
}
.third_m .all_info_show {
  gap: 5vw;
}
.right_n_info > p {
  font-size: 1.5vw;
  color: #fff;
  line-height: 1;
  margin-bottom: 1vw;
  position: relative;
  padding-top: 1vw;
}

.right_n_info > p:before {
  top: 0;
  content: "";
  position: absolute;
  width: 4vw;
  height: 3px;
  background: #fcaf17;
}
.scnd_m .timeline {
  top: -18%;
}
.third_m .timeline {
  top: -17.5%;
}
.third_m .mon_sec .img {
  margin-top: -28%;
}
.page-investor-information .year_review_sec .timeline_nav {
  top: 50%;
}
.page-investor-information .timeline .line {
  height: 10vw;
}
.dw-btn {
  display: block;
}
.down_pdf_mb {
  display: none !important;
}
.four_m {
  width: 200vw !important;
}
.page-year-in-review .four_m {
  width: 210vw !important;
}
.five_m {
  width: 140vw !important;
  padding: 4vw 0 8.5vw !important;
}
.five_m .timeline {
  top: -10%;
}

.five_m .stat-inner {
  padding-right: 15vw;
}
.five_m .timeline {
  top: -18%;
}

.five_m .mon_sec .stat-inner {
  padding-right: 15vw;
}

.five_m .all_info_show .stat-inner {
  padding: 0;
}
.six_m {
  width: 190vw !important;
}
.year_review_sec_page .six_m .mon_sec .stat-inner {
  padding-right: 15vw;
}

.year_review_sec_page .six_m .all_info_show .stat-inner {
  padding: 0;
}

.year_review_sec_page .six_m .all_info_show {
  width: 120%;
}
.seven_m {
  width: 318vw !important;
}
.six_m .timeline {
  top: -10%;
}
.six_m .timeline {
  top: -15%;
}

.year_review_sec_page .seven_m .mon_sec .stat-inner {
  padding-right: 15vw;
}

.year_review_sec_page .seven_m .all_info_show .stat-inner {
  padding: 0 !important;
}
.year_review_sec_page .seven_m p {
  font-size: 1.5vw;
  margin-bottom: 1vw;
  position: relative;
  padding-top: 1vw;
}

.year_review_sec_page .seven_m p:before {
  content: "";
  position: absolute;
  width: 3vw;
  background: #fcaf17;
  height: 3px;
}
.seven_m .timeline {
  top: -15%;
}
.leadershipSwiper .sustain_sec .inner .bab_btn > a .circleIcon:before,
.leadershipSwiper .bab_btn > a .circleIcon:after {
  background: #e41f28 !important;
}
.year_review_sec_page .four_m .stat-inner {
  padding-right: 8vw;
}
.page-executive-management .sustain_sec .inner .bab_btn > a .circleIcon:before,
.page-executive-management .bab_btn > a .circleIcon:after {
  background-color: #e41f28 !important;
}
.page-history .pin-left {
  bottom: 5vw;
}
.highlit_sec .main_achieving > h2 {
  line-height: 1.5 !important;
}

.page-shared-services .highlit_sec .box_h {
  width: 43vw;
}
.ajd_n_btn {
  position: absolute;
  left: 10vw;
  top: 40%;
  display: flex;
  align-items: center;
  z-index: 2;
}
.ajd_n_btn .swiper-button-next {
  position: absolute;
}
.ajd_n_btn .swiper-button-next svg {
}
.ajd_n_btn .swiper-button-prev {
}
.ajd_n_btn .swiper-button-prev svg {
}
.ajd_n_btn .swiper-button-next::after {
  display: none;
}

.ajd_n_btn .swiper-button-prev::after {
  display: none;
}
.ajd_n_btn .swiper-button-next,
.ajd_n_btn .swiper-rtl .swiper-button-prev {
  right: 10px !important;
  left: auto !important;
}

.ajd_n_btn .swiper-button-prev,
.ajd_n_btn .swiper-rtl .swiper-button-next {
  left: 10px !important;
  right: auto !important;
}

.ajd_n_btn .swiper-button-next,
.ajd_n_btn .swiper-button-prev {
  border: solid 1px rgba(255, 255, 255, 1);
  width: 4vw;
  height: 4vw;
  border-radius: 50px;
  transition: all 0.6s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ajd_n_btn .swiper-button-next:hover,
.ajd_n_btn .swiper-button-prev:hover {
  background: #fff !important;
  border: #fff solid 1px !important;
}

.ajd_n_btn .swiper-button-next:hover svg path,
.ajd_n_btn .swiper-button-prev:hover svg path {
  fill: #fcaf17 !important;
}
.executive_mn .ajd_n_btn .swiper-button-next,
.executive_mn .ajd_n_btn .swiper-button-prev {
  border: #7d6e66 solid 1px;
}

.executive_mn .ajd_n_btn .swiper-button-next:hover,
.executive_mn .ajd_n_btn .swiper-button-prev:hover {
  background: #e41f28 !important;
  border: #e41f28 solid 1px !important;
}

.executive_mn .ajd_n_btn .swiper-button-next:hover svg path,
.ajd_n_btn .swiper-button-prev:hover svg path {
  fill: #ffff;
}

.executive_mn .ajd_n_btn .swiper-button-next svg path,
.ajd_n_btn .swiper-button-prev svg path {
  transition: all 0.6s ease-in-out;
}
.page-business-model .horizontalScroller__images {
  padding-right: 3vw;
}

.shade.white {
  background: #ffffff;
}
.shade {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 42%;
  height: 100%;
  z-index: 11;
  background: #7d6e66;
}

.bod_main h2 {
  position: relative;
  z-index: 11;
}

.bod_main .bodPagi {
  z-index: 11;
}
.member-section {
  display: flex;
}

.highlit_sec .box_h .info p {
    line-height: 1.6;
}
.page-subsidiaries .highlit_sec .box_h p {
    line-height: 1.2;
}
.wt_box h2 {
    text-align: start;
}

.wt_box p {
    text-align: start;
}
.page-business-model .horizontalScroller__item .grid {
    width: 29vw;
    height: 55vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.page-business-model .horizontalScroller__images{
  padding-right: 0;
}
.new_Box{

}
.new_Box .horizontalScroller__item .grid {
    padding: 2vw !important;
}

.new_Box  .horizontalScroller__images {
    padding: 0;
}

.glance_list .glanceSwiper .item h3 img {
    width: auto;
}
.fs28 img,
.pro_info p img {
    width: 22px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
.fs32 img {
    width: 24px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
.fs4s img {
    width: 60px;
    height: auto;
}
.page-investor-information .grid img {
    width: auto;
}
.reach_sec h2 {
    line-height: 1.5 !important;
}
.highlit_sec .box_h .info h2 {
    font-size: 2vw !important;
}

.highlit_sec .box_h .info p {
    font-size: 1.2vw !important;
    line-height: 1.7;
}
.page-social-responsibility .strategy{
  height: auto;
}
.wt_box h2 {
    line-height: 1.2 !important;
}

.horizontalScroller__item h2 img {
  height: auto;
  width: auto;
}
.financial-card-box p img {
  width: 24px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

.bod_main .bod-infos {
  bottom: 3%;
  width: 40%;
}

.bod_main .bod-infos .inner h2 {
  font-size: 2.4vw;
}

.shade {
  width: 21%;
}
.bod_main .swiper.swiper-main {
  width: 72%;
}
.bod_main .swiper.swiper-main {
  padding-right: 0;
}
.bod_main .swiper-slide.swiper-slide-active {
  width: 450px !important;
}
.bod_main .ajd_n_btn {
  left: 7vw;
}

.fs64 img {
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
.strategy.ramadan_sec {
  height: auto;
  border-radius: 0 !important;
}

.homeNewYearInView .firstDiv {
  padding:0 0 0 0;
  justify-content: start;
}
.homeNewYearInView .firstDiv .heading {
  height: 41vh;
}
.homeNewYearInView .timeline {
  top: 0;
  height: auto;
}
.homeNewYearInView .stat-inner {
    display: flex;
    align-items: flex-start;
    padding-bottom: 5vw;
    padding-top: 3px;
}
.homeNewYearInView .firstDiv .heading {
  display: flex;
  align-items: end;
  padding-bottom: 0;
}
.homeNewYearInView .firstDiv .stat-content {
  position: relative;
  padding-top: 3vw;
}
.homeNewYearInView  .firstDiv .heading h2 {
  padding-bottom: 2vw;
  font-size: 4vw;
  line-height: 1.5;
}
.homeNewYearInView .pin-wrap .inner:nth-child(2) .firstDiv{
  width: 100%;
}
.homeNewYearInView .pin-wrap .inner:nth-child(2) .firstDiv .all_info_show {
  width: auto;
}
.homeNewYearInView .pin-wrap .inner:nth-child(3),
.homeNewYearInView .pin-wrap .inner:nth-child(4),
.homeNewYearInView .pin-wrap .inner:nth-child(5),
.homeNewYearInView .pin-wrap .inner:nth-child(6),
.homeNewYearInView .pin-wrap .inner:nth-child(7) {
  width: 80%;
}
.homeNewYearInView .pin-wrap .inner:nth-child(3) .firstDiv{
  width: 100%;
}
.homeNewYearInView .pin-wrap .inner:nth-child(4) .firstDiv{
  width: 100%;
}
.homeNewYearInView .pin-wrap .inner:nth-child(5) .firstDiv{
  width: 100%;
}
.homeNewYearInView .pin-wrap .inner:nth-child(6) .firstDiv{
  width: 100%;
}
.homeNewYearInView .pin-wrap .inner:nth-child(7) .firstDiv{
  width: 100%;
}

.year_review_sec_page .firstDiv {
  padding:0 0 0 0;
  justify-content: start;
}
.year_review_sec_page .firstDiv .heading {
  height: 41vh;
}
.year_review_sec_page .timeline {
    top: 0;
  height: auto;
}
.year_review_sec_page .stat-inner {
    display: flex;
    align-items: flex-start;
    padding-bottom: 5vw;
    padding-top: 3px;
  }
.year_review_sec_page .firstDiv .heading {
    display: flex;
    align-items: end;
    padding-bottom: 0;
}
.year_review_sec_page .firstDiv .stat-content {
    position: relative;
    padding-top: 3vw;
}
.year_review_sec_page  .firstDiv .heading h2 {
    padding-bottom: 2vw;
    font-size: 5vw;
    line-height: 1.5;
}
.year_review_sec_page .firstDiv.scnd_m {
    padding-bottom: 0 !important;
}
.year_review_sec_page .mon_sec {
    top: 0;
}
.year_review_sec_page .mon_sec .img {
    margin-top: 0;
}
.year_review_sec_page .scnd_m {
    width: 320vw !important;
}
.year_review_sec_page .right_n_info {
    width: 70%;
    padding-top: 2vw;
}
.year_review_sec_page .third_m {
    padding-bottom: 0 !important;
}
.year_review_sec_page .four_m .timeline {
    top:0;
}
.year_review_sec_page .five_m {
    padding: 0 !important;
}
.year_review_sec_page .right_n_info > h2 {
    margin-bottom: 0;
}

.investorTimeline .firstDiv {
  padding:0 0 0 0;
  justify-content: start;
}
.investorTimeline .firstDiv .heading {
  height: 51vh;
}
.investorTimeline .state_text {
    padding: 0;
}
.investorTimeline .stat-inner {
    height: 49vh;
}
.investorTimeline .timeline {
    top: 0;
  height: auto;
}
.investorTimeline .stat-content {
    padding-top: 3vw;
}
.investorTimeline .stat-inner {
    display: flex;
    align-items: flex-start;
    padding-bottom: 5vw;
    padding-top: 3px;
  }
.investorTimeline .firstDiv .heading {
    display: flex;
    align-items: end;
    padding-bottom: 0;
}
.investorTimeline .firstDiv .stat-content {
    position: relative;
    padding-top: 3vw;
}
.investorTimeline  .firstDiv .heading h2 {
    padding-bottom: 2vw;
    font-size: 5vw;
}

.investorTimeline .state_text .stat-section:nth-child(odd) .timeline {
    transform: rotate(180deg);
    top: 0;
}
.investorTimeline .state_text .stat-section:nth-child(even) .timeline {
    transform: rotate(0deg);
    top: 0;
}
.investorTimeline .state_text .stat-section:nth-child(even) .stat-inner {
    height: 51.5vh;
    padding-bottom: 0;
    align-items: end;
}

.investorTimeline  .state_text .stat-section:nth-child(even) .stat-inner .stat-content{
    padding-top:0;
    padding-bottom:3vw
}
.investorTimeline .stat-text {
  font-size: 2vw !important;
}

.year_review_sec_page .stat-number,
.homeNewYearInView .stat-number {
  gap:0
}

.shaping_sec .state_info .pdf_box:hover {
    background-color: #7d6e66 !important;
}

.shaping_sec .state_info .pdf_box:hover a {
    color: #fff;
}

.shaping_sec .state_info .pdf_box:hover a .info svg path {
    fill: #fff;
}
.bs_new .horizontalScroller__images{
  padding-right: 3vw;
}

.page-our-people .strategy{
  height: 150vh;
}
.shard_card1 .left p {
    line-height: 1.3;
}
.page-technology .highlit_sec .box_h {
    height: 60vh;
}
.page-investor-information .grid .top-box h2 {
    font-size: 3.3vw !important;
}
.usd_info .number {
    gap: .4vw;
}
.vision_pin > h2 {
    font-size: 3.6vw !important;
}
.page-investor-information .grid .top-box h2 img {
    width: 5vw;
}

.shard_card.flex.pl8.pr3.py6.gap10.shard_card1 .left p {
    font-size: 1.2vw !important;
}

.bod_main.executive_mn > h2 {
   font-size: 5vw !important;
    line-height: 1.5;
}
.bod_main h2 {
    font-size: 5vw;
    line-height: 1.5;
}
.bod_main .bodPagi .bod_anim {
    margin-bottom: 0.2vw;
}
.bod_main .bod-infos .inner h2 {
    font-size: 1.8vw;
    line-height: 1.3;
    margin-bottom: .5vw !important;
}
.bod_main .bod-infos .inner p {
    font-size: 1.2vw;
}

.vision_pin > h2 {
    font-size: 3vw !important;
}

.page-our-contribution .horizontalScroller__scroll {
    height: 60%;
}
.page-our-contribution .horizontalScroller__images {
  height: 100%;
  padding-bottom: 0 !important;
}
.page-our-contribution .horizontalScroller__item {
    height: 100%;
}
.page-our-contribution .fina_pin .new_box {
  height: 100%;
}

.page-year-in-review .mon_sec h3{
  font-size: 1.5vw !important;
}

.business_sec .sm-heading {
    align-items: anchor-center;
}
.d_chanel .steak-grid li p {
    line-height: 1.6;
}
.steak-grid li p {
    line-height: 1.1;
}
.page-home .year_review_sec {
    margin-top: 10vw !important;
}
.ch_left_wrap .left h2{
  font-size: 2.5vw !important;
}
.page-our-strategy .exeu_grid .grid img {
    width: 15%;
}
.ch_sec .left h2 {
    line-height: 2 !important;
}

.digital_sec .item .left h3 {
    font-size: 3vw !important;
}


.glance_list .glanceSwiper .item h2 span {display: inline-flex;}

.glance_list .glanceSwiper .item h2 span img {
    width: 2vw;
    height: auto;
    margin-right: .5vw;
}

.opacity0{
  opacity: 0 !important;
}

.aligh-center .horizontalScroller__item .box_h .info {
    /*align-items: center;*/
    justify-content: center;
}
.aligh-center .horizontalScroller__item .box_h .info h2 {
    font-size: 1.5vw !important;
}

.new_width .box_h {
    width: 30vw;
}

.mark_sec .icon > div {
    display: inline-flex;
    align-items: anchor-center;
}
.mark_sec .icon > div img{
    margin-right: .5vw; 
}

.light_bright img {
    filter: brightness(0.9) !important;
}
.page-at-glance .glance_list .glanceSwiper .item h2 {
    font-size: 4.5vw;
    display: flex;
    align-items: center;
}
.page-at-glance .glance_list .glanceSwiper .item h2 img{
    margin-right: .5vw;
    width: auto;
}
.horizontalScroller__item h2 img {
    height: auto;
    width: 2vw;
}
.page-subsidiaries .highlit_sec .box_h {
    height: 55vh;
    width: 36vw;
}
.page-shared-services .highlit_sec .box_h {
    width: 34vw;
}

.gov_mb{
  height: 100vh;
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 767px) { 
  .page-business-model .business_sec .sm-heading {
      align-items: center;
  }
}