@import "reset.css";

@import "loader.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;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

}



body {

  font-family: "Poppins", sans-serif;

  font-size: 18px;

  color: var(--white);

  overflow-x: hidden;

  min-width: 360px;

  font-weight: 400;

  line-height: 22px;

}



::-webkit-scrollbar {

  display: none;

}



/* Hide scrollbar for IE, Edge and Firefox */

::-webkit-scrollbar {

  -ms-overflow-style: none;

  /* IE and Edge */

  scrollbar-width: none;

  /* Firefox */

}



/* 

img {

    width: 100%;

} */



a {

  color: #ffff;

}



.d-none {

  display: none;

}



.d-block {

  display: block;

}



.wrapper {

  position: relative;

  transition: all 0.5s ease-in-out;

}



body.no-scroll {

  overflow: hidden !important;

}



.p {

  font-size: 22px;

  line-height: 1.1;

}



.radius10 {

  border-radius: 10px;

}



ul li {

  margin-bottom: 20px;

  color: #1d3c56;

}



.web_page {

  overflow: hidden;

}



.ffgb {

  font-family: "Gotham Book";

}



.ffg {

  font-family: "Gotham";

}

.fs465 {

  font-size: 24vw;

}

.fs408 {

  font-size: 21vw;

}

.fs352 {

  font-size: 18.4vw;

}

.fs330 {

  font-size: 17.5vw;

}

.fs180 {

  font-size: 9.4vw;

}

.fs150 {

  font-size: 7.8vw;

}

.fs68 {

  font-size: 3.5vw;

}



.fs58 {

  font-size: 3vw;

}

.fs88 {

  font-size: 4vw;

}

.fs352 {

  font-size: 18vw;

}

.fs148 {

  font-size: 7.7vw;

}



.fs140 {

  font-size: 7.3vw;

}

.fs120 {

  font-size: 6.3vw;

}

.fs110 {

  font-size: 5vw;

  line-height: 1;

}

.fs118 {

  font-size: 6.1vw;

  line-height: 1;

}

.fs96 {

  font-size: 5vw;

}

.fs98 {

  font-size: 4.5vw;

  line-height: 1;

}

.fs84 {

  font-size: 4.4vw;

  line-height: 1;

}

.fs75 {

  font-size: 3.8vw;

}

.fs74 {

  font-size: 3.9vw;

}

.fs78 {

  font-size: 4vw;

}

.fs70 {

  font-size: 3.5vw;

}

.fs54 {

  font-size: 2.8vw;

}

.fs52 {

  font-size: 2.7vw;

}

.fs64 {

  font-size: 3.4vw;

}

.fs60 {

  font-size: 3vw;

}

.fs48 {

  font-size: 2.5vw;

  line-height: 1.2;

}

.fs45 {

  font-size: 2.7vw;

  line-height: 1.2;

}

.fs40 {

  font-size: 2.5vw;

  line-height: 1.2;

}

.fs38 {

  font-size: 2.1vw;

  line-height: 1.2;

}

.fs30 {

  font-size: 1.6vw;

  line-height: 1;

}

.fs32 {

  font-size: 1.7vw;

  line-height: 1.2;

}

.fs36 {

  font-size: 1.9vw;

  line-height: 1.2;

}

.fs34 {

  font-size: 1.8vw;

  line-height: 1.2;

}

.fs26 {

  font-size: 1.4vw;

  line-height: 1.2;

}

.fs28 {

  font-size: 1.5vw;

  line-height: 1.2;

}

.fs24 {

  font-size: 1.3vw;

  line-height: 1.2;

}



.fs22 {

  font-size: 1.1vw;

  line-height: 1.2;

}



.fs18 {

  font-size: 1vw;

}



.p {

  font-size: 1.4vw;

  line-height: 1.1;

}



.cb {

  color: #101c24;

}

.dawn {

  color: #dd8778;

}

.terracotta {

  color: #c75010;

}



.fwm {

  font-weight: 600;

}



.fwl {

  font-weight: 300;

}



.clbl {

  color: #5e93db;

}



.radius10 {

  border-radius: 10px;

}



ul li {

  margin-bottom: 20px;

  color: #0279c8;

}

.mint {

  color: #b3b373;

}

.earth {

  color: #887652;

}

.sand {

  color: #ddc49c !important;

}

.cp {

  color: #4a2244;

}

.green {

  color: #1f827f;

}

