@media only screen and (min-width: 1920px) {}



@media only screen and (max-width: 2560px) {}



@media only screen and (max-width: 1300px) {}



@media only screen and (max-width: 1024px) {}



/* @media only screen and (min-width: 768px) and (max-width: 1920px){

    .bod_info .info {

        top: 1vw;

    }



    .board-section h2 {

        font-size: 3.2vw;

        line-height: 1.3;

    }



    .bod_info .name {

        font-size: 2.5vw;

    }



    .mainSwiper img {

        width: 40%;

    }

} */



@media only screen and (min-width: 768px) and (max-width: 1450px) {}



@media only screen and (max-width: 767px) {

	.roadmap_sec .info {

		width: 90% !important;

	}



	.roadmap_sec .info>div {

		flex-direction: column;

		align-items: start !important;

		padding: 0;

	}



	.fs88 {

		font-size: 44px;

	}



	.roadmap_sec .info>div h2 {

		flex-direction: column;

		width: 100% !important;

		gap: 5vw;

	}



	.banner-content>div {

		flex-direction: column;

		width: 90%;

		margin: auto;

	}



	.banner-content>div .left {

		width: 100% !important;

	}



	.banner-content>div .right {

		width: 100% !important;

	}



	.fs408 {

		font-size: 270px;

	}



	.banner-content .left>h2 {

		font-size: 67px;

	}



	.fs58 {

		font-size: 42px;

		margin-bottom: 5vw !important;

	}



	.fs34 {

		font-size: 28px;

		padding: 0 !important;

	}



	.fs28 {

		font-size: 24px;

		margin-bottom: 5vw !important;

		line-height: 30px !important;

		padding: 0 !important;

		width: 100% !important;

	}



	.reach-pin {

		position: relative;

		width: 100%;

		top: 0 !important;

	}



	.roadmap_sec .inner {

		flex-direction: column;

		padding: 20vw 0 !important;

	}



	.fs18 {

		font-size: 18px;

	}



	.roadmap_sec {

		height: auto;

	}



	.vision_top {

		height: auto;

	}



	.hover_book {

		position: relative;

	}



	.ch_sec {

		flex-direction: column;

		height: auto;

		gap: 5vw;

	}



	.left_title {

		width: 100% !important;

	}



	.ch_img {

		width: 100% !important;

		height: auto;

	}



	.name_ch {

		width: 100%;

	}



	.fs38 {

		font-size: 24px;

		margin-bottom: 5vw;

		width: 100% !important;

	}



	.home_sh_sec.ch_sec img {

		width: 25%;

	}



	.home_sh_sec.ch_sec i {

		width: 75% !important;

	}



	.fs74 {

		font-size: 46px;

	}



	.left_title h3.gap1 {

		margin-bottom: 5vw !important;

		left: 0;

	}



	.impact-panel {}



	.number_pagination a {

		font-size: 16px;

	}



	.number_pagination a i {

		height: 15px;

	}



	.number_pagination {

		left: 5vw;

		top: 10vw;

		gap: 3vw;

	}



	.ch_btn {

		margin: 0;

	}



	/* .ch_btn a br {

        display: none;

    } */



	.read_more a svg {}



	.fs24 {

		font-size: 18px;

	}



	p.fs24.cw.lhn1.mb4.reveal {}



	.name_ch p {

		margin-bottom: 15vw !important;

	}



	.left_title h2 {

		margin-bottom: 10vw !important;

	}



	.ch_info {

		width: 100%;

	}



	.right_title {

		width: 100%;

		margin: auto;

		height: auto;

		padding: 0 !important;

	}



	.top_t {

		flex-direction: column;

		align-items: start !important;

	}



	.top_t > span {

		font-size: 100px;

		margin-bottom: 5vw;

		width: 100% !important;

		display: flex;

	}



	.sm_name h2 {

		margin-bottom: 10vw !important;

	}



	.sm_name h3 {

		margin: 0;

	}



	.left_title h3 img {

		width: 25%;

	}



	.left_title h3 i {

		width: 75%;

	}



	.top_t h2 {

		width: 100% !important;

	}



	.business_main .info {

		padding: 0 5vw 20vw;

		width: 100% !important;

	}



	.business_main .inner {

		padding: 0 !important;

		width: 100% !important;

	}



	.business_main .info>div h2 {

		gap: 5vw;

	}



	.business_main .info>div {

		padding: 0 !important;

	}



	.read_more a {

		font-size: 24px;

		padding: 20px 10px;

		width: 100%;

		justify-content: space-between;

	}



	.sustain_sec {

		height: 140vh;

		flex-direction: column;

		padding: 20vw 5vw !important;

	}



	.sustain_sec .left {

		width: 100% !important;

		margin-bottom: 10vw;

	}



	.sustain_sec .right {

		width: 100% !important;

	}



	.fs64 {

		font-size: 36px;

		margin-bottom: 5vw !important;

	}



	.sustain_sec .left p {

		width: 100% !important;

	}



	.sustain_sec .right {

		border-top: solid 1px #DDC49C;

		border-left: 0;

		padding: 10vw 0;

	}



	.sastainSwiper .number_pagination {

		left: 0;

		gap: 3vw;

		margin-bottom: 5vw !important;

	}



	.sustain_sec .left .read_more {

		margin-bottom: 10vw !important;

	}



	.pdf_info {

		flex-direction: column;

		padding: 10vw 5vw;

		justify-content: space-between;

	}



	.pdf_info .left {

		width: 100% !important;

	}



	.pdf_info .right {

		width: 80% !important;

	}



	.pdf_info .right img {

		width: 100%;

	}



	.fs48 {

		font-size: 38px;

		margin-bottom: 5vw !important;

		padding: 0;

	}



	.home_ch_sec .inner {

		flex-direction: column;

		padding: 0;

	}



	.home_ch_sec .inner .left {

		width: 100% !important;

	}



	.home_ch_sec .inner .right {

		width: 100% !important;

		padding: 15vw 5vw 0;

		flex-direction: column;

	}



	.home_ch_sec {

		height: auto;

		margin: 0;

	}



	.home_ch_sec .t_info {

		width: 100% !important;

	}



	.fr_img {

		bottom: 0;

		top: 0;

		width: 75% !important;

		right: 0;

		position: relative;

		height: 50vh;

		transform: translateY(-3%);

		margin: auto;

	}



	.f_info {

		padding: 15vw 5vw;

	}



	.f_info span {

		font-size: 300px;

		margin-left: -20vw;

		margin-bottom: -31vw;

	}



	.home_ch_sec .t_info h2 {

		font-size: 55px;

	}



	.vision_bottom.cybar_sec1 .cybar_sec {

		height: auto;

		padding: 30vw 0;

	}



	.cybrSwiper .asset_sec .info span {

		font-size: 300px;

		left: -20%;

	}



	.cybrSwiper .asset_sec .hover_text .number {

		font-size: 58px;

	}



	.home_slider .cybrSwiper .swiper-slide {

		height: 60vh !important;

	}



	.header .left {

		display: none;

	}



	.header .menu-icon {

		width: 7vw;

	}



	.header .menu-icon .lines span {

		margin-bottom: 0;

	}



	.menu-link {

		font-size: 16px;

		gap: 3vw;

	}



	.menu_btn .top_area {

		top: 5vw;

		position: relative;

	}



	.header {

		padding: 5vw 5vw;

	}



	.logo {

		width: 140px;

	}



	.menu_btn .inner {}



	.nav-container ul li a {

		font-size: 30px;

	}



	.nav-container h2 {

		font-size: 14px;

	}



	.menu_btn .inner .nav-container {

		padding: 10px 20px;

	}



	.menu-opened .header {

		padding: 0;

	}



	.menu-link.close-icon .menu-icon {

		width: 9vw;

	}



	.menu-links ul li a {

		font-size: 30px;

	}



	.menu_btn .inner.expanded {

		height: 100vh;

	}



	.menu-links ul li {

		margin-bottom: 5vw;

	}



	.header .menu-icon .lines span {

		margin-bottom: 2vw;

	}



	.menu-opened .header .menu-icon .lines span {

		margin-bottom: 0;

	}



	.menu_btn {

		top: 0;

	}



	.fs118 {

		font-size: 65px;

	}



	.fs352 {

		font-size: 300px;

	}



	.chatper-num {

		left: -10vw;

	}



	.inner-banner .banner-content {

		padding: 30vw 5vw !important;

		left: 0;

	}



	.abmi_sec1 .info {

		flex-direction: column;

		width: 100% !important;

		padding: 0 5vw !important;

		margin-bottom: 10vw;

	}



	.abmi_sec1 .info .left {

		width: 100% !important;

	}



	.abmi_sec1 .info .left>div {

		width: 100%;

		padding: 0;

	}



	.roadmap_sec .info>div h2 br {

		display: none;

	}



	.roadmap_sec .inner .info span.sideText {

		width: 100%;

	}



	.markets_div {

		width: 100%;

		padding: 0 !important;

	}



	.abmi_sec1 .info .right {

		width: 100% !important;

	}



	.fs180 {

		font-size: 100px !important;

	}



	.markets_div>div {

		align-items: center !important;

	}



	.abmi_sec1 .info .left>div p {

		margin-bottom: 5vw;

	}



	.fund_standing {

		flex-direction: column;

		padding: 10vw 5vw;

	}



	.fund_standing .left {

		width: 100% !important;

	}



	.fund_standing .right {

		width: 100% !important;

	}



	.fund_standing .right .img-holder {

		flex-direction: column;

	}



	.fund_standing .right .img-holder .img {

		width: 100% !important;

	}



	.fund_standing .right .img-holder h3 {

		width: 100% !important;

	}



	.fund_standing .right .content {

		width: 100%;

	}



	.roadmap_sec.nobgImg .info .left {

		width: 100%;

	}



	.roadmap_sec.nobgImg .info {

		width: 100% !important;

	}



	.roadmap_sec.nobgImg .info>div h2 {

		font-size: 28px;

		margin-bottom: 10vw !important;

	}



	.page-shareholders .banner-content h2 {

		font-size: 52px;

	}



	.pin_text>div h2 br {

		display: none;

	}



	.pin_text>div h2 {

		font-size: 38px;

		margin-bottom: 15vw;

	}



	.pin_text>div {

		height: auto;

		padding: 0;

	}



	.pin_text {

		padding: 20vw 5vw;

	}



	.card_sec .card {

		flex-direction: column-reverse;

	}



	.card_sec .card .img {

		width: 100% !important;

		margin-bottom: 10vw;

	}



	.card_sec .card .right {

		width: 100% !important;

	}



	.card_sec .card .box {

		min-height: 55vh;

		padding: 20px;

		margin-bottom: 10vw;

	}





	.card_sec .card .left {

		width: 100% !important;

		margin-bottom: 5vw !important;

	}



	.card_sec .card:nth-child(9),

	.card_sec .card:nth-child(even) {

		flex-direction: column-reverse !important;

	}



	.ch_one {

		padding: 30vw 5vw 10vw !important;

	}



	.top_t > span {

		font-size: 24px;

	}



	.ch_last_img {

		height: auto;

	}



	.ch_detail_wrap {

		width: 100% !important;

		padding: 0 5vw !important;

		display: flex;

		flex-direction: column-reverse;

	}



	.ch_detail_wrap .left {

		width: 100%;

		padding-top: 5vw;

	}



	.ch_detail_wrap .left>div {

		width: 100%;

	}



	.ch_detail_wrap .right {

		position: relative;

		width: 100%;

		right: 0;

	}



	.ch_detail_wrap .left>div {

		flex-direction: column;

		padding: 0;

		margin: 0;

	}



	.ch_detail_wrap .left>div h2 {

		flex-direction: column;

		width: 100% !important;

		margin-bottom: 5vw;

		align-items: start !important;

		gap: 5vw;

	}



	.ch_detail_wrap .left>div h2 br {

		display: none;

	}



	.ch_detail_wrap .left>div h2>span {

		padding: 0;

		margin: 0 !important;

	}



	.ch_last_img img {

		width: 100%;

	}



	.charimanPin {

		padding: 0 5vw;

	}



	.roadmap_sec.nobgImg .info>div {

		width: 100% !important;

	}



	h2.fn.flex.aife.terracotta.lhn1.reveal.relative.sizew85 {

		display: flex !important;

		flex-direction: row;

		align-items: center !important;

		gap: 5vw;

	}



	.page-ceo .ch_animation,

	.page-chairman .ch_animation {

		padding: 30vw 0 !important;

	}



	.ch_animation .ch_sec2 .left_title {

		padding: 0 5vw;

	}



	.ch_animation .ch_sec2 .ch_img {

		padding: 0 5vw;

	}



	.ch_animation .ch_sec2 .name_ch {

		padding: 0 5vw;

	}



	.ch_animation .right_title {

		padding: 10vw 5vw !important;

	}



	.ch_animation .right_title .top_t>span {

		font-size: 100px;

	}





    .year_timeline h2 {

    font-size: 135px;

    line-height: 1;

    }



    .timeline-tabs a {

        font-size: 22px;

    }



    .timeline-tabs ul {

    width: 1000px;

    overflow: scroll;

    }



    .timeline-box h3 {

        font-size: 18px;

    }



    .timeline-box span {

        font-size: 20px;

    }



    .timeline-box {

        min-height: 175px;

        padding: 20px;

    }



    .year_timeline {

        top: 35%;

    }



    .timeline_images .left {

        width: 40.6%;

        margin-left: 5%;

        margin-top: -4%;

    }



    .timeline_images .right {

        width: 55%;

        margin-right: 25%;

        margin-top: 55%;

    }



    .sub_boxes .historySwiperBox .swiper-button-next, .sub_boxes .historySwiperBox .swiper-button-prev {

        width: 40px;

        height: 40px;

        top: -7vw;

        z-index: 15;

    }



    .sub_boxes .historySwiperBox .swiper-button-next:before, .sub_boxes .historySwiperBox .swiper-button-prev:before {

        width: 40px;

        height: 40px;

    }



    .sub_boxes .historySwiperBox {

        overflow: visible;

    }



    .timeline-tabs {

        bottom: 5vw;

        left: 5vw;

        overflow: scroll;

    }



    .page-corporate-strategy .banner-content h2{

        font-size: 65px;

    }



    .roadmap_sec .info>div h2 span {

        width: 100% !important;

        display: inline;

    }



    .roadmap_sec .info>div p {

        width: 100% !important;

    }



    .mena_box {

        padding: 20px;

    }



    .corporate_sec {

        padding: 0vw 5vw;

    }



    .corporate_sec h2 {

        font-size: 30px;

    }



    .corporate_sec  .info {

        flex-direction: column;

        padding: 0 !important;

        gap: 10vw;

    }



    .corporate_sec .info h4 {width: 100% !important;}



    .reach-pin .left {

        width: 100%;

        margin: auto;

    }



    .specialized_sec .inner.flex {

        padding: 0 !important;

        margin-bottom: 10vw;

    }



    .ecosystem_sec {

        height: auto;

    }



    .eco_head {

        padding: 20vw 5vw;

    }



    .eco_head .top_eco {

        width: 100% !important;

        flex-direction: column;

    }



    .eco_head .top_eco >div {

        width: 100% !important;

    }



    .ecosystem_sec .right .ecosystemSwiper {

    }



    .ecosystem_sec .right {

        width: 100%;

    }



    .specialized_sec .left {

    }



    .bgterracotta.specialized_sec {

        padding: 20vw 0;

    }



    .corporate_sec.bglc.pl20.pr4.py8 {

        padding: 20vw 5vw;

    }



    .specialized_sec {

        padding: 20vw 0;

    }



    .cybrSwiper .swiper-slide .flex.jcsb {

        padding: 20px;

    }



    .fs148 {

        font-size: 100px;

    }



    .cy_info h2 {

        width: 100% !important;

    }



    .focus_pin .px4.pt4 {

        padding: 20vw 5vw 10vw;

    }



    .page-impact-sustainability .inner-banner .banner-content h2{

        font-size: 50px;

    }



    .sastain_one  .info {

        flex-direction: column;

    }



    .sastain_one .info .left {

        width: 100% !important;

    }



    .sastain_one .info .right {

        width: 100% !important;

    }



    .sastain_one .info .left >div {

        width: 100% !important;

    }



    .sastain_one .info .left >div h3 {

        width: 100% !important;

        margin-bottom: 5vw;

    }



    .sastain_one {

        padding-top: 0 !important;

    }



    .corporate_three h2 {

        width: 100% !important;

        font-size: 44px;

    }



    .sustain_text {

        padding: 0 5vw;

    }



    .sustain_text .text >div {

        flex-direction: column;

    }



    .sustain_text .text >div {

        width: 100% !important;

        margin-bottom: 5vw !important;

    }



    .sustain_text .text >div h2 {

        width: 100%;

        font-size: 34px;

    }



    .sustain_text .text .b_txt {

        margin: 0;

    }



    h3.cp.mb1.fs34.fw500.lhn1.sizew65.ml-auto.pr5.reveal {

        width: 100% !important;

        margin-bottom: 5vw !important;

    }



    .scope_text {

        flex-direction: column;

    }



    .scope_text >div {

        width: 100% !important;

    }





    .scope_text h4 {

        width: 100% !important;

    }



    .focus_pin {

        padding: 10vw 0 0 5vw!important;

        height: auto;

    }



    .quarter_sec  .info {

        flex-direction: column;

        padding: 0 5vw !important;

        width: 100% !important;

    }



    .quarter_sec .info .left {

        width: 100% !important;

    }



    .quarter_sec .info .left >div {

        margin-bottom: 10vw !important;

        width: 100%;

        padding: 0 !important;

    }



    .quarter_sec .info .left >div h3 {

        width: 100% !important;

    }



    .roadmap_sec .info .right {

        width: 100%;

    }



    .quarter_sec  .inner {

        gap: 15vw;

    }



    .scope_text {

        padding: 0 5vw 15vw;

    }



    .fourr-column {

        grid-template-columns: repeat(1, 1fr) !important;

        gap: 10vw;

    }



    .grid_wrap .sastain_box {

        padding: 20px;

    }



    .fs150 {

        font-size: 100px;

    }



    .scope_text.flex.aife.gap8 {

        padding: 0;

    }



    .scope_text.flex.aife.gap8.py5.pl20.pr5 {

        padding: 0 5vw;

    }



    .info.flex.sizew80.ml-auto {

        width: 100% !important;

    }



    h2.fs88.green.fw500.lhn1.flex.aib {

        flex-direction: row;

        font-size: 70px;

        gap: 0;

    }



    .roadmap_sec .info>div {

        width: 100% !important;

    }



    h3.fs28.cp.lhn1.sizew80.ml-auto.pr5.reveal {

        width: 100% !important;

    }



    .corporate_sec.pl20.pr5.py8 {

        padding: 10vw 5vw;

    }



    div#roadmaptransform {

        padding-bottom: 0;

    }



    .b_txt {

        width: 100% !important;

    }



    .corporate_pin .left .b_txt {

        margin: 0;

    }



    .b_txt h3 {

        width: 100% !important;

        margin-bottom: 5vw;

    }



    .corporate_one .info {

        flex-direction: column;

    }



    .corporate_one .info .left {

        width: 100% !important;

    }



    .corporate_one .info .left >div h2 {

        width: 100% !important;

    }



    .corporate_one .info .right {

        width: 100% !important;

    }



    .glance_pin {

        padding: 0 5vw !important;

    }



    .b-info h3 {

        font-size: 40px;

    }



    .fs75 {

        font-size: 40px;

    }



    .glanceSwiper {

        width: inherit;

    }



    .fs96 {

        font-size: 70px;

    }



    .page-corporate-banking .number_pagination {

        left: 0;

        gap: 3vw;

    }



    .map_sec .map_head {

        flex-direction: column;

        justify-content: space-around;

        align-items: start;

    }



    .map_box {

        width: 100%;

        height: auto;

        padding: 20px;

    }



    .map_b i {

        width: 15px;

        height: 15px;

    }



    .s_b {

        margin-bottom: 5vw !important;

    }



    .map_t {

        margin-bottom: 5vw;

    }



    .land_sec {

        padding: 20vw 5vw;

        flex-direction: column;

    }



    .land_sec .left {

        width: 100% !important;

    }



    .land_sec .right {

        width: 100% !important;

    }



    .land_sec .right h3 {

        width: 100% !important;

    }



    .primay_had >div h2 {

        font-size: 30px;

    }



    .primay_had >div {

        flex-direction: column;

        gap: 3vw;

    }



    .primay_had h2 {

        font-size: 30px;

    }



    .primay_had >div h3 {

        font-size: 12px;

        padding: 10px;

    }



    .text_animate {

        gap: 5vw;

        padding: 20vw 0 !important;

    }



    .text_animate2  h2 {

        padding: 0;

        font-size: 34px;

        padding: 0 5vw;

        line-height: 1.2 !important;

    }



    .text_animate2 h2 br {

        display: none;

    }



    .page-corporate-banking .sustain_sec .right {

        padding: 0 !important;

    }



    .page-corporate-banking .sustain_sec .right h2 {

        width: 100% !important;

    }



    .rigor_sec {

        padding: 20vw 5vw;

        height: auto;

    }



    .rigor_sec h2 {

        font-size: 34px;

    }



    .page-investments-partnerships .inner-banner .banner-content h2{

        font-size: 46px;

    }



    .investment_wrap .info {

        padding: 0 5vw;

        flex-direction: column;

        width: 100% !important;

    }



    .t_info {

        margin: 0;

        padding: 0;

    }



    .t_info h3 {

        width: 100% !important;

    }



    .direct_sec {

        width: 90% !important;

        padding: 20vw 0;

    }



    .direct_sec h2 {

        font-size: 38px;

    }



    .info_box {

        width: 100%;

    }



    .info_box h3 {

        width: 100% !important;

    }



    .box_b {

        flex-direction: column;

    }



    .box_b .box {

        width: 100% !important;

        padding: 20px;

    }



    .info_box h4 {

        font-size: 36px;

    }



    .sustain_sec1.bgterracotta .left h2 {

        font-size: 34px;

    }



    .rise_sec {

        padding: 20VW 5vw !important;

        width: 100% !important;

    }



    .box_text {

        flex-direction: column;

    }



    .box_text .all_box {

        width: 100% !important;

    }



    .box_text .all_box .box {

        padding: 20px;

    }



    .box_text h3 {

        width: 100% !important;

    }



    .abmi_sec2.bgterracotta.specialized_sec {

        padding: 20vw 0 !important;

    }



    .fs110 {

        font-size: 70px;

    }



    .box {

        padding: 20px;

    }



    .fs70 {

        font-size: 30px;

    }



    .gulf_sec {

        flex-direction: column;

    }



    .info.sizew60 {

        width: 100% !important;

    }



    .direct_sec.py6.pl20.pr10 {

        width: 100% !important;

        padding: 20vw 5vw;

    }



    p.fs34.cp.fw500.mb3.sizew65.pr1.reveal {

        width: 100% !important;

    }



    h4.fs48.clp.lhn1.fw600.sizew60.mb3.reveal {

        width: 100% !important;

    }



    .direct_sec .flex.gap10 {

        flex-direction: column;

    }



    .direct_sec .flex.gap10 p {

        width: 100% !important;

    }



    h5.sizew35.fs34.lhn1.fw500.cp.reveal {

        width: 100% !important;

    }



    .focus_pin.gotoSection.cybar_sec2 {

        padding: 20vw 0 20vw 5vw!important;

    }



    .roadmap_sec.relative.abmi_sec3 {

        padding: 20vw 0 !important;

    }



    div#roadmaptransform {}



    .roadmap_sec.relative.abmi_sec3 .info {

        width: 100% !important;

        margin-bottom: 10vw;

    }



    .sizew60.b_txt.ml-auto.pr10 {

        width: 100% !important;

        padding: 0 !important;

        margin: 0;

    }



    .info.sizew50 {

        width: 100% !important;

    }



    .info.sizew50 h2 {

        font-size: 28px;

    }



    .gulf_sec.flex.gap5 h2 {

        font-size: 30px;

    }



    h3.fs28.lhn1.cpw.reveal2.sizew70 {

        width: 100%;

    }



    h2.fs48.ls2.fw600.co.lhn1.reveal.relative.sizew65 {

        font-size: 30px;

    }



    .five-column {

        grid-template-columns: repeat(1, 1fr) !important;

        gap: 5vw;

    }



    h3.fs28.lhn1.cp.mb2.reveal2.sizew70 {

        width: 100%;

    }



    h2.fs34.fw500.reveal2.mb1.cp {

        font-size: 28px;

    }



    .mainSwiper .swiper-slide {

        padding: 0;

    }



    .bod_info {

        width: 100%;

        right: 0;

        top: 27%;

        padding: 0 5vw;

    }



    .bod_info .info h2 {

        font-size: 24px;

        margin-bottom: 2vw !important;

    }



    .mainSwiper .img {

        width: 70%;

        justify-content: center;

        margin: 0 auto;

    }



    .bodPagination {

        display: none;

    }



    .board-section {

        padding: 25vw 0;

    }



    .bod_info .info h3 {

        font-size: 20px;

    }



    .bod_info .info h4 {

        font-size: 16px;

        margin-bottom: 2vw;

    }



    .bod_info .info p {

        margin-bottom: 2vw;

    }



    .bod_info .info p br {

        display: none;

    }



    .board-section > div > h2 {

        font-size: 36px;

        line-height: 1;

    }



    .page-executive-management .board-section {

        padding: 30vw 0;

    }



    .page-executive-management .board-section .bod_info {

        top: 35%;

    }



    .page-executive-management .board-section > div > h2 {

        line-height: 1.3;

    }



    .page-executive-managemen .mainSwiper .img {

        width: 85%;

    }



    .page-risk-management .inner-banner .banner-content h2 {

        font-size: 50px;

    }



    .gulf_sec.flex.aic.gap10 .info h2 {

        font-size: 30px;

    }



    .gulf_sec.flex.aic.gap10 h2 {

        font-size: 36px;

    }



    .sustain_sec  .sizew60.mll-auto.flex.gap5 {

        flex-direction: column;

        width: 100% !important;

    }



    .greyHoverSwiper {

        padding: 0 !important;

    }



    .pinSwiperCenter.cybar_sec1 {

        padding: 20vw 5vw!important;

    }



    .page-risk-management .sustain_sec .right {

        padding: 0 !important;

    }



    .greyHoverSwiper h2 {text-align: start !important;}





    .roadmap_sec.relative.htauto .info.flex.pl30.pr4.pt4 {

        width: 100% !important;

        padding: 0 5vw;

    }



    .roadmap_sec.relative.htauto {}



    .sizew85.b_txt.ml-auto.pr15.mtt3 {

        padding: 0;

    }



    .corporate_sec.bgp.ht100.pl20.pr8.py8.flex.fdc.jcc {

        height: auto;

        padding: 20vw 5vw;

    }



    .corporate_sec .info .sizew55 {

        width: 100% !important;

    }



    h3.fs18.lhn1.cw.fw600.sizew80.reveal {

        width: 100% !important;

    }



    .flex.aife.pl5 {

        padding: 0 !important;

        margin-bottom: 5vw;

    }



    .glance_pin1 >div > .flex {

        height: auto;

        flex-direction: column;

        align-items: start !important;

        gap: 5vw;

    }



    h3.fs28.cp.lhn1.sizew30.reveal {

        width: 100%;

    }



    .glance_pin.bgpw.pl5.jcc.gap5.flex.fdc.ht100.aic.pr5.ofh.glance_pin1 {

        padding: 20vw 5vw !important;

        height: auto;

    }



    .page-our-people .number_pagination {

        top: 0;

    }



    .roadmap_sec.relative {

        padding: 0 5vw;

    }



    .roadmap_sec.relative .inner .info {

        width: 100% !important;

        margin-bottom: 10vw;

        padding: 0 !important;

    }



    .rise_sec.sizew80 {

        /* padding: 0 !important; */

    }



    .rise_sec.sizew80 p {

        margin-bottom: 10vw !important;

    }



    .box h2 {

        margin-bottom: 10vw !important;

    }



    .inner.flex.mb5 {}



    .roadmap_sec.relative.htauto.pl25.py5.mb5.pr10 {

        margin-bottom: 15vw !important;

    }



    .program_info {

        padding: 20vw 5vw;

    }



    .program_info h2 {

        font-size: 36px;

    }



    .inner.flex.mb5 {

        padding-bottom: 0 !important;

    }



    .inner.flex.pt10.sizew50.mll-auto {

        width: 100% !important;

        padding: 0 5vw;

    }



    .inner.flex.pt10.sizew50.mll-auto .flex.aife {

        margin-bottom: 5vw;

    }



    .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: 70%;

    }



    .sustain_sec.sustain_sec2.sustain_sec1.bgncream.gap5.flex.aife.pin-swiper {

        padding: 0 !important;

        height: 100vh;

    }



    .sustain_sec.sustain_sec2.sustain_sec1.bgncream.gap5.flex.aife.pin-swiper .right.sizew50.pl10.pb5 {

        padding: 20vw 5vw 0 !important;

    }



    .page-our-people .rise_sec.pl25.pr5.pt8 {

        /* padding: 0 !important; */

    }



    .page-our-people .info.flex.pl30.pr4.pt4 {

        /* padding: 0 !important; */

    }



    .home_ch_sec .inner .right >div h2 {

        font-size: 32px;

    }





    .inner-banner .banner-content h2 {

        font-size: 44px;

    }



    .page-technological-advancements .corporate_three h2 {

        font-size: 34px;

    }



    .page-technological-advancements .flex.aife {

        margin-bottom: 10vw;

    }



    .download_main.relative {

        padding: 20vw 5vw;

        height: auto;

    }



    .download_main.relative >div {

        width: 100% !important;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }



    .download_main.relative >div h3 {

        width: 100% !important;

        margin: 0 !important;

    }



    .download_main.relative >div h2 {

        margin-bottom: 5vw;

    }



    .hover_book {

        --bookWidth: 35vw;

        --cardWidth: 85vw;

        --cardHeight: 50vw;

        bottom: 0;

        top: 5vw;

    }



    .download_main .hover_book {

        left: 0;

    }



    .hover_book .text h2 {

        font-size: 20px;

    }



    .hover_book .text {

        width: 40vw;

    }



    .hover_book .text p {

        font-size: 12px;

        justify-content: space-around;

    }





    .info.flex.pl20.pr4.pt4 {

        /* padding: 0 !important; */

    }



    .roadmap_sec.relative {

        padding: 20vw 5vw;

    }



    .flex.aife {

        margin-bottom: 5vw;

    }





    .page-financial-statements .specialized_sec .left {

        width: 100%;

    }



    .roadmap_sec .inner {

        padding: 0 !important;

        height: auto;

    }



    .business_main {

        padding: 10vw 5vw !important;

    }



    .map_head .map_text {

        width: 100% !important;

    }



    .map_head {

        padding: 20vw 5vw !important;

    }



    .mt5.ml-auto.charimanPin {

        padding: 0;

    }



    .page-corporate-banking .corporate_sec.pl20.pr4.py8 {

        padding: 0;

    }



    .page-corporate-strategy .bgterracotta .absolute.reach-pin.is-inview.sizew20 {

        width: 90%;

        margin: auto;

    }



    .page-corporate-strategy .focus_pin {

        padding: 10vw 0 15vw 5vw !important;

    }



    .card_sec .card .box p {

        width: 100% !important;

    }





    .page-impact-financial .sustain_sec .right {

        padding: 0 !important;

    }



    .page-impact-financial .pin_text>div h2 {

        margin: 0;

    }



    .page-impact-sustainability .corporate_sec.pl20.pr6.py8 {

        padding: 0;

    }



    .page-investments-partnerships div#global {

        padding: 20vw 5vw !important;

    }



    .page-our-people .bgterracotta .reach-pin,

    .page-treasury-and-capital .bgwp .reach-pin,

    .page-investments-partnerships .bgterracotta .reach-pin {

        width: 90%;

        margin: auto;

    }



    .timeline_images{

        z-index: 1;

    }



    h2.fs64.reveal.fw600.co.lhn1.simplereveal.relative.sizew85 {

        width: 100% !important;

    }



    .b-info h2 {

        font-size: 58px;

    }



    .page-risk-management .impact-panel.impact-panel-text.corporate_one.wrapper120.jcc.flex.gap5.pl17.flex.fdc.ht100.aic {

        padding-top: 0 !important;

    }



    .page-our-people .b-info h2{

        font-size: 36px;

    }



    .page-our-people #whatsnext .sustain_sec .left {

        width: 90% !important;

        margin: auto;

    }



    .page-home .business_main .info.pl27.pr10 {

        padding: 0 !important;

    }



    .page-home .sustain_sec {

        height: auto;

    }



    .strengthen_sec  .info.flex.gap5 {

        flex-direction: column;

    }



    .strengthen_sec {

        padding: 20vw 5vw 0 !important;

    }



    .left.mb1.sizew70 {

        width: 100%;

    }



    h2.fs64.reveal.fw600.co.lhn1.simplesimplereveal.relative.sizew70 {

        width: 100%;

    }



    h3.cp.fs34.fw500.lhn1.ml-auto.pr3.sizew55.reveal {

        width: 100% !important;

    }



    .right.sizew30.pt7 {

        width: 100%;

    }



    .strengthen_sec  .rise_sec.pl10.pr5 {

        padding: 15vw 0!important;

    }



    h2.fs58.clp.lhn1.reveal.fw500.sizew75 {

        width: 100%;

        font-size: 38px;

    }



    p.fs34.clp.lhn1.reveal.fw500.mb2 {

        margin-bottom: 10vw !important;

    }



    .goverance_sec .rise_sec.pl25.pr4 {

        padding: 0 5vw !important;

    }



    .strengthen_sec .bgwpl.py3.px2.boxAnim {

        padding: 20px;

    }



    h3.fs20.sizew45.ml-auto.pr1.lhn1.cwp.fw500 {

        width: 100% !important;

    }



    #roadmaptransform2 .info.pl27.pr10.pd_mbl {

        padding: 0 !important;

    }



    .page-index .sustain_sec{

        height: auto;

    }



    h3.cp.fs28.fw400.lhn1.mtt4.sizew75.ml-auto {

        width: 100%;

    }



    .fs52 {

        font-size: 38px;

    }



    .ch_animation .ch_sec2 .left_title h2 {

        font-size: 40px;

    }



    p.fs20.lhn3.cp {

        font-size: 18px !important;

        margin-bottom: 1vw;

    }



    .map_sec .chnage_text .info >div {

        flex-direction: column;

    }



    .map_sec .chnage_text .info >div .para {

        width: 100% !important;

    }



    h3.cp.fs28.fw400.lhn1.sideText.mtt3.sizew75.ml-auto.pr8 {

        width: 100%;

    }



    h3.cp.mb3.fs48.fw400.lhn1.reveal.ls2 {

        font-size: 26px;

    }



    span.cp.fs48.fw400.lhn1.sideText.pr5.ls2 {

        padding: 0;

        font-size: 24px;

    }



    .right_title.sizew100.pl10.ht100.bg-w.flex.jcc.aic.gap10 {

        flex-direction: column;

    }



    .right_title.sizew100.pl10.ht100.bg-w.flex.jcc.aic.gap10 >div {

        width: 100%;

    }



    .fs36 {

        font-size: 24px;

    }



    .mb_arrows .swiper-button-next:before, .mb_arrows .swiper-button-prev:before {

        width: 45px;

        height: 45px;

    }



    .mb_arrows .swiper-button-next, .mb_arrows .swiper-button-prev {

        width: 45px;

        height: 45px;

    }



    .fs20 {

        font-size: 14px !important;

    }



    .left.sizew50.relative.sizeh100.ofh {

        left: 0;

    }



    #roadmaptransform3 .info.flex.pr5 {

        padding: 0 0 0 5vw !important;

    }



    div#excellancetrust {

     padding: 0 5vw !important;

    }



    .flex.jcsb.fdc.pt1.px1.pb2.gap5.bdrb2 {

        padding: 20px;

    }



    #demostrate .corporate_sec.pl20.pr6.py8 {

        padding: 0 5vw !important;

    }



    .page-executive-management .mb_arrows,

    .page-bod .mb_arrows {

        position: absolute;

        top: 55%;

        right: 5vw;

    }



    .page-our-people .reflect.mb10.pl20 {

        padding: 0 5vw;

    }



    div#excellancetrust {

        padding: 20vw 5vw !important;

    }



    #usd h2.fs140.lhn1.cp {

        font-size: 46px;

    }



    #usd h2.fs140.lhn1.sand {

        font-size: 100px;

    }



    .home_ch_sec .inner .right .ftText {

        height: auto;

        padding-bottom: 10vw;

    }



    .previou_btn a .pre p {

        font-size: 16px;

    }



    .menu_btn .inner .nav-container {

        bottom: 15vw;

    }



    .history_btn {

        top: 15vw;

        gap: 5vw;

    }



    .text_animate.light .primay_had h2 {

        color: #4A2244 !important;

    }



    .read_more a:hover svg {

        background: none;

        border-radius: 0;

        fill: #fff;

        stroke: none;

    }



    

    .page-risk-management .sustain_sec {

        height: 160vh;

    }



}