.sky {

  color: #67bdbc;

}

.cwp {

  color: #eee9ed;

}

.clp {

  color: #775973;

}

.cpwp {

  color: #4a22444d;

}

.co {

  color: #c75010;

}

.wt_blur {

  background-color: rgba(127, 127, 127, 0.3);

}

.cwl {

  color: rgba(241, 239, 236, 1);

}

.bcl {

  color: rgba(2, 121, 200, 1);

}

.olive {

  color: #535e26;

}

.bgdc {

  background: #ddc49c;

}

.bgolive {

  background-color: #f0f0e3;

}

.bgwt {

  background-color: #ffffff;

}

.bglwt {

  background-color: rgba(238, 233, 237, 0.3);

}

.blue {

  color: #0279c8;

}

.bcl2 {

  color: rgba(0, 121, 200, 1);

}

.bcgl2 {

  background-color: rgba(0, 121, 200, 1);

}

.bgterracotta {

  background-color: #c75010;

}

.bglco {

  background-color: rgba(249, 244, 236, 1);

}

.bglgreen {

  background-color: #edf5f5;

}

.bgncream {

  background-color: #f4ede0;

}

.bgly {

  background-color: #ddc49c30;

}

.bglg {

  background-color: #88765217;

}

.bgb {

  background: #0279c8;

}

.cpw {

  color: #d2c8d1;

}

.bgpw {

  background: #d2c8d1;

}

.cgd {

  color: rgba(33, 39, 42, 1);

}

.bgco {

  background-color: #f9f4ec;

}

.bgcgd {

  background: rgba(33, 39, 42, 1);

}

.bgbd {

  background: rgba(12, 24, 70, 1);

}

.bgwp {

  background-color: #eee9ed;

}

.bgwpl {

  background-color: #f9f4ec;

}

.bglsky {

  background-color: #67bdbc12;

}



.bglcream {

  background-color: rgba(179, 179, 115, 0.2);

}

.bgw {

  background-color: #fff !important;

}

.bgwl {

  background-color: rgba(255, 255, 255, 0.1);

}

.bgwl2 {

  background-color: rgba(241, 239, 236, 0.9);

}

.bggw {

  background-color: rgba(241, 239, 236, 1);

}

.bgp {

  background-color: #4a2244;

}

.bglcw {

  background-color: #f9f4ec;

}

.bglc {

  background-color: #ddc49c4f;

}



.video_home {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100vh;

  z-index: 1;

}



.video_home video {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.main-banner {

  position: relative;

  width: 100%;

  height: 100vh;

  overflow: hidden;

}



.banner-img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.banner-content {

  position: absolute;

  top: auto;

  color: white;

  bottom: 0;

  height: 100vh;

  left: 0;

  justify-content: center;

  align-items: center;

  width: 100%;

  display: flex !important;

}

.banner-content h2 {

}

.main-banner .img {

  height: 100%;

}

.health_sec {

  height: 100vh;

  position: relative;

  overflow: hidden;

}

.main-banner .img img {

  width: 100%;

  object-fit: cover;

}

.banner-content .left > h2 {

  position: absolute;

  top: 0;

  display: flex;

  align-items: center;

  width: 100%;

  height: 75%;

  justify-content: center;

}

.roadmap_sec {

  height: 100vh;

  background-image: url(../images/energy-bg.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}

.roadmap_sec .inner {

  position: relative;

  height: 100%;

}



.reach-pin {

  overflow: hidden;

  top: 35%;

}

.reach-pin .left {

  height: 100%;

}

.reach-pin .left img {

  height: 100%;

  width: 100%;

  object-fit: cover;

  filter: brightness(1);

}

.roadmap_sec .inner .info > span {

  position: absolute;

  right: 0;

  width: 50%;

}



.hover_book {

  width: fit-content;

  position: absolute;

  bottom: 5vw;

  left: 12vw;

  --bookWidth: 8vw;

  --hoverWidth: 25vw;

}

.hover_book {

  width: fit-content;

  position: absolute;

  bottom: 5vw;

  left: 8vw;

  --bookWidth: 8vw;

  --cardWidth: 22vw;

  --cardHeight: 12vw;

}



.hover_book a {

  position: relative;

  display: flex;

  align-items: center;

  width: var(--bookWidth);

  height: var(--cardHeight);

  padding: 0;

  border-radius: 4px;

  background: transparent;

  text-decoration: none;

  transition:

    width 0.55s ease,

    background 0.55s ease;

}



.hover_book .text {

  position: absolute;

  left: 1.3vw;

  top: 50%;

  width: 11vw;

  opacity: 0;

  visibility: hidden;

  transform: translate(-1vw, -50%);

  transition: all 0.55s ease;

  z-index: 3;

}



.hover_book .text h2 {

  color: #4a2345;

  font-size: 1.5vw;

  line-height: 1;

  margin-bottom: 2vw;

}



.hover_book .text p {

  font-size: 0.9vw;

  margin: 0;

  white-space: nowrap;

  color: #c75010;

  font-weight: 500;

  display: flex;

  align-items: center;

  gap: 0.6vw;

}



/* Book right side */

.hover_book .book_text {

  position: absolute;

  right: 0;

  top: 50%;

  width: var(--bookWidth);

  transform: translateY(-50%);

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.55s ease;

  z-index: 18;

}



.hover_book .book_text img {

  width: var(--bookWidth);

  display: block;

}

.hover_book .bth_ab {

  position: absolute;

  bottom: 1vw;

  left: -0.6vw;

  transition: all 0.55s ease;

  z-index: 13;

}

.hover_book:hover a {

  width: var(--cardWidth);

  background: #ffffff;

}



.hover_book:hover .text {

  opacity: 1;

  visibility: visible;

  transform: translate(0, -50%);

}



.hover_book:hover .book_text {

  right: 1vw;

}

.hover_book:hover a .bth_ab {

  opacity: 0;

}

.vision_sec {

  position: relative;

}

.vision_top {

  height: 100vh;

  overflow: hidden;

}



.vison_info {

  position: absolute;

  top: 0;

  height: 100vh;

  flex-direction: column;

  justify-content: space-between;

  width: 100%;

  padding: 12vw 5vw 5vw 23vw;

}

.vision_bottom {

  position: relative;

  top: -0.3vw;

  height: 100vh;

  background-image: url(../images/vision-bt.jpg);

  background-size: cover;

}



.vision_top .img img {

  display: block;

}



.viis_img img {

  display: block;

}



.cybar_sec {

  height: 100vh;

  display: flex;

  align-items: center;

  justify-content: center;

}



.cybrSwiper {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.cybrSwiper .swiper-slide {

  display: flex;

  align-items: flex-start;

  flex-direction: column;

  height: 78vh;

}



/* card */

.cybrSwiper .asset_sec {

  position: relative;

  width: 100%;

  height: 100%;

  overflow: hidden;

  display: flex;

  align-items: flex-end;

  flex-direction: column;

  border: 1px solid rgba(255, 255, 255, 0.25);

}



/* remove old before color */

.cybrSwiper .asset_sec::before {

  display: none !important;

}



/* normal content */

.cybrSwiper .asset_sec .info {

  position: relative;

  width: 100%;

  height: 100%;

  flex-direction: column;

  justify-content: flex-end;

  z-index: 5;

  padding: 3vw;

}



.cybrSwiper .asset_sec .info span {

  position: absolute;

  top: 5%;

  left: -25%;

  font-size: 22vw;

  line-height: 0.8;

  opacity: 0.28;

  transition: all 0.8s ease;

}



.cybrSwiper .asset_sec .info h2 {

  position: relative;

  z-index: 6;

  transition: all 0.8s ease;

}



/* hover image wrapper */

.cybrSwiper .asset_sec .hover_text {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  z-index: 4;

  opacity: 0;

  transform: translateY(100%);

  transition:

    transform 0.8s ease,

    opacity 0.8s ease;

}



/* image full card */

.cybrSwiper .asset_sec .hover_text .img {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

}



.cybrSwiper .asset_sec .hover_text .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



/* number bottom */

.cybrSwiper .asset_sec .hover_text .number {

  position: absolute;

  left: 3vw;

  bottom: 3vw;

  z-index: 5;

  gap: 0.4vw;

}



.cybrSwiper .asset_sec .hover_text h3 {

  font-weight: 300;

  line-height: 1;

  margin: 0;

  color: #fff;

}



.cybrSwiper .asset_sec .hover_text span {

  line-height: 1;

  color: #fff;

}



/* active / hover state */

.cybrSwiper .swiper-slide:hover .asset_sec .hover_text,

.cybrSwiper .swiper-slide.is-active .asset_sec .hover_text,

.cybrSwiper .swiper-slide-active .asset_sec .hover_text {

  transform: translateY(0);

  opacity: 1;

}



.cybrSwiper .swiper-slide:hover .asset_sec .info h2,

.cybrSwiper .swiper-slide.is-active .asset_sec .info h2,

.cybrSwiper .swiper-slide-active .asset_sec .info h2 {

  transform: translateY(-22vw);

  color: #fff;

}



.cybrSwiper .swiper-slide:hover .asset_sec .info span,

.cybrSwiper .swiper-slide.is-active .asset_sec .info span,

.cybrSwiper .swiper-slide-active .asset_sec .info span {

  left: 80%;

  opacity: 0.35;

}



.cybrSwiper .asset_sec .hover_text .img img {

  width: 100%;

  z-index: -1;

  position: relative;

}

.change_text {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100vh;

  align-items: center;

  display: flex;

  flex-direction: column;

  justify-content: space-around;

  padding: 5vw 5vw 0;

}

.change_text .main_title {

}

.change_text .main_title h2 {

  /* display: none; */

  text-align: center;

}

.change_text .main_title h2.active {

  /* display: block; */

}

.change_text .info {

  width: 25%;

  margin-left: auto;

}



.change_text .info h3 {

  /* display: none; */

  overflow: hidden;

}



.change_text .info h3.active {

  /* display: block; */

}

.number_pagination {

  position: absolute;

  top: 3vw;

  right: 5vw;

  z-index: 5;

  display: flex;

  gap: 1vw;

}

.number_pagination a {

  display: flex;

  font-size: 1vw;

  line-height: 1;

  gap: 0.4vw;

  color: rgba(238, 233, 237, 0.3);

}

.number_pagination a span {

  display: flex;

  position: relative;

  transition: all 0.7s ease;

}

.number_pagination a span p {

}

.number_pagination a span i {

  display: block;

  background: red;

  width: 2px;

  height: 2vw;

  position: absolute;

  left: 0;

  top: 1vw;

}

.number_pagination a i {

  display: block;

  height: 1vw;

  background: #eee9ed;

  width: 1px;

  display: none;

}



.number_pagination a.active i {

  display: block;

}



.number_pagination a.active p {

  display: block;

}



.number_pagination a p {

  display: none;

  transition: all 0.7s ease;

}



.number_pagination a.active {

  color: rgba(238, 233, 237, 1);

}

.hover_text .img {

  z-index: -1;

  position: relative;

}

.cybrSwiper .asset_sec .info h2 {

  font-weight: 500;

  width: 100%;

}

/* .vision_bottom .number_pagination {

    top: 0vw;

} */

.business_main {

  background-image: url(../images/business-bg.jpg);

  background-size: cover;

}

.business_main .inner .info > span {

  width: 65%;

}

.read_more a {

  line-height: 1;

  align-items: end;

  background: #ffffff;

  display: inline-flex;

  padding: 1vw;

  color: #c75010;

  font-size: 1.3vw;

  font-weight: 500;

  position: relative;

  overflow: hidden;

  display: inline-flex;

  gap: 4vw;

  border-radius: 4px;

  z-index: 8;

  transition: all 0.6s ease-in-out;

  letter-spacing: 5%;

}



.read_more a::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: #4a2244;

  /* z-index: -1; */

  right: 0;

  left: 0;

  transition: all 0.6s cubic-bezier(0.01, -0.31, 0.18, 1.44);

  bottom: -100%;

  z-index: -1;

}

.read_more a:hover::before {

  bottom: 0;

}

.read_more a:hover {

  color: #fff;

}



.read_more a:hover svg path {

  stroke: #4a2244;

}



.read_more a svg path {

  transition: all 0.6s cubic-bezier(0.01, -0.31, 0.18, 1.44);

}



.read_more a:hover svg {

  background: #fff;

  border-radius: 50px;

}



.read_more a svg {

  transition: all 0.6s cubic-bezier(0.01, -0.31, 0.18, 1.44);

}



.sustain_sec {

}

.sustain_sec {

  height: 100vh;

}



.sastainSwiper .impact_title {

  display: none;

}



.sastainSwiper .impact_title.active {

  display: block;

}

.green_btn a {

  color: #1f827f;

}

.sustain_sec .right {

  border-left: solid 1px #ddc49c;

  padding-left: 3vw;

}

.sastainSwiper .number_pagination {

  position: relative;

  top: 0;

  right: 0;

}



.sastainSwiper .number_pagination a {

  color: rgba(31, 130, 127, 0.3);

}



.sastainSwiper .number_pagination a.active {

  color: #1f827f;

}



.sastainSwiper .number_pagination a.active {

  color: #1f827f;

}



.sastainSwiper .number_pagination a.active i {

  background: #1f827f;

}

.pdf_sec {

  position: relative;

  height: 100vh;

  display: flex;

  justify-content: center;

  align-items: center;

}

.pdf_info {

  position: absolute;

  top: 0;

  height: 100vh;

  align-items: center;

  width: 100%;

  padding: 0 10vw;

}

.orange_btn a {

  color: #c75010;

  /* background: #EEE9ED; */

}

.f_info {

  position: absolute;

  top: 0;

  padding: 2vw 0 0;

  height: 100vh;

}



.home_ch_sec {

  position: relative;

  margin: 0 0 0 4vw;

  height: 100vh;

}



.f_info span {

  display: block;

  margin-left: -3vw;

  margin-bottom: -3.7vw;

}



.home_ch_sec .inner .left .img img {

  width: 100%;

  display: block;

  height: 100vh;

  object-fit: cover;

}

.left_title h3.gap1 {

  position: relative;

  left: -2vw;

}

.ch_btn {

  margin-left: -10vw;

}

.ch_btn a {

}

.ch_btn a::before {

  background: #dd8778;

}

.ch_two .ch_btn {

  margin: 0;

}

.top_t span {

  position: relative;

  top: 1vw;

}



.specialized_sec {

  background-image: none;

}



.mgc_number_values {

  max-width: 100%;

  margin-bottom: 5vw;

}



.mgc_number_values .mySwiper {

}



.mgc_number_values .swiper-slide {

  display: flex;

  justify-content: end;

  align-items: center;

  font-size: 7vw;

  font-weight: 700;

  color: rgba(7, 37, 64, 0.1);

  opacity: 0.4;

  transition: all 0.5s ease;

  transition: all 0.8s ease;

  transform-origin: center center;

  transform: rotateX(60deg) scale(0.8) !important;

  line-height: 1;

  overflow: initial;

}



.mgc_number_values .swiper-slide-active {

  color: #27a79a;

  opacity: 1;

  transform: rotateX(0deg) scale(1) !important;

}



.mgc_number_values .swiper-slide-prev,

.mgc_number_values .swiper-slide-next {

  opacity: 0.6;

  transform: scale(0.9) !important;

}



.mgc_number_values .text-block {

  position: relative;

}

.mgc_number_values .text-block h2 {

  font-size: 6vw;

  line-height: 1;

  color: #c75010;

}

.mgc_number_values .text-block .inner {

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  visibility: hidden;

  transition: all 0.7s ease;

}



.mgc_number_values .text-block .inner.active {

  position: relative;

  opacity: 1;

  visibility: visible;

}

.mgc_number_values > div {

}



.mgc_number_values h2 {

  margin-bottom: 2vw;

}

.mgc_number_values h2 span {

  color: rgba(7, 37, 64, 0.3);

}

.mgcNumber_pin_wrapper {

  height: 100vh;

}



.focus_pin {

  height: 100vh;

}

.eco_img {

  position: relative;

  top: -2vw;

  right: 2vw;

}

.corporate_pin .left .b_txt {

  margin-top: -7vw;

}

.map_sec {

  position: relative;

  height: 100vh;

  overflow: hidden;

}

.map_sec .img {

}

.map_sec .img img {

  width: 100%;

  height: 100vh;

}

.map_sec .map_head {

  position: absolute;

  bottom: 0;

  display: flex;

  padding: 2vw 4vw;

  align-items: end;

  height: 100vh;

  justify-content: center;

}

.map_b i {

  width: 1.5vw;

  height: 1.5vw;

}

.chnage_text h2 {

  display: none;

}



.chnage_text h2.active {

  display: block;

}



.map_box {

  background: #ffffff;

  padding: 3vw 3vw 3vw 2vw;

  flex-direction: column;

  height: 100%;

}



.s_b {

  gap: 1vw;

}



.map_b i.active {

  border: solid 1px #eee9ed;

}

.corporate_one .b_txt {

  margin-top: -3vw;

}

.primay_had h3 {

  border: solid 1px #fff;

  align-items: center;

  display: flex;

  justify-content: center;

  color: #ffff !important;

  padding: 0.6vw 1vw;

  border-radius: 50px;

  text-align: left;

  font-weight: 600 !important;

  font-style: italic;

}

.primay_had {

  display: flex;

  flex-direction: column;

}

.page-corporate-banking .sustain_sec .right {

  border: transparent;

}

.page-corporate-banking

  .sustain_sec

  .right

  .sastainSwiper

  .number_pagination

  a {

  color: rgba(255, 255, 255, 0.3);

}



.page-corporate-banking

  .sustain_sec

  .right

  .sastainSwiper

  .number_pagination

  a.active {

  color: #fff;

}



.page-corporate-banking

  .sustain_sec

  .right

  .sastainSwiper

  .number_pagination

  a.active

  i {

  background: #fff;

}

/* .sustain_sec2 .left img{

    display: none;

}

.sustain_sec2 .left img.active{ 

    display: block;

} */

.page-home .cybrSwiper .swiper-slide {

  height: 75vh;

}

.page-investments-partnerships .corporate_pin .left .b_txt {

  margin-top: -3vw;

}

.t_info {

  margin-top: -3vw;

}

.investment_wrap {

  background-image: none;

}

/* .glance_pin .b-info{

    display: none;

}

.glance_pin .b-info.active{

    display: block;

} */

.p_pagination {

  position: relative;

  left: 0;

}

.p_pagination a {

  color: rgba(119, 89, 115, 0.3);

}



.p_pagination a.active {

  color: #775973;

}



.p_pagination a.active i {

  background: #775973;

}

.box_light {

  background-color: #f9f4ec;

}

.page-investments-partnerships .sustain_sec .right {

  border: none;

}

.white_pagination a {

  color: rgba(238, 233, 237, 0.3) !important;

}

.white_pagination a.active {

  color: #fff !important;

}

.white_pagination a.active i {

  background-color: #fff !important;

}

.page-treasury-and-capital .corporate_pin .left .b_txt {

  margin-top: -3vw;

}

.sastain_main .b_txt {

  margin-top: -3vw;

}

.sustain_text .text .b_txt {

  margin-top: -4vw;

}

.quarter_sec .text {

  margin-top: -4vw;

}

.page-risk-management .corporate_pin .left .b_txt {

  margin-top: -3vw;

}

.page-risk-management .sustain_sec .right {

  border: none;

}

.home_slider .cybrSwiper .swiper-slide {

  height: 75vh !important;

}

.page-our-people .corporate_pin .left .b_txt {

  margin-top: -3vw;

}

.page-our-people .roadmap_sec {

  background-image: none;

}

.page-our-people .vision_bottom {

  background-image: none;

}

.page-our-people .cybrSwiper .asset_sec .hover_text {

  background: #eee9ed;

}

.page-our-people .cybrSwiper .asset_sec {

  border: 1px solid #eee9ed;

}

.page-our-people .cybrSwiper .swiper-slide:hover .asset_sec .info h2,

.page-our-people .cybrSwiper .swiper-slide.is-active .asset_sec .info h2,

.page-our-people .cybrSwiper .swiper-slide-active .asset_sec .info h2 {

  transform: translateY(0);

  color: #4a2244;

}

.page-our-people .cybrSwiper .swiper-slide:hover .asset_sec .info span,

.page-our-people .cybrSwiper .swiper-slide-active .asset_sec .info span {

  color: #4a2244;

  opacity: 1;

}

.sastainSwiper .purple_pagination a.active {

  color: #4a2244;

}

.sastainSwiper .purple_pagination a {

  color: rgba(74, 34, 68, 0.3);

}

.sastainSwiper .purple_pagination a.active i {

  background: #4a2244 !important;

}

.download_main {

  background-image: url(../images/download-bg.jpg);

  height: 100vh;

  background-repeat: no-repeat;

  object-fit: cover;

  display: flex;

  flex-direction: column;

}

.download_main .hover_book {

  left: 35%;

}

.text_animate {

  display: flex;

  flex-direction: column;

  justify-content: center;

  width: 100%;

  align-items: center;

  gap: 2vw;

}

.text_animate2 .primay_had h3 {

  border: solid 1px #4a2244 !important;

}

.page-impact-financial .sustain_sec .right {

  border: none;

}

/* .cybrSwiper .swiper-slide.swiper-slide-active > div {

  background: #ebebeb;

} */



.cybrSwiper .swiper-slide > div {

  transition: all 0.5s ease;

}

.map_sec2 .map_box .info {

  display: none;

}

.map_sec2 .map_box .info.active h2 {

  display: block;

}

.map_sec2 .map_box .info.active {

  display: block;

}

.map_sec2 .p_pagination {

  top: 0;

}

.page-at-glance .cybrSwiper .swiper-slide.swiper-slide-active > div {

  background: #4a2244;

}

.page-at-glance .cybrSwiper .swiper-slide:hover .asset_sec .hover_text,

.page-at-glance .cybrSwiper .swiper-slide.is-active .asset_sec .hover_text,

.page-at-glance .cybrSwiper .swiper-slide-active .asset_sec .hover_text {

  background: #4a2244;

}

.page-at-glance .cybrSwiper .swiper-slide:hover .asset_sec .info span,

.page-at-glance .cybrSwiper .swiper-slide.is-active .asset_sec .info span,

.page-at-glance .cybrSwiper .swiper-slide-active .asset_sec .info span {

  color: #ddc49c;

  opacity: 1;

}

.page-at-glance .vision_bottom {

  background-image: url(../images/glance2.jpg);

}

.page-at-glance .cybrSwiper .asset_sec .info span {

  opacity: 1;

}

.co_pagination a {

  color: rgba(74, 34, 68, 0.3);

}

.co_pagination a.active {

  color: #c75010;

}

.co_pagination a.active i {

  background: #c75010;

}

.page-at-glance .cybrSwiper .asset_sec .info span {

  opacity: 1;

}

.home_ch_sec .inner .left {

  width: 50%;

}



.home_ch_sec .inner {

  gap: 2vw;

}

.pdf_sec .img {

  width: 100%;

}

.page-index .cybrSwiper .swiper-slide.swiper-slide-active > div {

  background-color: transparent;

}

.purp_btn a {

  background-color: #eee9ed;

}

.home_ch_sec .inner .right > div h2 {

  font-size: 2vw;

}

.goverance_sec {

  background-image: none;

}

.rigor_sec.bgp.flex.fdc.jcc.px10.pr20.ht100 {

  top: -1px;

  position: relative;

}

.bod_info .info h4 {

  margin-bottom: 0.6vw;

}



.bod_info .info p {

  margin-bottom: 0.5vw;

}

.sastainSwiper .impact_title p {

  line-height: 1.2 !important;

}

.page-bod .board-section > div > h2 {

  line-height: 1;

}



.previou_btn {

  display: flex;

}



.previou_btn a {

  display: flex;

  align-items: center;

  gap: 1vw;

  overflow: hidden;

}



.previou_btn a .pre p {

  font-size: 1.2vw;

  line-height: 1;

  margin-bottom: 0.6vw;

  font-weight: 300;

  transition: all 0.6s ease-in-out;

  color: #4A2244;

}



.previou_btn a .pre h2 {

  font-size: 1.8vw;

  font-weight: 500;

  transition: all 0.6s ease-in-out;

  line-height: 1.3;

  color: #4A2244;

}



.aj_bank .wt_btn a:hover svg path {

  stroke: #fff;

}



.aj_bank .wt_btn a:hover svg line {

  stroke: #fff;

}



.aj_bank .wt_btn a svg path {

  transition: all 1s ease-in-out;

}



.aj_bank .wt_btn a svg line {

  transition: all 1s ease-in-out;

}



.previou_btn a:hover .pre p {

  color: #DD8778;

}



.previou_btn a:hover .pre h2 {

  color: #DD8778;

}

.previou_btn a svg path {

    stroke: #4A2244;

    transition: all 0.6s ease-in-out;

}



.previou_btn a svg circle {

    stroke: #D2C8D1;

}



.home_ch_sec .inner .right .ftText {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 100vh;

    padding: 12.5vw 0 4vw;

}

.previou_btn a svg {

  transition: all 0.6s ease-in-out;

  border-radius: 50px;

}

.previou_btn a:hover svg {

    background: #DD8778;

}



.previou_btn a:hover svg path {

    stroke: #fff;

}



.homeFanSec {

  

}

.menu_btn .inner.expanded a:hover {

    color: #fff;

}



.menu_btn .inner.expanded a:hover svg path {

    stroke: #fff;

}

.page-corporate-strategy .inner .fund_f .info {

    opacity: .4;

    transition: all 0.7s ease;

}

.page-corporate-strategy .inner .fund_f .info.active {

    opacity: 1;

}