@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;
    left: 0;
    right: 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: 22px;
}
a {
    color: #CE2030;
}
.d-none {
    display: none;
}
.d-block {
    display: block;
}
.wrapper {
    position: relative;
    transition: all .5s ease-in-out;
}
body.no-scroll {
    overflow: hidden !important;
}

/* main-banner  */
/*.main-banner {
    height: 200vh;
}*/
.panel {
    height: 100%;
    padding: 0 10vw 5.1vw;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    display: flex;
    /* align-items: flex-end; */
    /* justify-content: center; */
    flex-direction: column;
    z-index: 2;
    position: relative;
}
.overlayDiv {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
    z-index: 1;
}
.panel .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    /*    overflow: hidden;*/
    mix-blend-mode: difference;
    margin-left: 7vw;
}
.panel .box .line-holder{
    flex: 1;
    overflow: hidden;
}
.panel .box .line-holder .line{
    height: 1px;
    background: #CE2030;
    position: relative;
}
.panel .box span {
    font-weight: 800;
    font-size: 4.8vw;
    line-height: 4.8vw;
    color: #CE2030;
    margin: 0 30px 0 0;
    mix-blend-mode:screen;
    display: block;
}
.panel .box.future span {
    font-size: 12.2vw;
    text-transform: uppercase;
    line-height: 17vw;
    display: block;
/*    padding-left: 3vw;*/
}
.panel .box.future .line {
    height: 0;
}
.panel .box.report {
    font-weight: 800;
    font-size: 24px;
    line-height: 25px;
    color: #7B6E66;
    justify-content: flex-end;
    flex-direction: column;
    align-items: end;
    font-family: 'Frutiger LT Arabic 45';
    margin: 3vh 0 0 6vw;
}
.panel .box.report strong{
    display: block;
    font-weight: bold;
}
.panel .box.report p {
    font-weight: 300;
}

.main-banner {
    height:100vh;
    position:relative;
    width:100vw;
    margin-bottom: 100px;
    overflow: hidden;
}

.flip-set {
    cursor:pointer;
    position:absolute;
    width: 45%;
    /* height: 100%; */
    right: 0;
    top: 50%;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
    display: flex;
    justify-content: end;
    z-index: 3;
    grid-gap: 1.2vw;
    transform: translateY(-50%);
}

.flip-set img {
    object-fit: cover;
    width: 100%;
}

.flip-set .right {
    width: 24%;
    grid-gap: 1vw;
    display: flex;
    flex-direction: column;
}

.flip-set .left {
    width: 50%;
    display: flex;
    flex-direction: row;
    grid-gap: 1vw;
    padding: 7vw 0 0;
}
.set{
    position: relative;
    top: 0;
    right: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
    width: 100%;
    /* height: 100%; */
}
/*.set img{
    width: 100%;
}*/
.set svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
#clip {
    /*  x = 1 / 1440, y = 1 / 720  */
    transform: scale(0.000694444, 0.001699988);
}
#wave-2 {
    visibility: hidden;
}
.set.is-active{
    clip-path: none !important;
}
.set.is-active{
    clip-path: url(#clip);
    object-fit: cover;
}
.scrollDown {
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 5;
    opacity: 1;
    mix-blend-mode: luminosity;
}
.scrollDown a{
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 25px;
    line-height: 25px;
    color: #7B6E66;
    transition: all .5s ease-in-out;
    opacity: 1;
}
.scrollDown a svg {
    animation: arrow-down 1s infinite;
}
.scrollDown a span {
    margin-right: 15px;
    transition: all .5s ease-in-out;
}
.scrollDown a:hover {
    color: #CE2030;
}
.scrollDown a:hover span{
    margin-right: 20px;
}



/* chairmain section  */
.chairman-swiper-main {
    /*margin-top: 110vh;*/
    padding-top: 10vw;
}
/*.chairman-swiper-main .chairmanSwiper {*/
.chairman-swiper-main .chairmanSwiper .swiper-slide{
    position: relative;
    background: url(../images/bg-shadow.png) no-repeat;
    width: 100%;
    background-size: 65%;
    background-position-x: 74%;
    background-position-y: 4vw;
}
.chairman-swiper-main .chairmanSwiper .swiper-slide {
    height: 100%;
}
.chairmanSwiper .swiper-slide {
/*  text-align: center;*/
}
.chairmanSwiper .swiper-content{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    /* flex-direction: column; */
    /* justify-content: center; */
}
.chairmanSwiper .swiper-content .inner {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    display: none;
    visibility: hidden;
}
.chairmanSwiper .swiper-content .inner.active{
    display: block;
    visibility: visible;
}
.chairmanSwiper .swiper-content
{
    background-image: url(../images/bg-shadow.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: contain;
    background-position-x: center;
    background-size: 65%;
    background-position-y: 5vw;
    background-position-x: center;
}
.chairman-swiper-main .heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #7B6E66;
    padding-bottom: 10px;
    margin: 0 0 50px;
    flex-direction: row;
}
.chairman-swiper-main .heading h2{
    font-weight: 700;
    font-size: 32px;
    line-height: 30px;
    color: #7B6E66;
    font-family: 'Frutiger LT Arabic 45';
}
.chairman-swiper-main .heading .right{
    display: flex;
    align-items: center;
    position: relative;
    grid-gap: 1vw;
}
.btn-adjact{
    position: relative;
    display: flex;
    /* right: 8vw; */
    grid-gap: 0 1vw;
    /* bottom: 0; */
    /* height: 100%; */
    top: 10px;
}
.btn-adjact .swiper-button-next, 
.swiper-rtl .swiper-button-prev {
    left: 10px;
    right: auto;
}
.btn-adjact svg {
    fill: #7B6E66;
    transition: all .5s ease-in-out;
    transform: rotate(180deg);
}

.btn-adjact .swiper-button-prev, 
.btn-adjact .swiper-button-next {
    left: 0;
    left: auto;
    border: 1px solid rgba(30, 30, 30, 0.5);
    width: auto;
    height: 30px;
    padding: 5px 10px;
    border-radius: 15px;
    position: relative;
    transition: all .5s ease-in-out;
}
.btn-adjact .swiper-button-prev:hover, 
.btn-adjact .swiper-button-next:hover {
    border-color: rgba(208, 32, 49, 1);
    background: rgba(208, 32, 49, 1);
}
.btn-adjact .swiper-button-prev:hover svg, 
.btn-adjact .swiper-button-next:hover svg{
    fill: #fff;
}
.btn-adjact .swiper-button-next:after, 
.btn-adjact .swiper-button-prev:after
{
    display: none;
}
.btn-adjact .swiper-button-prev:after, 
.btn-adjact .swiper-button-next:after
{
    display: none;
}
.chairman-swiper-main .chairmanSwiper .swiper-slide h3 {
    font-weight: 300;
    font-size: 60px;
    line-height: 80px;
    position: relative;
    margin-bottom: 80px;
    font-family: 'Frutiger LT Arabic 45';
    text-align: right;
}
.chairman-swiper-main .chairmanSwiper .swiper-slide h3:before{
    content: "";
    position: absolute;
    width: 8px;
    height: 50%;
    right: -25px;
    background:#CE2030;
    top: 0;
}
.chairman-swiper-main .chairmanSwiper .swiper-slide h3 strong{
    font-weight: bold;
}
.chairman-swiper-main .chairmanSwiper .infos{
    display: grid;
    grid-template-columns: 30% 40% 30%;
}

.chairman-swiper-main .chairmanSwiper .swiper-content .inner .info-main .left img{}
.chairman-swiper-main .chairmanSwiper .infos .left h4{
    font-weight: 800;
    font-size: 1.4vw;
    line-height: 1;
    color: #CE2030;
    text-transform: uppercase;
}
.chairman-swiper-main .chairmanSwiper .infos .left h5{
    font-weight: 300;
    font-size: 1.4vw;
    line-height: 35px;
    /* font-family: 'Frutiger LT Arabic 45'; */
}
.chairman-swiper-main .chairmanSwiper .infos .left img{
    width: 60%;
}
.chairman-swiper-main .chairmanSwiper .infos .left .img{}
.chairman-swiper-main .chairmanSwiper .infos .left .img img {
    width: 100%;
}
.chairman-swiper-main .chairmanSwiper .infos .arrow-img img {
    width: 60% !important;
    position: relative;
    top: 2vw;
}
.chairman-swiper-main .chairmanSwiper .infos .right .zat
{
    font-size: 21px;
    color: #D02031;
    font-weight: 700;
    margin-bottom: 0;
}

.chairman-swiper-main .chairmanSwiper .infos .right .box-number{
    font-size: 40px;
    color: #D02031;
    font-weight: bold;
    margin-bottom: 60px;
    line-height: 1;
}
.chairman-swiper-main .chairmanSwiper .infos .right .box-number > span{
    font-size: 80px;
    font-weight: bold;
    color: #D02031;
}
.chairman-swiper-main .chairmanSwiper .infos .right .box-number h6{
    margin-top: 20px;
    text-align: end;
    font-size: 25px;
    position: relative;
    width: 66%;
}
.chairman-swiper-main .chairmanSwiper .infos .right .box-number h6.tw{
     width: 76%;
}
.chairman-swiper-main .chairmanSwiper .infos .right .box-number h6:before
{
    content: "";
    position: absolute;
    background: #F5B331;
    right: 0;
    width: 10%;
    height: 6px;
    bottom: 0;
}

.operating-sec
{
    margin-bottom: 100px;
}
.operating-sec .heading
{
    width: 100%;
    border-bottom: solid 1px rgba(123, 110, 102, .5);
    padding-bottom: 30px;
    margin: 0;
}
.operating-sec .heading h2{
    font-weight: 800;
    font-size: 5.5vw;
    line-height: 7vw;
    width: 58%;
    margin-right: auto;
}
.operating-sec .operat{
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 10px 0 24px 30px;
}
.operating-sec .operat .line-bord {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background:rgba(123, 110, 102, .5) ;
}
.operating-sec .operat .left{
    width: 40%;
}
.operating-sec .operat .left .box-number
{
    font-size: 9vw;
    font-weight: 800;
    color: #CE2030;
    line-height: 1;
    display: flex;
}
.operating-sec .operat .left .box-number span{
}
.operating-sec .operat .right{
    width: 60%;
    display: flex;
    align-items: center;
}
.operating-sec .operat .right .svg-holder{
    width: 120px;
    margin: 0 0 0 30px;
}
.operating-sec .operat .right svg{width: 120px;height: 120px;transform: rotate(180deg);}
.operating-sec .operat .right p{
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    padding-left: 10vw;
}
.staying-sec{
    margin-bottom:5vw;
}
.staying-sec img{
    width: 100%;
}
.staying-sec .stay-info{
    display: flex;
    width: 100%;
    align-items: baseline;
}
.staying-sec .stay-info .left{
    width: 60%;
    position: relative;
    border-top: 10px solid #CF202E;
    top: -7vw;
    background: #fff;
    padding: 2vw 2vw;
}
.staying-sec .stay-info .left h2{
    font-weight: 800;
    font-size: 4vw;
    line-height: 5vw;
    color: #7B6E66;
    margin-bottom: 3vw;
}
.staying-sec .stay-info .left a{
    align-items: center;
    color: #CE2030;
    font-size: 22px;
    border: solid 1px;
    padding: 15px 30px;
    display: inline-flex;
    border-radius: 60px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .5s ease-in-out;
    font-family: 'Frutiger LT Arabic 45';
    margin: 0 20px 20px 0;
}
.staying-sec .stay-info .left a.com-btn > div > span:first-child
{
    color: #CE2030;
} 
.staying-sec .stay-info .left a.com-btn:hover span:last-child
{
    transform: translateY(-21px);
}
.staying-sec .stay-info .left a svg{
    margin-left: 15px;
    fill: #CE2030;
    transition: all .5s ease;
}
.staying-sec .stay-info .left a:hover {
    background:  #CE2030;
    color: #fff;
}
.staying-sec .stay-info .left a:hover svg {
    fill: #fff;
}
.staying-sec .stay-info .right{
    width: 40%;
}
.staying-sec .stay-info .right p{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    padding: 0vw 6vw 0 0;
}
.rexture-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height:38vh;
    background: url('../images/rexture-bg.png') no-repeat;
    background-size: cover;
}

.highlights-section {
    background-color: #CE2030;
    color: #fff;
    margin-bottom: 100px;
    padding: 5vw 5vw 7vw;
    /* height: 100vh; */
}
.highlights-section .headings{
    display: flex;
    justify-content: space-between;
    padding-right: 5vw;
    margin: 0 0 10vw;
}
.highlights-section .headings h2{
    font-size: 32px;
    line-height: 1;
    letter-spacing: 0.005em;
    text-transform: uppercase;
    font-family: 'Frutiger LT Arabic 45';
    margin: 0 0 40px;
}
.highlights-section .headings strong {
    font-weight: bold;
}
.highlights-section .headings h3{
    font-weight: bold;
    font-size: 5.5vw;
    line-height: 1.2;
}
.highlights-section .headings .link {
    width: 22%;
}
.highlights-section .headings .link a {
    position: relative;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    transition: all .5s ease-in-out;
    padding: 13px 0;
    color: #fff;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.highlights-section .headings .link a svg {
    fill: #fff;
    stroke:#fff;
    transition: all .5s ease-in-out;
    transform: rotate(180deg);
}
.highlights-section .headings .link a:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    transition: all .5s ease-in-out;
    z-index: -1;
}
.highlights-section .headings .link a:hover {
     color: #CE2030;
     padding: 13px 10px;
}
.highlights-section .headings .link a:hover svg{
     fill: #CE2030;
      stroke:#CE2030;
}
.highlights-section .headings .link a:hover:before {
    height: 100%;
}

.highlights-section .horizantal-num {
    /* float: right; */
    width: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.highlights-section .horizantal-num ul {
    display: flex;
    justify-content: space-between;
}
.highlights-section .horizantal-num ul li {
    height: 70vh;
    display: flex;
    grid-gap: 20px;
}
.highlights-section .horizantal-num ul li .box {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}
.highlights-section .horizantal-num ul li .box .number {
    position: relative;
    /* height: 20%; */
    /* flex: 1; */
    /* flex-direction: column; */
    /* display: flex; */
    /* align-items: end; */
    justify-content: end;
    width: 30px;
}
.highlights-section .horizantal-num ul li .box  .bor {
    width:1px;
    background: #fff;
    flex: 1;
    height: auto;
    position: relative;
}
.highlights-section .horizantal-num ul li .box .line {
    width: 30px;
    background: #F5B331;
    height: 85%;
    position: relative;
}
.highlights-section .horizantal-num ul li .box .number span {
    transform: rotate(-90deg);
    font-family: 'Frutiger LT Arabic 45';
}
.highlights-section .horizantal-num ul li .box .number span.year {
    position: absolute;
    right: -42px;
    bottom: 20px;
    font-size: 22px;
}
.highlights-section .horizantal-num ul li .box .number span.num {
    position: absolute;
    right: -40px;
    bottom: 46px;
    font-size: 30px;
    font-weight: 800;
}

.highlights-section .horizantal-num ul li .box:last-child span.year{
    right: 17px;
}
.highlights-section .horizantal-num ul li .box:last-child .line {
    background: #fff;
    height: 75%;
}

.netIcome-main {
    padding: 10vw 2vw 5px 0;
}
.netIcome-main ul{

}
.netIcome-main ul li {
    display: flex;
    font-family: 'Frutiger LT Arabic 45';
    margin: 0 0 34px;
    /* padding: 0 0 10px; */
    align-items: end;
}
/*.netIcome-main ul li:nth-child(2) {
    width: 77%;
}
.netIcome-main ul li:last-child {
    width: 54%;
}
.netIcome-main ul li:nth-child(2) .inner {
    width: 50%;
}
.netIcome-main ul li:last-child .inner{
    width: 100%;
}*/
.netIcome-main ul li .arrow {
    width: 30px;
    margin-left: 15px;
    margin-bottom: -25px;
}
.netIcome-main ul li .info {
    flex: 1 0 auto;
    display: flex;
    align-items: end;
    padding: 0 0 10px;
    position: relative;
    overflow: hidden;
}
.netIcome-main ul li .info .bor-line {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}
.netIcome-main ul li:nth-child(2) .info .bor-line{
    width: 76%;
}
.netIcome-main ul li:last-child .info .bor-line{
    width: 53%;
}
.netIcome-main ul li .arrow svg {
    width: 30px;
}
.netIcome-main ul li h2{
    font-weight: 300;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.netIcome-main ul li h3{
    font-weight: 700;
    font-size: 36px;
    line-height: 1.7;
    text-transform: capitalize;
}
.netIcome-main ul li span{
    font-weight: 700;
    font-size: 60px;
    line-height: 1;
}
.netIcome-main ul li .info .inner {
    width: 43%;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
/*Arslan*/
.main_bab_wrap {}

.main_bab_wrap .bab_main_right {
    height: 100vh;
    width: 100%;
}

.main_bab_wrap .bab_main_left {
    /*float: left;*/
    width: 100%;
    /*margin-top: 100vh;*/
}

.bab_main_left .layer{
    width: 100%;
    height: 100vh;
    background-color: #F0F0F0;
    mix-blend-mode: color;
}
.main_bab_wrap .bab_main_left .babimg_main {
    margin: 10vw 10vw 0 54%;
    display: flex;
    justify-content: space-between;
    /* padding-top: 10vw; */
    /* opacity: 1; */
    /* mix-blend-mode: multiply; */
    position: relative;
}
.main_bab_wrap .bab_main_left .babimg_main .left_img {
    display: flex;
    justify-content: space-between;
    padding-top: 11vw;
    width: 66%;
}

.main_bab_wrap .bab_main_left .babimg_main .right_img {
    width: 32%;
}

.main_bab_wrap .bab_main_left .babimg_main .left_img > div {
    width: 49%;
    display: block;
}

.main_bab_wrap .bab_main_left .babimg_main .left_img > div img {
    width: 100%;
}

.main_bab_wrap .bab_main_left .babimg_main .right_img > div {
    margin-bottom: 1vw;
}

.main_bab_wrap .bab_main_left .babimg_main .right_img > div img {
    width: 100%;
}

.second_row{
    height: 100vh;
    width: 100%;
    background: #E31937;
}
.third_row{
    height: 100vh;
    width: 100%;
    background: blue;
}
/*Arslan*/
.main_bab_wrap .bab_main_left .babimg_main .right_img .ofh:nth-child(2),
.main_bab_wrap .bab_main_left .babimg_main .right_img .ofh:nth-child(3) {
    opacity: 1;
    mix-blend-mode: difference;
}
.babimg_main .graphBar {
    position: absolute;
    left: 5vw;
    bottom: 2.4vw;
    width: 40%;
    height: 30vh;
    z-index: 2;
    margin: 0 !important;
}
.babimg_main .graphBar ul {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    align-items: end;
}
.babimg_main .graphBar ul li {
    height: 100%;
    flex: 1;
    display: flex;
    align-items: end;
}
.babimg_main .graphBar ul li > div{
    background: rgba(206, 32, 48, 1);
    height: 25%;
    width: 100%;
}
.babimg_main .graphBar ul li:nth-child(2) > div{
    background: rgba(218, 78, 91, 1);
    height: 50%;
}
.babimg_main .graphBar ul li:nth-child(3) > div{
    background: rgba(233, 144, 153, 1);
    height: 75%;
}
.babimg_main .graphBar ul li:last-child > div{
    background: rgba(233, 144, 153, .5);
    height:100%;
}
.chairman-swiper-main .chairmanSwiper .infos .btn_red {
    width: 60%;
}
.chairman-swiper-main .chairmanSwiper .infos .right {
    padding: 5vw 0 0;
}
.btns {
    position: relative;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    transition: all .5s ease-in-out;
    padding: 13px 0;
    color: rgba(123, 110, 102, 1);
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Frutiger LT Arabic 45';
}
.btns:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #CE2030;
    transition: all .5s ease-in-out;
    z-index: -1;
}
.btns svg{
    transition: all .5s ease-in-out;
    fill:#CE2030;
    stroke: #CE2030;
    transform: rotate(180deg);
}
.btns:hover {
    color: #fff;
    padding: 13px 10px;
}
.btns:hover svg{
    fill: #fff;
    stroke:#fff;
}
.btns:hover:before {
    height: 100%;
}
.chairman-swiper-main .chairmanSwiper .infos .img-holder {
    text-align: end;
    display: flex;
    justify-content: flex-end;
    position: relative;
    left: 0;
}
.chairman-swiper-main .chairmanSwiper .infos .img-holder .reveal {
    width: 74%;
    top: 24px;
}
.chairman-swiper-main .chairmanSwiper .infos .img-holder .reveal img{
    width: 100%;
}
.highlights-section .inner {
    overflow: hidden;
}
.reveal {
    visibility: hidden;
    position: relative;
    overflow: hidden;
}
.reveal img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform-origin: left;
}

/*inner page*/
.market-picture-main {
    margin: 0 0 100px;
}

.market-picture-main .market-picture-left {
    height: 90vh;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.market-picture-main .market-picture-left .img-holder{
    width: 100%;
    height: 100%;
}
.market-picture-main .market-picture-left img {
    width: 100%;
    object-fit: cover;
    /* height: 100%; */
}
.market-picture-main .market-picture-right {
    width: 100%;
    padding: 0 11vw 0 0;
    position: relative;
    z-index: 1;
    margin: -29.5vw 0 0;
}
.market-picture-right .inner {
    width: 48vw;
    margin-left: auto;
    background: #fff;
    padding: 60px 40px 60px 60px;
    color: #7B6E66;
    font-family: 'Frutiger LT Arabic 45';
}
.market-picture-right .inner h2  {
    font-weight: 800;
    font-size: 64px;
    line-height: 70px;
    color: #CE2030;
    margin: 0 0 40px;
}
.market-picture-right .inner p {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #7B6E66;
    margin: 0 0 50px;
}
.market-picture-right .inner h3 {
    font-weight: 700;
    font-size: 38px;
    line-height: 44px;
    color: #CE2030;
    margin: 0 0 40px;
}

.retail-main.market-picture-right {
    padding: 0 11vw 0 0;
}

.retail-main .inner{
    margin-left: auto;
    margin-right: 0;
}

.market-picture-right .inner ul {
    padding: 0 50px 50px;
    margin: 0 0 50px 80px;
    border-bottom: 1px solid #7B6E66;
}
.market-picture-right .inner ul li {
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    list-style-type: disc;
}
.staying-sec .stay-info.gover-col  .left h2{
    margin-bottom: 60px;
}
/* bod-main  */
.bod-main {
    height: 100vh;
    background: rgba(123, 110, 102, 1);
    padding: 12vw 0 5vw;
}
.swiper.bodSwiper {
    position:relative;
    overflow: unset;
}
.bod-main .swiper-slide {
    display:flex;
    align-items: flex-end;
    /* justify-content: flex-start; */
}

.bod-main .swiper-slide.swiper-slide-prev .box {
    transform: scale(.8) translate(25%, 12%);
}
.bod-main .swiper-slide .box {
    background: #B6B5B5;
    border-radius: 15px;
    transition: all .5s ease-in-out;
    position: relative;
    overflow: hidden;
    height: 440px;
    /* width: 80%; */
    margin: 0;
    transform: translate(0%, 0%);
    transform: scale(.8) translate(-25%, 12%);
}
.bod-main .swiper-slide .box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: -100%;
    background: #F5B331;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease-in-out;
    z-index: 1;
}
.bod-main .swiper-slide .box img {
    width: 100%;
    /* margin: 0 0 -4px; */
    position: relative;
    z-index: 2;
    /*height: inherit;*/
    object-fit: cover;
}
.bod-main .swiper-slide-active .box{
    /*height: 500px;*/
    width: 100%;
    /* display: flex; */
    /* align-items: end; */
    /* margin: 0 0 3vw; */
    transform: scale(1) translate(0%, -11%);
}
.bod-main .swiper-slide-active ~ .swiper-slide {
    /* justify-content: flex-end; */
}
.bod-main .swiper-slide-active .box:before{
    bottom: 0;
    opacity: 1;
    visibility:visible;
}

.bodSwiper .slides-info {
    position: absolute;
    top: 0;
    right: 16vw;
    z-index: 1;
    color: #fff;
    width: 25vw;
}
.bodSwiper .slides-info .inner {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    display: none;
    visibility: hidden;
}
.bodSwiper .slides-info .inner h2 {
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0.005em;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.bodSwiper .slides-info .inner strong{
    font-weight: bold;
}
.bodSwiper .slides-info .inner h3 {
    font-weight: bold;
    font-size: 44px;
    line-height: 55px;
    margin: 0 0 16px;
}
.bodSwiper .slides-info .inner p {
    font-size: 28px;
    line-height: 1;
    margin: 0 0 20px;
    font-family: 'Frutiger LT Arabic 45';
    font-weight: 300;
}
.bodSwiper .slides-info .inner .lines-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 18px;
    width: 90%;
}
.bodSwiper .slides-info .inner .lines-main .line{
    width: 100%;
    position: relative;
}
.bodSwiper .slides-info .inner .lines-main .line:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background: #CE2030;
    height: 2px;
}
.bodSwiper .slides-info .inner .lines-main .shape{
    width: 20px;
    height: 20px;    
    position: relative;
}
.bodSwiper .slides-info .inner .lines-main .shape:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: #CE2030;
    transform: rotate(45deg);
}
.bodSwiper .slides-info .inner.active {
    display: block;
    visibility: visible;
}
.fraction-arrows
{
    position: relative;
    display: flex;
    grid-gap: 0 1vw;
    top: 0;
    color: #fff;
    justify-content: center;
    padding: 20px 0 0;
    grid-gap: 15px;
}
.fraction-arrows .swiper-button-next{
    left: 10px;
    right: auto;
}
.fraction-arrows svg {
    fill: #fff;
    transition: all .5s ease-in-out;
}
.fraction-arrows .arrows {
    display: flex;
    grid-gap: 6px;
    align-items: center;
}
.fraction-arrows .fraction{
    font-size: 18px;
    font-family: 'Frutiger LT Arabic 45';
    font-weight: bold;
}
.fraction-arrows .swiper-button-prev, 
.fraction-arrows .swiper-button-next {
    left: 0;
    left: auto;
    border: 1px solid rgba(255, 255, 255, 1);
    width: auto;
    height: 30px;
    padding: 5px 10px;
    border-radius: 15px;
    position: relative;
    transition: all .5s ease-in-out;
}
.fraction-arrows .swiper-button-prev:hover, 
.fraction-arrows .swiper-button-next:hover {
    border-color: rgba(208, 32, 49, 1);
    background: rgba(208, 32, 49, 1);
}
.fraction-arrows .swiper-button-prev:hover svg, 
.fraction-arrows .swiper-button-next:hover svg{
    fill: #fff;
}
.fraction-arrows .swiper-button-prev:after, 
.fraction-arrows .swiper-button-next:after,
.fraction-arrows .swiper-button-next:after, 
.fraction-arrows .swiper-button-prev:after
{
    display: none;
}

/* financial-main */
.financial-main {
    margin: 120px 16vw 0;
}
.financial-main .arrow-img {
    width: 16.5vw;
}
.financial-main .arrow-img img {
    width: 100%;
    margin: 0 0 -40px;
}

.continuing-achieve-main {
    margin-bottom: 150px;
    display: flex;
    flex-direction: column;
}
.heading {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 0 100px;
}
.heading h2{
    font-weight: 100;
    font-size: 60px;
    position: relative;
    line-height: 1;
    padding: 0 0 6px;
    margin: 0;
    color: #7B6E66;
    font-family: 'Frutiger LT Arabic 55 Roman';
}
/*.heading h2 {
    position: relative;
}
.heading h2:before {
    content: "";
    position: absolute;
    left: -1vw;
    background: #CE0E2D;
    width: 5px;
    top: 0;
    height: 100%;
}*/
.heading h3{
    font-weight: 800;
    font-size: 60px;
    line-height: 1;
}

.achieveSwiper-mian {
    padding:0 0 100px;
}

.achieveSwiper {
    padding: 0 0 100px;
}

.achieveSwiper .swiper-slide {

}
.achieveSwiper .inner{
    display: flex;
}
.achieveSwiper .inner .col{
    flex: 1;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.achieveSwiper .lines-main {
    display: flex;
    height: 20px;
    align-items: center;
    justify-content: space-between;
    margin: 4px 0 20px 4px;
    width: 60%;
}
.achieveSwiper .lines-main .line{
    width: 100%;
    position: relative;
    height: 10px;
}
.achieveSwiper .lines-main .line:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background: #F5B335;
    transition: all .5s ease;
    height: 100%;
}
.achieveSwiper  .lines-main .shape{
    width: 15px;
    height: 15px;
    position: relative;
    flex: 1 0 auto;
    margin: 0 0px 0 20px;
}
.achieveSwiper  .lines-main .shape:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
    background: #CE2030;
    transform: rotate(45deg);
    transition: all .5s ease;
}
.achieveSwiper .swiper-slide h2{
    font-weight: 300;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 10px;
    color: #7B6E66;
    transition: all .5s ease-in-out;
    transition: all .5s ease;
}
.achieveSwiper .swiper-slide h3{
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
    text-transform: capitalize;
    color: #7B6E66;
    margin: 0 0 40px;
    transition: all .5s ease-in-out;
    transition: all .5s ease;
}
.achieveSwiper .swiper-slide .info {
    padding: 0 0  0 4vw;
}
.achieveSwiper .inner h5 {
    font-weight: 700;
    font-size: 60px;
    line-height: 1;
    color: #7B6E66;
    transition: all .5s ease;
    transition: all .5s ease-in-out;
}
.achieveSwiper .swiper-slide.swiper-slide-active h2,
.achieveSwiper .swiper-slide.swiper-slide-active h3,
.achieveSwiper .swiper-slide.swiper-slide-active h5 {
    color: #CE2030;
}
.achieveSwiper .swiper-slide.swiper-slide-active .lines-main .shape:before {
    background: rgba(245, 179, 49, 1);
}
.achieveSwiper .swiper-slide.swiper-slide-active .lines-main .line:before {
    background: rgba(206, 32, 48, 1);
}
/*chairman-main*/
.chairman-main {
    position: relative;
    background: none;
    width: 100%;
    background-size: 65%;
    background-position-x: 8vw;
}
.chairman-main .chairmanSwiper .swiper-slide {
    background: none;
}
.chairman-main .chairman-swiper-main {
    height: 100%;
    padding: 0;
}
.chairman-main .left{
    width: 59%;
    z-index: 1;
    position: relative;
    padding-top: 170vh;
}
.chairman-main .right{
    width: 100%;
    float: left;
    height: 100vh;
    position: relative;
    left: 0;
}
.chairman-main  .chairman-swiper-main .heading {
    display: flex;
    align-items: flex-start; 
    border-bottom: 1px solid #7B6E66;
    padding-bottom: 20px;
    margin: 0 0 50px;
    top: 9vw;
    right: 0;
    width: 100%;
}
.chairman-main .heading {
    margin: 8vw 0 0;
    z-index: 2;
}
.chairman-main .heading h2 {
    font-size: 4vw;
    text-transform: capitalize;
    line-height: 1;
    font-weight: 800;
    border-bottom: 1px solid #7B6E66;
    padding: 0 3.5vw 30px;
    font-family: 'Frutiger LT Arabic 55 Roman';
}
.chairman-main .heading h2:before {
    display: none;
}
.chairman-main .inner {

}
.chairman-main .frameBg,
.chairman-main .innerShadow,
.chairman-swiper-main .frameBg,
.chairman-swiper-main .innerShadow {
    position: absolute;
    top: 0;
    right: 0;
}
.chairman-swiper-main .frameBg {
    background: url(../images/char-man.png) no-repeat;
    height: 100%;
}
.chairman-swiper-main .innerShadow {
    background: url(../images/bg-shadow1.png) no-repeat;
    width: 100%;
    height: 100%;
}
.chairman-main {
    position: relative;
}
.chairman-main .frameBg {
    background: url(../images/char-man.png) no-repeat;
    height: 100%;
    /* z-index: 1; */
    width: 100%;
    background-size: 21%;
    background-position-x: 8.5vw;
    background-position-y: 7vw;
}
.chairman-main .innerShadow {
    background: url(../images/bg-shadow1.png) no-repeat;
    width: 100%;
    height: 100%;
    background-position-y: 30%;
    background-size: 70%;
    background-position-x: center;
}
.chairman-main .chairman-swiper-main .chairmanSwiper .infos .left {
    bottom: 11vw;
}
.operating-income-main {
    background: rgb(240,240,240);
    background: linear-gradient(-90deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 88%, rgba(240,240,240,0) 100%);
    padding: 3vw 7vw;
    display: flex;
    justify-content: space-between;
    grid-gap: 5vw;
    width: 100%;
    margin: 80px 0 80px;
    align-items: baseline;
}
.operating-income-main .box{
    width: 100%;
    flex: 1;
    color: #70675F;
    display: flex;
    align-items: flex-end;
    /* width: 50%; */
}
.operating-income-main .box:last-child .million span{
    margin: 0;
}
.operating-income-main .box .shape{
    width: 20px;
    height: 20px;
    position: relative;
    flex: 1;
}
.operating-income-main .box .shape:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
    display: none;
    background: #CE2030;
    transform: rotate(45deg);
}
.operating-income-main .box h2{
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #70675F;
    margin: 0 0 16px;
     font-family: 'Frutiger LT Arabic 45';
}
.operating-income-main .box span{font-size: 4.7vw;}
.operating-income-main .box h3 {
    color: #CE2030;
    font-weight: 800;
    font-size: 3vw;
    line-height: 1;
    text-transform: uppercase;
}
.operating-income-main .box h4 {

}
.operating-income-main .box .detail {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    flex-direction: column;
    flex: 1 0 auto;
    padding: 0 0 0 1.2vw;
}
.operating-income-main .box .detail .sar {
    display: flex;
    align-items: baseline;
    margin: 0 0 20px;
}

.operating-income-main .box .detail  .sar > span {
    margin: 0 0 0 20px;
    font-weight: 800;
    font-size: 22px;
    text-transform: uppercase;
    color: #70675F;
}
.operating-income-main .box .million {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 1vw;
}
.operating-income-main.seo-icon .box {
    width: 70%;
    flex: inherit;
}
.operating-income-main.seo-icon .box .shape {
    flex: 1 0 auto;
}
.operating-income-main.seo-icon .box .shape {
    margin: 0 0 13px;
    display: none;
}
.operating-income-main.seo-icon .box .million {
    flex-direction: column;
}
.operating-income-main .box .million span {
    flex: 1 0 auto;
    margin: 0 10px 0 0;
    color: #CE2030;
    font-weight: 800;
    font-size: 24px;
    line-height: 1;
}

.operating-income-main .box .million .line {
    background: #CE2030;
    width: 100%;
    position: relative;
    top: 1vw;
    height: 2px;
}
.chairman-content {
    padding: 0 4vw 5vw 12vw;
}
.operating-income-main.breached-main {
    background: #7B6E66;
    padding: 3vw;
}
.breached-main .box h2{
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    margin: 0 0 16px;
    font-family: 'Frutiger LT Arabic 45';
}
.breached-main .bil {
    text-transform: capitalize;
    font-size: 1.5vw;
}
.breached-main .box span{

}
.breached-main .box .sar {
    color: rgba(245, 179, 49, 1);
}
.breached-main .box h3 {
    color: #CE2030;
    font-weight: 800;
    font-size: 4.5vw;
    line-height: 1;
    color: rgba(245, 179, 49, 1);
    text-transform: uppercase;
}
.operating-income-main .box .detail .sar > span {
    color: rgba(245, 179, 49, 1);
}
.breached-main .box h4 {

}
.breached-main .box .detail {
    padding: 0;
}
.breached-main .box .million {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.breached-main .box .million span {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

.breached-main .box .million .line {
    background: rgba(245, 179, 49, 1);
}

.chairman-content > h2  {
    font-weight: 700;
    font-size: 35px;
    line-height: 42px;
    color: #7B6E66;
    margin: 0 0 40px;
    font-family: 'Frutiger LT Arabic 45';
}
.chairman-content > h3 {
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: #CE0E2D;
    margin: 0 0 50px;
    font-family: 'Frutiger LT Arabic 45';
}
.chairman-content > p {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #7B6E66;
    margin: 0 0 30px;
    font-family: 'Frutiger LT Arabic 45';
}
.breached-main {
    border-radius: 10px;
    margin: 10px 0 40px;
}
.mubadarah-main {
    display: flex;
    justify-content: space-between;
    margin: 90px 0;
}
.mubadarah-main .box{
    flex: 1 0 auto;
}
.mubadarah-main .box p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #7B6E66;
    margin: 0;
    font-family: 'Frutiger LT Arabic 45';
}
.mubadarah-main .box h2  {
    font-weight: 700;
    font-size: 5vw;
    line-height: 1;
    color: #CE0E2D;
    margin: 0;
    font-family: 'Frutiger LT Arabic 55 Roman';
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.mubadarah-main .box h2 span.more {
    font-size: 24px;
    /* font-family: 'Frutiger LT Arabic 45'; */
    font-weight: 400;
    margin-bottom: 5px;
}
.mubadarah-main .box h3 {
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: #CE0E2D;
    margin: 0 0 50px;
    font-family: 'Frutiger LT Arabic 45';
}
.mubadarah-main .box h4 {
    font-weight: 300;
    font-size: 2.5vw;
    line-height: 1.2;
    color: #CE0E2D;
    margin: 0 0 0;
    font-family: 'Frutiger LT Arabic 45';
    word-break: break-all;
}
.mubadarah-main .box:first-child {
    width: 25%;
    flex: initial;
    padding: 0;
}
.mubadarah-main .box:last-child {
    padding: 0 5vw 0 0;
}
.mubadarah-main .million {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mubadarah-main .million span {
    color: #CE0E2D;
    font-size: 22px;
    font-weight: 400;
    flex: 1 0 auto;
    margin: 0 0 0 10px;
}

.mubadarah-main .million .line {
    background: #F5B331;
    width: 100%;
    height: 2px;
}
.page-step {
    display: flex;
    padding: 2vw 0 2vw;
    border-top: 1px solid rgba(0,0,0,.3);
    margin: 0 3vw;
}
.page-step a{ 
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 22px;
    line-height: 1;
    color: #7B6E66;
    transition: all .5s ease-in-out;
}
.page-step a span {
    margin: 0 20px 0 0;
}
.page-step a svg {
    width: 100px;
    height: auto;
    margin: 0 -30px 0 0;
    transition: all .5s ease-in-out;
    transform: scale(1);
}
.page-step a:hover {
    color: #CE0E2D;
}
.page-step a:hover svg{
    color: #CE0E2D;
    transform: scale(1.1);
}
.shareholders {
    padding: 0 5vw 0 15vw;
}
.shareholders h2{
    font-style: normal;
    font-weight: bold;
    font-size: 38px;
    line-height: 1.7;
    color: #D02031;
    margin: 0 0 50px;
}
.shareholders p{
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #7B6E66;
    margin: 0 0 30px;
    font-family: 'Frutiger LT Arabic 45';
    padding: 0 0 30px;
    margin: 0 3vw 0 0;
    position: relative;
}
.shareholders p:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 160px;
    height: 4px;
    background: rgba(245, 179, 49, 1);
}
.growth-main  {
    margin: 80px 0 120px;
}
.growth-main .inner{
    display: flex;
    align-items: center;
}

.growth-main .img{
    width: 50%;
}
.growth-main .img img{ 
    width: 100%;
}
.growth-main .growth-info{
    width: 100%;
    padding: 0 30px 0 0;
}
.growth-main p{
    font-weight: 300;
    font-size: 32px;
    line-height: 40px;
    font-family: 'Frutiger LT Arabic 45';
    color: #CE0E2D;
}

.chairman-content > h2.big-head  {
    font-size: 60px;
    line-height:70px;
    text-transform: uppercase;
    color: #CE2030;
    font-family: 'Frutiger LT Arabic 55 Roman';
}

.chairman-main.ceo-main .right{
    width: 50%;
}
.chairman-main.ceo-main .chairman-swiper-main .chairmanSwiper .infos .img-holder .reveal {
    width: 80%;
}
.chairman-main.ceo-main  .chairman-swiper-main .chairmanSwiper .infos .left {
    width: 70%;
    left: 50px;
}
.chairman-main.ceo-main .innerShadow {
    background-position-y: -50%;
    background-size: 100%;
    background-position-x: center;
}
.chairman-main.ceo-main .frameBg {
    background-size: 36%;
    background-position-x: 3.5vw;
    background-position-y: 12vw;
}

.chairman-main.ceo-main .left {
    z-index: 1;    
    padding: 6vw 0 0;    
}
.chairman-main.ceo-main .right {
    z-index: 2;        
}
.chairman-main.ceo-main .operating-income-main .box .million {
    align-items: flex-start;
    padding: 0;
}
.chairman-main.ceo-main .operating-income-main .box .detail {
    width: 100%;
}
.chairman-main.ceo-main .operating-income-main .box .million span {
    margin: 0;
}
.operating-income-main.totalOper {
    background: #CE0E2D;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: 3vw;
    align-items: center;
    grid-gap: 5vw;
}
.operating-income-main.totalOper .box:first-child {
    width: 30%;
    flex: auto;
}
.operating-income-main.totalOper .box:first-child img {
    width: 100%;
}
.operating-income-main.totalOper .box:last-child {
    width: 41%;
    flex-direction: column;
    align-items: end;
    flex: auto;
}
.totalOper  {
    color: #fff;   
}
.operating-income-main.totalOper .box h2{

}
.operating-income-main.totalOper .box h2{
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 6px;
    font-family: 'Frutiger LT Arabic 45';
}
.operating-income-main.totalOper .box span{

/* color: #fff; */
}
.operating-income-main.totalOper .box h3 {
    color: #F5B331;
    font-weight: 800;
    font-size: 4vw;
    line-height: 1;
    text-transform: uppercase;
    margin: 0 0 10px; 
}
.operating-income-main.totalOper .box span.more {
    color: #fff;
    font-size: 1.8vw;
}
.operating-income-main.totalOper .box .detail  .sar {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
}

.operating-income-main.totalOper  .box .detail  .sar > span {
    margin: 0 20px 0 0;
    font-weight: 800;
    font-size: 22px;
    text-transform: uppercase;
}
.operating-income-main.totalOper  .box .million {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.operating-income-main.totalOper .seo-icon .box {
    width: 70%;
    flex: inherit;
}
.operating-income-main.totalOper .box .million > span {
    color: #fff;
}
.operating-income-main.totalOper .box .million .line {
    background: #F5B331;
    height: 1px;
    margin: 0 0 0 10px;
}
.operating-income-main.totalOper .box .million{
    width: 100%;
   
    align-items: center !important;
}

/*treasury-ban*/
.treasury-ban {
    margin: 0 !important;
}
.treasury-ban .text {
    left: 0;
    display: flex;
    left: auto;
    /* justify-content: flex-end; */
    padding: 0 0 0 0;
    flex-direction: column;
    width: 100%;
}
.treasury-ban .text h3{
    width: 48% !important;
    margin: 0 auto 0 0;
    padding: 0;
    left: 7vw !important;
}

.port-sec,
.major-projects-holer {
    display: flex;
}
.port-sec .left,
.major-projects-holer .major-left {
    width: 30%;
}
.port-sec .right,
.major-projects-holer .major-right {
    width: 70%;
}

.treasury-main {
     position: relative;
}
.treasury-graph {
    position: relative;
    padding: 4vw 0 5vw;
    display: flex;
}
.treasury-graph:before {
    content: '';
    position: absolute;
    top: 0;
    left:  0;
    width: 100%;
    height: 80vh;
    background: #CE2030;
    z-index: -1;
}
.treasury-graph .left {
    width: 50%;
    height: 90vh;
    padding: 0 5vw 4vw 7vw;
    display: flex;
    align-items: end;
    flex-direction: column;
    justify-content: end;
}
.treasury-graph .left::before {
    content: "";
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 95%;
    height: 71vh;
    background: #CE2030;
    z-index: -1;
}
.treasury-graph .left h2{
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-align: right;
    color: #F5B335;
    font-family: 'Frutiger LT Arabic 45';
    margin: 0 0 20px;
}
.treasury-graph .right {
    width: 50%;
    padding-left: 7vw;
    background: #fff;
    margin-top: 80vh;
}

.treasury-graph .right h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    color: var(--bodyText);
    font-family: 'Frutiger LT Arabic 45';
}
.treasury-graph p {
    font-size: 20px;
    line-height: 24px;
    font-family: 'Frutiger LT Arabic 45';
}
.treasury-graph h3 {
    font-weight: bold;
     font-size: 22px;
    line-height:28px;
    font-family: 'Frutiger LT Arabic 45';
}
.treasury-graph h4 {
    font-weight: bold;
    font-size: 24px;
    line-height:30px;
    font-family: 'Frutiger LT Arabic 45';
    color: #CE0E2D;
}
.treasury-graph h5 {
    font-weight: bold;
    font-size: 28px;
    line-height:34px;
    font-family: 'Frutiger LT Arabic 45';
    color: #CE0E2D;
}

.graph-treasury {
    width: 100%;
    height: 45vh;
}

.graph-treasury ul {
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.graph-treasury ul li {
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.graph-treasury ul li .growth {
    font-size: 14px;
    font-family: 'Frutiger LT Arabic 45';
    text-align: right;
    line-height: 16px;
}
.graph-treasury ul li .box {
    position: relative;
    display: flex;
    flex-direction: column;
}
.graph-treasury ul li .box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #F5B335;
}
.graph-treasury ul li .box .number {
    text-align: right;
    padding: 10px 0 6px 6px;
    font-family: 'Frutiger LT Arabic 45';
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    text-align: left;
    color: #fff;
}

.graph-treasury ul li .box .years {
    position: relative;
    height: 100%;
    flex: 1 0 auto;
    display: flex;
    align-items: end;
    justify-content: end;
    padding: 0 8px 24px 0;
    font-size: 20px;
    line-height: 1px;
    color: #CE2030;
    position: relative;
}
.graph-treasury ul li .box .years p{
     font-size: 20px;
     line-height: 20px;
     font-family: 'Frutiger LT Arabic 45';
     position: absolute;
     bottom: 35px;
     right: 6px;
     font-weight: bold;
}
.graph-treasury ul li .years:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 100%;
    background: #fff;
    z-index: -1;
}
.graph-treasury ul li:nth-child(1) .box{
    height: 35%;
}
.graph-treasury ul li:nth-child(2) .box{
    height: 100%;
}
.graph-treasury ul li:nth-child(3) .box{
    height: 37%;
}
.graph-treasury ul li:nth-child(4) .box{
    height: 42%;
}
.graph-treasury ul li:nth-child(5) .box{
    height: 70%;
}
.financial-review .kingdom-sec{
    margin: 0;
}


.full-financials-main {
    height: 100vh;
    margin-bottom: 10vw;
}
.graphChartSwiper.swiper {
    height: 100%;
    position: relative;
}
.graphChartSwiper.swiper .swiper-slide {
    height: 100%;
}

.full-financials {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.full-financials .head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5vw;
}

.full-financials .head .right {
    width: 20%;
}

.full-financials .head p {
    width: 60%;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
    color: #7B6E66;
    position: relative;
    padding: 0vw 2vw;
}
.full-financials .head p:before {
    content: "";
    position: absolute;
    right: 0;
    background: #CE0E2D;
    height: 100%;
    width: 6px;
}
.full-financials .graph-main {
    height: 60vh;
    position: relative;
    padding: 5vw 0 0vw;
}

.full-financials .graph-main .lines {
    height: 100%;
}

.full-financials .graph-main .lines ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.full-financials .graph-main .lines ul li {
    display: flex;
    justify-content: space-between;
    flex: 1 0 auto;
    align-items: flex-end;
    position: relative;
}

.full-financials .graph-main .lines ul li .number {
    width: 100px;
}

.full-financials .graph-main .lines ul li .number .line {
    flex: 1 0 auto;
}
.full-financials .graph-main .lines ul li .line-main {
    width: 100%;
    height: 100%;
    position: relative;
}
.full-financials .graph-main .lines ul li .number .line {
    width: 100%;
    height: 1px;
    background: aqua;
}
.full-financials .graph-main .lines ul li .line-left {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: rgba(170, 170, 173, .5);
}
/*.full-financials .graph-main .lines ul li .line {
    width: 100%;
    height: 100%;
    position: relative;
}*/
.full-financials .graph-main .lines ul li .line {
    position: absolute;
    bottom: 0;
    right: -10px;
    width: 100%;
    height: 1px;
    background: rgba(170, 170, 173, .5);
}

/*.full-financials .graph-main .lines ul li .line:after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: -10px;
    width: 100%;
    height: 1px;
    background: rgba(123, 110, 102, 1);
}*/
.full-financials .horizantal-num {
    /* float: right; */
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 2vw;
}
.full-financials .horizantal-num ul {
    display: flex;
    justify-content: space-evenly;
}
.full-financials .horizantal-num ul li {
    height: 50vh;
    display: flex;
    grid-gap: 20px;
    padding: 0 0 10px;
    /* flex-direction: row-reverse; */
}
.full-financials .horizantal-num ul li .box {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}
.full-financials .horizantal-num ul li .box .number {
    position: relative;
    justify-content: end;
    width: 30px;
}
.full-financials .horizantal-num ul li .box  .bor {
    width:1px;
    background: #7B6E66;
    flex: 1;
    height: auto;
    position: relative;
}
.full-financials .horizantal-num ul li .box .line {
    width: 30px;
    background: #F5B331;
    height: 30%;
    position: relative;
}
.full-financials .horizantal-num ul li .box .number span {
    transform: rotate(-90deg);
    font-family: 'Frutiger LT Arabic 45';
}
.full-financials .horizantal-num ul li .box .number span.year {
    position: absolute;
    right: -40px;
    bottom: 20px;
    font-size: 22px;
}
.full-financials .horizantal-num ul li .box .number span.num {
    position: absolute;
    left: -40px;
    bottom: 46px;
    font-size: 30px;
    font-weight: 800;
}

.full-financials .horizantal-num ul li .box:last-child span.year{
    right: 23px;
}
.full-financials .horizantal-num ul li .box:last-child .line {
    background: #F5B331;
    height: 25%;
}
.full-financials .head .right span {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
    font-family: 'Frutiger LT Arabic 45';
}
.full-financials .head .right ul {
    padding: 0vw 0vw 0 1vw;
}
.full-financials .head .right ul li {}

.full-financials .head .right ul li .shape {
    width: 12px;
    height: 12px;
    background: #FBB040;
    position: relative;
    top: 19px;
    right: -20px;
}
.full-financials .head .right ul li .shape.clr_red
{
    background: #E31937;
}
.full-financials .head .right ul li .shape.clr_gray
{
    background: #7B6E66;
}
.full-financials .head .right ul li span {
    font-size: 22px;
    font-weight: 300;
    margin: 0;
}
.hight
{
    height: 100vh;
}
.full-financials .horizantal-num ul li .box.box2 .line 
{
    background: #E31937;
    height: 70%;
}
.full-financials .horizantal-num ul li .box.box2:last-child .line {
    height: 60%;
}
.full-financials .horizantal-num ul li .box.box3 .line
{
    background: #7B6E66;
    height: 35%;
}
.full-financials .horizantal-num ul li .box.box3:last-child .line
{
    background: #7B6E66;
    height: 30%;
} 
.full-financials .graph-main .lines ul li:nth-child(1) .line:before
{
    height: 40%;
    top: 3vw;
}
.full-financials-main .graphChartSwiper .new-btn{}
.full-financials-main .graphChartSwiper .new-btn a{}
.full-reports-main {
    display: flex;
    padding: 0 0 10vw;
    margin: 0 0 10vw;
}
.full-reports-main a{
    align-items: center;
    color: #CE2030;
    font-size: 24px;
    border: solid 1px;
    padding: 12px 30px;
    /* display: inline-flex; */
    border-radius: 60px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all .5s ease-in-out;
    font-family: 'Frutiger LT Arabic 45';
    margin: 0 20px 20px 0;
    display: flex;
    line-height: 18px;
}
.full-reports-main a.com-btn:hover span:last-child {
    transform: translateY(-21px);
}
.full-reports-main a svg{
    margin-left: 10px;
    fill: #CE2030;
    transition: all .5s ease;
}
.full-reports-main a:hover {
    background:  #CE2030;
    color: #fff;
}
.full-reports-main a:hover svg {
    fill: #fff;
}
/* achieving-goals-main  */
.achieving-goals-main {
    height: 125vh;
    margin: 0 0 5vw;
    border-bottom: 1px solid rgba(0,0,0,.3);
    padding-bottom: 5vw;
    background: url('../images/circle-big.png') no-repeat;
    background-size: 43%;
    background-position-x: left;
    background-position-y: -3%;
}
.goalsSwiper .goal-text {
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
}
.goalsSwiper .goal-text .inner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    opacity: 0;
    visibility: hidden;
}
.goalsSwiper .goal-text .inner.active {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
.goalsSwiper .goal-text .inner .heading {
    margin-bottom: 4vw;
}
.goalsSwiper .goal-text .inner h4{
    font-family: 'Frutiger LT Arabic 45';
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #7B6E66;
}
.goalsSwiper .goal-text .inner p{
    font-family: 'Frutiger LT Arabic 45';
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #7B6E66;
}   
.goalsSwiper .goal-text .inner p{
    font-family: 'Frutiger LT Arabic 45';
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    color: #7B6E66;
}   
.goalsSwiper .goal-text .inner h5{
    font-weight: 800;
    font-size: 40px;
    line-height: 1;
    color: #CE2030;
}
.goalsSwiper .swipe-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 42%;
    border-top: 4px solid #7B6E66;
    height: 20%;
    padding: 0 0 0;
}
.goalsSwiper .swipe-text .inner {
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #7B6E66;
    position: absolute;
    top: 2vw;
    width: 100%;
    height: 100%;
    right: 0;
    opacity: 0;
    visibility: hidden;
}
.goalsSwiper .swipe-text .inner.active {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.years-holder {
    width: 42.5%;
    height: 80vh;
    position: absolute;
    top: 0;
    left: 0;
    /* background: url('../images/circle-big.png') no-repeat;
    background-size: 62%;
    background-position-x: right;*/
}
.years-holder ul{

display: flex;

height: 100%;

align-items: end;
}
.years-holder ul li{
    flex: 1;
}
.years-holder ul li.active{
    flex: 2;
}
.years-holder ul li .shape {
    height: 8vw;
    background: rgba(182, 181, 181, 1);
    border-radius: 10px;
    width: 100%;
    position: relative;
}
.years-holder ul li.active .shape {
    background: #CE2030;
}
.years-holder ul li .shape span{
    color: #fff;
    position: absolute;
    left: 20px;
    bottom: 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    font-family: 'Frutiger LT Arabic 45';
    opacity: 0;
    visibility: hidden;
}
.years-holder ul li.active .shape span.active {
    opacity: 1;
    visibility: visible;
}
.years-holder ul li:nth-child(1){

}
.years-holder ul li:nth-child(2){
    flex: 1.4;
    padding: 0 0 8vw;
}
.years-holder ul li:nth-child(3){
    flex: 1.2;
    padding: 0 0 14vw;
}
.years-holder ul li:nth-child(2) .shape {
    height: 6vw;
}
.years-holder ul li:nth-child(3) .shape {
    height: 5vw;
     background: rgba(182, 181, 181, .8);
}
.years-holder ul li:nth-child(4) .shape {
    height: 4vw;
     background: rgba(182, 181, 181, .7);
}
.years-holder ul li:nth-child(4){
    flex: 1;
    padding: 0 0 19vw;
}
.years-holder ul li:nth-child(5) {
    flex: 1;
    padding: 0 0 23vw;
    position: relative;
    left: -.5vw;
}
.years-holder ul li:nth-child(5) .shape {
    height: 3vw;
    width: 3vw;
     background: rgba(182, 181, 181, .6);
}
.years-holder ul li:nth-child(6) {
     padding: 0 0 26vw;
     position: relative;
     right: 0;
}
.years-holder ul li:nth-child(6) .shape {
    height: 2.5vw;
    width: 2.5vw;
     background: rgba(182, 181, 181, .5);
}
.years-holder ul li:nth-child(7) {
     padding: 0 0 28.6vw;
     position: relative;
     right: -1vw;
}
.years-holder ul li:nth-child(7) .shape {
    height: 2vw;
    width: 2vw;
     background: rgba(182, 181, 181, .4);
}
.years-holder ul li:nth-child(8) {
     padding: 0px 0 30.5vw;
     position: relative;
     right: -3vw;
}
.years-holder ul li:nth-child(8) .shape {
    height: 1.6vw;
    width: 1.6vw;
     background: rgba(182, 181, 181, .3);
}
.years-holder ul li:nth-child(9) {
     padding: 0 0 26.5vw;
}
.years-holder ul li:nth-child(9) .shape {
    height: 2.2vw;
    width: 2.2vw;
}
.years-holder ul li:nth-child(10) {
     padding: 0 0 26.5vw;
}
.years-holder ul li:nth-child(10) .shape {
    height: 2vw;
    width: 2vw;
}
.years-holder ul li:nth-child(11) {
     padding: 0 0 26.5vw;
}
.years-holder ul li:nth-child(11) .shape {
    height: 1.8vw;
    width: 1.8vw;
}
.years-holder ul li:nth-child(12) {
     padding: 0 0 26.5vw;
}
.years-holder ul li:nth-child(12) .shape {
    height: 1.6vw;
    width: 1.6vw;
}

.years-holder ul li:nth-child(5) .shape, 
.years-holder ul li:nth-child(6) .shape, 
.years-holder ul li:nth-child(7) .shape, 
.years-holder ul li:nth-child(8) .shape, 
.years-holder ul li:nth-child(9) .shape, 
.years-holder ul li:nth-child(10) .shape, 
.years-holder ul li:nth-child(11) .shape, 
.years-holder ul li:nth-child(12) .shape {
    border-radius: 50%;
}

.goalsSwiper .arrow-new.arrow-new2 {
    position: absolute;
    bottom: 5.5vw;
    left: 0;
    z-index: 1;
    width: 40%;
    display: flex;
    align-items: center;
    flex-direction: row;
}
.goalsSwiper .arrow-new.arrow-new2 .fraction {
    margin-left: 1.5vw;
}

.operating-sec .heading h2:before {
    display: none;
}

/* Hamza */
.chairman-swiper-main .chairmanSwiper .infos .left{
    position: absolute;
    width: 30%;
    bottom: 0vw;
    right: 150px;
}
.chairman-swiper-main .chairmanSwiper .infos .img-holder{
    text-align: end;
}
.chairman-swiper-main .chairmanSwiper .infos .img-holder img {
    margin-bottom: -10px;
}
.chairman-swiper-main .chairmanSwiper .infos
{
        grid-template-columns: 65% 35%;
}
.chairman-swiper-main .chairmanSwiper .infos .left .img-holder
{
    text-align: right;
}
.chairman-swiper-main .chairmanSwiper .infos .left .arrow-img {
    margin-top: 5vw;
    right: -50px;
    position: relative;
}
.inner-banner{
    height: 100vh;
    overflow: hidden;
    position: relative;
    margin-bottom: 80px;
}
.inner-banner .bannar-img{}
.inner-banner .bannar-img img{
    width: 100%;
    display: flex;
    /*filter: brightness(0.5);*/
}
.inner-banner .text{
    position: absolute;
    top: 10vw;
    width: 100%;
    color: #fff;
}
.inner-banner .text h2{
    font-weight: 800;
    font-size: 4vw;
    /* border-bottom: solid 1px rgba(255, 255, 255, .3); */
    padding: 0vw 5vw;
    padding-bottom: 40px;
    margin-bottom: 40px;
    position: relative;
}
.inner-banner .text .digi-wd
{
    line-height: 60px;
    width: 60%;
}
.inner-banner .text h3{
    font-weight: 700;
    font-size: 2.2vw;
    position: relative;
    line-height: 2.6vw;
    padding: 0vw 7vw 0 0;
    width: 55%;
    font-family: 'Frutiger LT Arabic 45';
}
.inner-banner .text .cont-pt
{
    margin-top: 5vw;
    font-family: 'Frutiger LT Arabic 45';
}
.inner-banner .text h3:before
{
    content: "";
    position: absolute;
    right: 5vw;
    background: #CE0E2D;
    height: 100%;
    width: 6px;
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-wrapper {
}
.bannar-swiper{
    position: absolute;
    right: 0;
    bottom: 2%;
    width: 100%;
    z-index: 2;
}
.bannar-swiper .inner{
    display: grid;
    background: #fff;
    width: 98%;
    margin: auto;
    border-radius: 10px;
    align-items: center;
    display: flex;
}
.bannar-swiper .inner .left {
    width: 15%;
}
.bannar-swiper .inner .left  .arrow-adj{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bannar-swiper .inner .left .arrow-adj .fraction2{position: absolute;bottom: 8vw;left: 1vw;}
.bannar-swiper .inner .left  .arrow-adj .swiper-button-next
{
    right: 0;
    border-bottom: solid 1px rgba(123, 110, 102, .6);
    width: 100%;
    padding-bottom: 50px;
    margin: 0;
}
.bannar-swiper .inner .left  .arrow-adj .swiper-button-prev{
    left: 0px;
    right: auto;
    top: 0;
    margin: 0;
    padding-top: 50px;
}
.swiper-button-next, .swiper-button-prev {
    position: relative !important; 
}
.bannar-swiper .inner .right {
    width: 85%;
    border-right:  solid 1px rgba(123, 110, 102, .6);
}
.bannar-swiper .inner .right .strategic{}
.bannar-swiper .inner .right .strategic .stage-sec{
    display: flex;
    align-items: center;
}
.bannar-swiper .inner .right .strategic .stage-sec .left{
    width: 60%;
    padding: 0vw 5vw;
}
.bannar-swiper .inner .right .strategic .stage-sec .left h2{
    font-size: 28px;
    margin-bottom: 15px;
    font-weight: 300;
    text-transform: uppercase;
    color: #7B6E66;
}
.bannar-swiper .inner .right .strategic .stage-sec .left strong
{
    font-weight: 800;
}
.bannar-swiper .inner .right .strategic .stage-sec .left a{
    font-weight: 300;
    font-size: 24px;
    line-height: 33px;
    color: #7B6E66;
    font-family: 'Frutiger LT Arabic 45';
}
.bannar-swiper .inner .right .strategic .stage-sec .left a svg
{
    margin-right: 20px;
    fill: #7B6E66;
}
.bannar-swiper .inner .right .strategic .stage-sec .right{
    width: 40%;
    padding: 1vw 1vw;
    border: none;
}
.bannar-swiper .inner .right .strategic .stage-sec .right img{
    width: 100%;
}
.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after
{
    display: none;
}
.head-sec {
    margin-bottom: 70px;
}
.head-sec h2:before
{
    display: none;
}
.head-sec  .heading{
    margin-bottom: 150px;
}
.head-sec  .heading h3{
    font-weight: 100;
    font-size: 3.6vw;
    position: relative;
    line-height: 4vw;
    padding-right: 15px;
    font-family: 'Frutiger LT Arabic 45';
    margin: 0 0 6px;
}
.head-sec  .heading h3:first-child
{
    position: relative;
}
.head-sec  .heading h3:first-child:before
{
    content: "";
    position: absolute;
    right: -1vw;
    background: #CE0E2D;
    width: 5px;
    top: 0;
    height: 100%;
}
.head-sec .heading h2{
    font-weight: 800;
    font-size: 3.6vw;
    line-height: 4vw;
    width: 75%;
}
.head-sec .heading .line-none:before
{
    display: none;
}
.head-sec .heading h3 strong
{
    font-weight: bold;
    position: relative;
}
.head-sec .heading h3 strong:before
{
    content: "";
    position: absolute;
    right: -1vw;
    background: #CE0E2D;
    width: 5px;
    height: 80%;
}
.head-sec .headquart-sec{
    width: 70%;
    margin-right: auto;
}
.heading-boder span{
    background: #F5B335;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    transform: rotate(45deg);
    bottom: 80px;
}
.heading-boder .line{
    background: #CE2030;
    position: absolute;
    width: 20%;
    height: 10px;
    bottom: 82px;
    right: 25px;
}
.head-sec .headquart-sec .text
{
    position: relative;
    padding-left: 7vw;
}
.head-sec .headquart-sec .text .img{
    width: 20%;
    margin-bottom: 30px;
}
.head-sec .headquart-sec .text .img img{
    width: 100%;
}
.head-sec .headquart-sec .text p{
    font-weight: 400;
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 20px;
    font-family: 'Frutiger LT Arabic 45';
}
.head-sec .headquart-sec .text p:last-child {
    margin-bottom: 60px;
}
.head-sec .headquart-sec .text h2
{
    font-size: 38px;
    line-height: 48px;
    font-weight: 800;
    margin-bottom: 20px;
}
.heading-boder {
    position: relative;
    left: 40px;
    top: 1vw;
}
.line-styel
{
    position: relative;
}
.line-styel:before
{
    content: "";
    position: absolute;
    width: 20%;
    height: 1px;
    background: rgba(123, 110, 102, .5);
    right: -11vw;
    top: -2vw;
}
.line-styel:after
{
    content: "";
    position: absolute;
    width: 1px;
    height: 10vw;
    background: rgba(123, 110, 102, .5);
    right: -2vw;
    bottom: 0;
    top: -3vw;
}
.kingdom-sec{
    background: #CE2030;
    padding: 40px 0vw 100px;
    margin-bottom: 60px;
}
.kingdom-sec .marquee marquee{
    font-weight: 400;
    font-size: 80px;
    color: #fff;
    margin-bottom: 4vw;
    width: 100%;
    text-transform: uppercase;
    direction: ltr;
    line-height: 2;
}
.kingdom-sec .kingdom-text{
    width: 70%;
    margin-right: auto;
    padding-left: 5vw;
}
.kingdom-sec .kingdom-text h2{
    font-weight: 800;
    font-size: 60px;
    color: #fff;
    border-bottom: solid 1px rgba(255, 255, 255, .4);
    padding-bottom: 22px;
    margin-bottom: 30px;
    line-height: 1;
}
.kingdom-sec .kingdom-text h3
{
    font-size: 45px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 30px;
    font-weight: 400;
}
.kingdom-sec .kingdom-text p{
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 30px;
}
.faqs-holder {
    padding: 0 0 100px;
}
.faqs-holder ul {
    padding: 0vw 2vw;
}
.faqs-holder ul li{
    position: relative;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.35); */
}
.faqs-holder ul li h3{
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 50px 0 30px;
    font-weight: 700;
    justify-content: space-between;
}
.faqs-holder ul li h3 svg{
    fill: #2C2826;
    transition: all .2s ease-in-out;
    position: relative;
    right: 0px;
}
.faqs-holder ul li h3 span {
    font-weight: 800;
    font-size: 50px;
    color: #CE0E2D;
    /* display: block; */
}
.faqs-holder ul li h3 .line{
    background: rgba(123, 110, 102, .3);
    /* width: 55%; */
    height: 2px;
    position: relative;
    top: 2px;
    flex: 1;
    margin: 0 2vw;
}
.faqs-holder ul li h3 svg
{
    width: 25px;
    height: 25px;
    transform: rotate(-90deg);
}
.faqs-holder ul li.active h3 svg {
    transform: rotate(0);
    fill: #CF202E;
}
.faqs-holder ul li.active {
    border: 0;
}
.faqs-holder .arrow-new.arrow-new2 .fraction {
    margin-bottom: 20px;
    position: relative;
    left: 5vw;
}
.faqs-holder ul li >div p
{
/*    transition: all .5s ease-in-out;*/
    padding-left: 50px;
    position: relative;
}
.faqs-holder ul li .awared{}
.faqs-holder ul li .awared .foebes-sec{
    display: flex;
    align-items: baseline;
    margin-bottom: 80px;
}
.faqs-holder ul li .awared .foebes-sec .left{
    width: 90%;
    padding: 0vw 2vw;
}
.faqs-holder ul li .awared .foebes-sec .left h3{
    font-weight: 300;
    font-size: 60px;
    padding: 0;
    position: relative;
    line-height: 60px;
    font-family: 'Frutiger LT Arabic 45';
}
.faqs-holder ul li .awared .foebes-sec .left h2{
    font-size: 60px;
    line-height: 100px;
    font-weight: bold;
    width: 70%;
}
.faqs-holder ul li .awared .foebes-sec .right{
    width: 10%;
}
.faqs-holder ul li .awared .new-arrow-btn{
    position: relative;
    display: flex;
    justify-content: end;
    top: 30px;
}
.faqs-holder ul li .awared .new-arrow-btn .swiper-button-next{
    left: 10px;
    right: auto;
}
.faqs-holder ul li .awared .new-arrow-btn .swiper-button-prev{
    right: 80px;
    left: auto;
}
.faqs-holder ul li .awared .new-arrow-btn .fraction2{
    position: absolute;
    bottom: 2vw;
    font-size: 20px;
    right: 60px;
}
.bannar-swiper .inner .right .strategic .stage-sec .left a:hover {
    color: #CE2030;
}
.bannar-swiper .inner .right .strategic .stage-sec .left a:hover svg {
    margin-right: 10px;
    transition: all .5s ease-in-out;
    fill: #CE2030;
}
.bannar-swiper .inner .right .strategic .stage-sec .left a svg {
    transition: all .5s ease-in-out;
    transform: rotate(180deg);
}
.faqs-holder ul li .awared .bottom-text{
    width: 70%;
    margin-right: auto;
}
.line-fix{
    position: relative;
    bottom: 2vw;
}
.line-fix span{
    background: #CE0E2D;
    width: 15px;
    height: 15px;
    position: absolute;
    right: -30px;
    bottom: 0;
    transform: rotate(45deg);
}
.line-fix .line{
    background: #CE2030;
    position: absolute;
    width: 20%;
    height: 10px;
    bottom: 0;
    right: 0;
}
.faqs-holder ul li .awared .bottom-text .forb-text {
    display: flex;
    align-items: center;
}
.faqs-holder ul li .awared .bottom-text .forb-text .left{
    width: 50%;
    position: relative;
}
.faqs-holder ul li .awared .bottom-text .forb-text .left .img{
    width: 60%;
    position: relative;
}
.faqs-holder ul li .awared .bottom-text .forb-text .left .img:after
{
    content: "";
    position: absolute;
    height: 8vw;
    background: #7B6E66;
    width: 1px;
    left: -23px;
    bottom: -1vw;
}
.faqs-holder ul li .awared .bottom-text .forb-text .left .img:before
{
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    background: #7B6E66;
    left: -8vw;
    bottom: 6vw;
}
.faqs-holder ul li .awared .bottom-text .forb-text .left .img img{width: 100%;}
.faqs-holder ul li .awared .bottom-text .forb-text .left h2{
    font-size: 100px;
    color: #F5B331;
    font-weight: 900;
    line-height: 100px;
}
.faqs-holder ul li .awared .bottom-text .forb-text .right{
    width: 50%;
}
.faqs-holder ul li .awared .bottom-text .forb-text .right p
{
    font-weight: 400;
    font-size: 22px;
    line-height: 34px;
    color: #7B6E66;
    padding: 0;
}
.faqs-holder ul li .awared .bottom-text .forb-text .right p span{
    color: #F5B331;
    font-family: 'Frutiger LT Arabic 45';
    font-weight: 700;
}
.faqs-holder ul li .awared .bottom-text .forb-text h2:before
{
    content: "";
    position: absolute;
    width: 30%;
    height: 1px;
    background: #7B6E66;
    left: -8vw;
    top: 10px;
}
.faqs-holder ul li .awared .bottom-text .forb-text h2:after
{
    content: "";
    position: absolute;
    width: 25%;
    height: 1px;
    background: #7B6E66;
    bottom: 0;
    transform: rotate(90deg);
    top: 55px;
    left: -83px;
}
.faqs-holder ul li .awared .foebes-sec .left h3:before
{
    content: "";
    position: absolute;
    right: -1vw;
    background: #CE0E2D;
    height: 100%;
    width: 6px;
}
.inner-banner .new-text
{
    position: absolute;
    top: 10vw;
    right: 7vw;
}
.inner-banner .new-text h3{
    font-family: 'Frutiger LT Arabic 45';
    font-weight: 300;
    font-size: 35px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #fff;
}
.inner-banner .new-text strong{
    font-weight: 800;
}
.inner-banner .new-text h2{
    font-weight: 800;
    font-size: 20vw;
    color: #fff;
    line-height: 1;
    margin-bottom: 30px;
    margin-right: -1vw;
}
.inner-banner .new-text .overall-sec{
    display: flex;
}
.inner-banner .new-text .overall-sec .left
{
    width: 60%;
    position: relative;
    left: 3vw;
}
.inner-banner .new-text .overall-sec .left >div {
    display: flex;
    margin-bottom: 30px;
}
.inner-banner .new-text .overall-sec .left >div a
{
    right: 3vw;
}
.inner-banner .new-text .overall-sec .left svg{
    width: 10%;
}
.inner-banner .new-text .overall-sec .left p{
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    width: 90%;
}
.inner-banner .new-text .overall-sec .left a{
    position: relative;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    font-family: 'Frutiger LT Arabic 45';
    display:flex;
    overflow: hidden;
    position: relative;
    padding: 13px 0;
}
.inner-banner .new-text .overall-sec .left a svg {
    fill: #fff !important;
    stroke:#fff !important;
}
.inner-banner .new-text .overall-sec .left a:before {
    content: "";
    position: absolute;
    background: #fff;
    height: 1px;
    width: 100%;
    bottom: 0;
    right: 0;
    transition: all .6s ease-in-out;
}
.inner-banner .new-text .overall-sec .left a:hover:before
{
    height: 100%;
} 
.inner-banner .new-text .overall-sec .left a svg{
    width: auto;
    margin-right: 50px;
}
.inner-banner .new-text .overall-sec .left a:hover svg{
    transition: all .5s ease-in-out;
    fill:#CE2030 !important;
    stroke: #CE2030 !important; 
}
.inner-banner .new-text .overall-sec .left a:hover {
    color: #CE2030;;
    padding: 13px 10px;
}
.inner-banner .new-text .overall-sec .right{
    width: 40%;
    display: flex;
    justify-content: end;
    /* border-bottom: 1px solid #FFFFFF; */
    /* padding-left: 3vw; */
    align-items: end;
    padding: 0 0 30px;
}
.inner-banner .new-text .overall-sec .right ul{
    text-align: end;
    border-bottom: 1px solid #FFFFFF;
    padding-left: 3vw;
}
.inner-banner .new-text .overall-sec .right ul li{
    margin-bottom: 0;
}
.inner-banner .new-text .overall-sec .right ul li a{
    font-weight: 800;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: end;
    color: rgba(255, 255, 255, .5);
    transition:all .6s ease-in-out;
    direction: ltr;
}
.inner-banner .new-text .overall-sec .right ul li a:hover
{
    color: #fff;
}
.inner-banner .new-text .overall-sec .right ul li a svg {
    width: 40px;
    opacity: 0;
    height: 40px;
    transition: all .5s ease-in-out;
}
.inner-banner .new-text .overall-sec .right ul li a.active svg,
.inner-banner .new-text .overall-sec .right ul li a:hover svg{
    opacity: 1;
}
.inner-banner .new-text .overall-sec .right ul .active 
{
    color: #FFFFFF ;
}
.billion-sec{
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.billion-sec .left{
    width: 20%;
    position: relative;
}
.billion-sec .left .circle{
    background: #CE0E2D;
    width: 200px;
    height: 200px;
    transform: rotate(45deg);
    border-radius: 30px;
    display: block;
    position: relative;
    bottom: 1vw;
}
.billion-sec .left .circle span{
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
    background: #F5B335;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    border-radius: 10px;
    display: block;
}
.billion-sec .right{
    width: 80%;
}
.billion-sec .right .incread-sec{
    display: flex;
    padding: 5vw 8vw 5vw;
    border-bottom: 1px solid rgba(123, 110, 102, .5);
    position: relative;
}
.billion-sec .right .incread-sec .box{
    width: 50%;
    padding-left: 6vw;
}
.billion-sec .right .incread-sec .box svg{
    width: 100px;
    height: 100px;
}
.billion-sec .right .incread-sec .box p{
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
}
.billion-sec .right .incread-sec .box p strong
{
    font-weight: 800;
}
.billion-sec .right .incread-sec .numder-sec{
    width: 50%;
    position: relative;
}
.billion-sec .right .incread-sec .numder-sec .numder{
    display: flex;
    align-items: center;
}
.billion-sec .right .incread-sec .numder-sec .numder .left{
    width: auto;
    margin-left: 20px;
}
.billion-sec .right .incread-sec .numder-sec:before {
    content: "";
    position: absolute;
    background: rgba(123, 110, 102, .5);
    width: 1px;
    height: 15vw;
    bottom: -2vw;
    right: -3vw;
}

.billion-sec .right .incread-sec .numder-sec:after {
    content: "";
    position: absolute;
    background: #CE0E2D;
    width: 20px;
    top: -80px;
    height: 20px;
    right: -3.6vw;
    transform: rotate(45deg);
}
.billion-sec .right .incread-sec .numder-sec .numder span{
    font-weight: 800;
    font-size: 150px;
    color: #F5B335;
    display: block;
}
.billion-sec .right .incread-sec .numder-sec .numder .right{
    width: auto;
}
.billion-sec .right .incread-sec .numder-sec .numder .right h2{
    font-weight: 800;
    font-size: 28px;
    line-height: 34px;
    color: #CE0E2D;
    margin-bottom: 20px;
}
.billion-sec .right .incread-sec .numder-sec .numder .right p{
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
}
.billion-sec .right .incread-sec2
{
    border: none;
    padding: 3vw 8vw 0;
}
.billion-sec .right .incread-sec2 .numder-sec .numder{
    align-items: inherit;
}
.billion-sec .right .incread-sec2 .numder-sec .numder .right{}
.billion-sec .right .incread-sec2 .numder-sec .numder .right p{
    margin-bottom: 30px;
    font-size: 21px;
}
.billion-sec .right .incread-sec2 .numder-sec .numder .right p strong
{
    font-weight: 800;
}
.billion-sec .right .incread-sec2 .numder-sec .numder .right span{
    font-size: 100px;
    margin-bottom: 40px;
}
.billion-sec .right .incread-sec2 .numder-sec:before{
    width: 1px;
    top: 1vw;
    height: 17vw;
}
.billion-sec .right .incread-sec2 .numder-sec:after{
    top: -20px;
}
.faqs-holder2{}
.faqs-holder2 ul
{
    padding: 0;
}
.faqs-holder2 ul li h3 span {
    color: #7B6E66;
}
.faqs-holder2 .major-sec{
    display: flex;
    width: 80%;
    margin-right: auto;
    margin-bottom: 40px;
    margin-top: 40px;
}
.faqs-holder2 .major-sec .left{
    width: 50%;
    padding-right: 8vw;
}
.faqs-holder2 .major-sec .left img{}
.faqs-holder2 .major-sec .left p{
    font-size: 24px;
    line-height: 30px;
    padding-left: 7vw;
    font-weight: 900;
}
.faqs-holder2 .major-sec .left p span{
    color: #CE0E2D;
    font-weight: 300;
}
.faqs-holder2 .major-sec .right{
    position: relative;
    width: 50%;
}
.faqs-holder2 .major-sec .right h2{
    font-size: 40px;
    line-height: 50px;
    padding: 0vw 10vw 0vw 0vw;
    margin-bottom: 40px;
}
.faqs-holder2 .major-sec .right h2 span{
    color: #FBB040;
}
.faqs-holder2 .major-sec .right img{
    position: relative;
    left: 2vw;
}
.faqs-holder2 .major-sec .right:before 
{
    content: "";
    position: absolute;
    right: -40px;
    background: rgba(123, 110, 102, .5);
    width: 1px;
    height: 100%;
    top: 2vw;
}
.faqs-holder2 .major-sec .right:after {
    content: "";
    position: absolute;
    right: -50px;
    background: #CE0E2D;
    width: 20px;
    height: 20px;
    top: 0;
    transform: rotate(45deg);
}
.faqs-holder2 ul li h3 .line
{
    /* width: 50%; */
}
.Product-service{
    width: 80%;
    margin-right: auto;
    border-bottom: 1px solid rgba(123, 110, 102, .5);
    padding: 7vw 0 5vw;
}
.Product-service .line-fix2{
    position: relative;
    right: 5vw;
    bottom: 1.5vw;
}
.Product-service .line-fix2 span{
    background: #F5B331;
}
.Product-service .text{}
.Product-service .text p{
    font-weight: 300;
    font-size: 35px;
    line-height: 50px;
    padding: 0vw 8vw;
}
.Product-service .text p span{
    font-weight: 800;
    color: #F5B331;
}
.Product-service2{
    padding: 7vw 0 4vw;
}
.Product-service-open
{
    padding: 7vw 0 4vw;
    /* border: none; */
}
.Product-service2 .text{
    display: flex;
    align-items: end;
}
.Product-service2 .text p{
    padding: 0 8vw 0 0vw;
    width: 48%;
}
.Product-service2 .text span{
    font-weight: 800;
    font-size: 90px;
    color: #F5B331;
    display: block;
    line-height: 6vw;
    position: relative;
    left: 2vw;
}
.greement-sec{
    padding: 7vw 0vw 5vw;
    border-bottom: 1px solid rgba(123, 110, 102, .5);
    width: 85%;
    margin-right: auto;
}
.greement-sec2
{
    padding: 7vw 0vw 5vw;
}
.greement-sec2:last-child {
    border: none;
    padding-bottom: 0;
}
.greement-sec .text{
    position: relative;
}
.greement-sec .text p{
    font-weight: 400;
    font-size: 35px;
    padding: 0;
    line-height: 45px;
    position: relative;
    width: 60%;
    margin-right: 8vw;
}
.greement-sec .text p span{
    font-weight: 600;
    color: #CE0E2D;
}
.greement-sec .text p .yellow
{
    color: #F5B331;
    font-weight: 700;
}
.greement-sec .text p:before
{
    content: "";
    position: absolute;
    background:rgba(123, 110, 102, .5);
    width: 1px;
    top: 0;
    height: 100%;
    /* transform: rotate(90deg); */
    right: -56px;
}
.greement-sec .text p:after {
    content: "";
    position: absolute;
    background: #CE0E2D;
    width: 20px;
    top: -2vw;
    height: 20px;
    right: -65px;
    transform: rotate(45deg);
}
.greement-sec2 .samip-sec{
    display: flex;
    align-items: center;
    margin-right: 8vw;
    position: relative;
}
.greement-sec2 .samip-sec .left{
    margin-left: 1vw;
    width: 20%;
}
.greement-sec2 .samip-sec .right{
    width: 80%;
}
.greement-sec2 .samip-sec .left img{
    width: 100%;
}
.greement-sec2 .samip-sec .right p{
    font-weight: 400;
    font-size: 35px;
    padding: 0;
    line-height: 45px;
    position: relative;
    width: 80%;
}
.greement-sec2 .samip-sec .right p span
{
    color: #CE0E2D;
    font-weight: 800;
}
.greement-sec2 .samip-sec:before
{
    content: "";
    position: absolute;
    background: #7B6E66;
    width: 1px;
    top: 2vw;
    height: 100%;
    right: -56px;
}
.greement-sec2 .samip-sec:after
{
    content: "";
    position: absolute;
    background: #CE0E2D;
    width: 20px;
    top: 0vw;
    height: 20px;
    right: -65px;
    transform: rotate(45deg);
}
.inner-banner .text2{
}
.inner-banner .text2 h2
{
    line-height: 100px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.inner-banner .text2 h3{
    padding-left: 6vw;
}
.changing-sec .heading h2
{
    width: 80%;
    padding-left: 5vw;
}
.changing-sec .heading h2
{
    line-height: 4.6vw;
}
.customer-sec
{
    background: #7B6E66;
    display: flex;
    padding: 8vw 5vw;
    grid-gap: 5vw;
}
.customer-sec .left{
    width: 50%;
}
.customer-sec .left h2{
    font-weight: 700;
    font-size: 35px;
    line-height: 50px;
    color: #F5B335;
}
.customer-sec .right{
    width: 50%;
    border-top: 1px solid #FFFFFF;
    margin-top: 1vw;
    padding-top: 2vw;
}
.customer-sec .right p
{
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 30px;
}
.head-building{
    display: flex;
    padding-bottom: 10vw;
}
.head-building .left{
    width: 30%;
}
.head-building .left h2{
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: #CE2030;
    text-align: end;
    margin-left: 3vw;
}
.head-building .right{
    width: 70%;
    position: relative;
}
.head-building .right p{
    font-weight: 400;
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 20px;
}
.head-building .right:before
{
    content: "";
    position: absolute;
    background: rgba(123, 110, 102, .5);
    width: 1px;
    height: 100%;
    top: 0;
    right: -1.5vw;
}
.head-building .right:after
{
    content: "";
    position: absolute;
    background: #CE0E2D;
    width: 20px;
    height: 20px;
    right: -2.1vw;
    bottom: -38px;
    transform: rotate(45deg);
}
.vibrant
{
    margin-bottom: 0;
}
.business-sec
{
    background: #7B6E66;
}
.inner-banner.business-sec {
    background: #7B6E66;
    padding: 10vh 0 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.inner-banner.business-sec-red
{
    background: #CE2030;
}
.inner-banner.business-sec .text{
    width: 45%;
    top: 4vw;
}
.inner-banner.business-sec .text h3{
    width: auto;
}
.inner-banner.business-sec .heading h2 {
    color: #fff;
    font-weight: 800;
    font-size: 4vw;
/*    border-bottom: solid 1px rgba(255, 255, 255, .3);*/
    padding: 3vw 5vw 0;
    padding-bottom: 40px;
}
.inner-banner.business-sec .heading {}
.red-para
{
    font-weight: 700;
    font-size: 38px;
    line-height: 50px;
    margin-bottom: 40px;
    color: #CE2030;
}
.head-sec .headquart-sec .text .mb-para
{
    margin-bottom: 40px;
}
.corporate-sec{
    padding: 0 0 5vw;
}
.corporate-sec h2{
    font-weight: 800;
    font-size: 40px;
    line-height: 50px;
    width: 80%;
    color: #CE2030;
    margin-bottom: 40px;
}
.corporate-sec .vital-sec{
    display: flex;
}
.corporate-sec .vital-sec .left{
    width: 30%;
}
.corporate-sec .vital-sec .left h2{
    font-size: 26px;
    color: #F5B335;
    margin: 0;
    line-height: 35px;
    font-weight: 400;
    text-align: end;
    width: auto;
    margin-left: 2vw;
}
.corporate-sec .vital-sec .right{
    width: 70%;
}
.corporate-sec .vital-sec .right p{
    font-weight: 400;
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 20px;
}
.corporate-sec .vital-sec .right h2{
    color: #7B6E66;
    padding: 0;
    font-size: 38px;
    line-height: 45px;
    width: auto;
}
.inner-banner .text .new-sec{
    padding: 0vw 5vw 0vw 0;
    width: 65%;
}
.inner-banner .text .new-sec p{
    font-weight: 300;
    font-size: 34px;
    margin-bottom: 80px;
}
.inner-banner .text .new-sec h3
{
    padding: 0vw 2vw 0vw 0;
}
.inner-banner .text .new-sec h3:before
{
    right: 0;
}
.inner-banner .profit-sec{
    position: absolute;
    bottom: 3vw;
    left: 5vw;
    display: flex;
    align-items: center;
}
.inner-banner .profit-sec .left
{
    margin-left: 10vw;
    margin-bottom: 2vw;
    z-index: 1;
}
.inner-banner .profit-sec .left p{
    font-weight: 400;
    font-size: 26px;
    text-transform: uppercase;
    color: #ffff;
}
.inner-banner .profit-sec .left .in-pro
{
    /* position: relative; */
    margin-bottom: 10px;
}
.inner-banner .profit-sec .left .in-pro:before
{
    content: "";
    position: absolute;
    right: 0;
    width: 25vw;
    height: 1px;
    background: rgba(255, 255, 255, .4);
    top: 28px;
}
.inner-banner .profit-sec .right
{
    display: flex;
    font-size: 80px;
    color: #CE2030;
    align-items: baseline;
}
.inner-banner .profit-sec .right span{
    font-weight: 800;
    font-size: 150px;
    color: #CE2030;
    display: block;
}
.head-sec .headquart-sec .text h3
{
    font-weight: 300;
    font-family: 'Frutiger LT Arabic 45';
    font-size: 36px;
    line-height: 42px;
    color: #CE0E2D;
    margin-bottom: 60px;
}
.head-sec .headquart-sec .text .box-number{
    font-weight: 800;
    font-size: 100px;
    color: #CE0E2D;
    margin-bottom: 70px;
    display: flex;
}
.head-sec .headquart-sec .text .box-number span{
    display: block;
}
.advance-sec {
    margin-bottom: 60px;
}
.advance-sec .img{
    width: 95%;
    margin-bottom: 60px;
    position: relative;
}
.advance-sec .img img
{
    width: 100%;
}
.advance-sec .text
{
    width: 70%;
    margin-right: auto;
}
.advance-sec .main-text .text {}
.advance-sec .main-text .text h2
{
    color: #7B6E66;
    font-size: 38px;
    line-height: 45px;
    margin-bottom: 30px;
    font-weight: 700;
}
.advance-sec .main-text .text p
{
    font-weight: 400;
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 20px;
}
.advance-sec .main-text .text .customer-box-number{
    width: 35%;
    margin-bottom: 60px;
}
.advance-sec .main-text .text .customer-box-number h3{
    font-size: 22px;
    color: #CE2030;
    margin-bottom: 30px;
    font-weight: 300;
}
.advance-sec .main-text .text .customer-box-number .numb{
    display: flex;
    align-items: baseline;
    justify-content: end;
    font-weight: 800;
    font-size: 80px;
    color: #CE0E2D;
    margin-bottom: 10px;
}
.advance-sec .main-text .text .customer-box-number .numb span
{
    margin-bottom: 20px;
    display: block;
}
.advance-sec .main-text .text .customer-box-number  h4{
    font-size: 24px;
    text-align: end;
    position: relative;
    font-weight: 700;
}
.advance-sec .main-text .text .customer-box-number h4:before {
    content: "";
    position: absolute;
    width: 60%;
    height: 4px;
    background: #F5B335;
    right: 0;
    top: 10px;
}
.advance-sec .main-text .text .red-para
{
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    color: #CE2030;
} 
.over-swiper
{
    margin-bottom: 60px;
}
.over-swiper .homeSwiper{
    /* width: 90%; */
    /* margin: auto; */
}
.over-swiper .arrow-new {
    border-bottom: 1px solid rgba(123, 110, 102, .5);
}
.over-swiper .homeSwiper .swiper-slide{}
.over-swiper .homeSwiper .swiper-slide .grid-wrap{
    display: flex;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-around;
}
.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid{
}
.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .house-sec{
    margin-bottom: 30px;
}
.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .house-sec .img{
    width: 60%;
}
.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .house-sec .img2 {
    width: 50%;
}
.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .house-sec .img img{
    width: 100%;
}
.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .house-sec .img2 img
{
    width: 100%;
}
.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .house-sec svg{}
.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .house-sec h3{
    font-weight: 700;
    font-size: 30px;
    padding: 0vw 1vw;
    margin-bottom: 1vw;
    font-family: 'Frutiger LT Arabic 45';
}
.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .mobile-sec{
    display: flex;
    align-items: end;
}
.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .mobile-sec .img2 {
    width: 20%;
}
.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .main-number{
    margin-bottom: 30px;
}
.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .main-number p
{
    font-size: 24px;
    font-weight: 300;
}
.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .box-number{
    font-weight: 700;
    font-size: 80px;
    line-height: 1;
    display: flex;
    margin-bottom: 10px;
    font-family: 'Frutiger LT Arabic 45';
}
.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .box-number span{
    display: block;
}
.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .box-number p{
    font-size: 22px;
}
.arrow-new{
    display: flex;
    padding-bottom: 30px;
    margin: 0 0 80px;
    justify-content: end;
    flex-direction: column;
    align-items: end;
}
.line-desgin
{
    position: relative;
}
.line-desgin:before
{
    content: "";
    background: #CE0E2D;
    transform: rotate(45deg);
    width: 20px;
    position: absolute;
    height: 20px;
    right: -6vw;
    top: 1vw;
}
.line-desgin:after
{
    content: "";
    position: absolute;
    background: rgba(123, 110, 102, .5);
    width: 1px;
    height: 20vw;
    right: -5.4vw;
    top: 3vw;
}
.revert-sec{
    background: #CE0E2D;
    padding: 6vw 0;
    margin-bottom: 60px;
}
.revert-sec .text{}
.revert-sec .text h2
{
    font-size: 40px;
    line-height: 50px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #fff;
    font-family: 'Frutiger LT Arabic 45';
}
.revert-sec .text p{
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 34px;
    color: #fff;
    font-family: 'Frutiger LT Arabic 45';
}
.contant-sec{
    padding: 0 0 5vw;
}
.contant-sec p
{
    font-weight: 400;
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 20px;
    font-family: 'Frutiger LT Arabic 45';
}
.contant-sec h2
{
    font-size: 40px;
    color: #F5B335;
    margin: 0;
    line-height: 45px;
    width: 70%;
    font-weight: 400;
    font-family: 'Frutiger LT Arabic 45';
    padding-top: 20px;
}
.social-lis
{
    position: absolute;
    bottom: 5vw;
    display: flex;
    justify-content: end;
    left: 0;
    width: 25%;
    border-bottom: 1px solid #FFFFFF;
}
.social-lis ul
{
    margin-left: 2vw;
}
.social-lis ul li
{
    display: flex;
    justify-content: end;
    direction: ltr;
}
.social-lis ul li a{
    font-weight: 800;
    font-size: 22px;
    color: #fff;
    display: flex;
    align-items: center;
    margin: 0;
}
.social-lis ul li a
{
    color: rgba(255, 255, 255, .5);
}
.social-lis ul li.active a
{
    color: #fff;
}
.social-lis ul li.active a svg 
{
    opacity: 1;
}
.social-lis ul li a svg {
    opacity: 0;
    transition: all .5s ease;
    width: 40px;
    height: 40px;
}
.social-lis ul li a:hover
{
    color: #ffff;
}
.social-lis ul li a:hover svg {
    opacity: 1;
}
.head-sec .heading .yellow:first-child:before,
.inner-banner .text .yellow:before
{
    background: #F5B335;
}
.head-sec .headquart-sec .heading-boder .green
{
    background: #009440;
}
.green
{
    color: #009440;
    /*margin-bottom: 60px !important;*/
    font-family: 'Frutiger LT Arabic 45';
    font-weight: 400 !important;
}
.kingdom-gray
{
    background: #7B6E66;
}
.kingdom-gray .kingdom-text .Profit_sec{
    border-bottom: 1px solid #FFFFFF;
    padding: 0vw 0vw 2vw;
    margin-bottom: 2vw;
}
.kingdom-gray .kingdom-text .Profit_sec h3{
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 0;
}
.kingdom-gray .kingdom-text .Profit_sec p{
    font-weight: 300;
    font-size: 24px;
    margin: 0;
}
.kingdom-gray .kingdom-text .Profit_sec h5{
    font-weight: 700;
    font-size: 60px;
    line-height: 1;
    color: #7B6E66;
    transition: all .5s ease-in-out;
    color: #fff;
}
.kingdom-gray .kingdom-text .Profit_sec h5 span{}
.kingdom-sec .marquee marquee {
}
.achieveSwiper-mian .swiper-scrollbar {
/*    opacity: 1 !important;*/
    height: 2px !important;
    top: 4vw !important;
    width: 100% !important;
    background: rgba(0, 0, 0, .2);
}

.swiper .swiper-notification {
}
.achieveSwiper-mian .swiper-scrollbar-drag {
    height: 4px;
    border-radius: 0;
    top: -1px;
}
/*.arrow-new2
{
    border: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    top: 3vw;
    z-index: 2;
}*/
.continuing-achieve-main
{
    margin-bottom: 0;
}
.continuing-achieve-main .heading 
{
    margin-bottom: 30px;
}
.achieveSwiper .swiper-slide h4 {
    font-weight: 700;
    font-size: 26px;
    color: #7B6E66;
}
.head-sec .heading .green-line:first-child:before
{
    background: #009440;
}
/*.heading h2:before
{
    display: none;
}*/
.customer-sec2
{
    background: #009440;
    margin-bottom: 80px;
}
.main_cr_social{
    margin-bottom: 60px;
}
.main_cr_social .cr_social{
    display: flex;
    margin-bottom: 60px;
}
.main_cr_social .cr_social .left{
    width: 60%;
}
.main_cr_social .cr_social .left h2{
    font-weight: 800;
    font-size: 60px;
    line-height: 70px;
    color: #CE2030;
    margin-bottom: 40px;
}
.main_cr_social .cr_social .left p{
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 30px;
    color: #7B6E66;
    width: 65%;
}
.main_cr_social .cr_social .right{
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: end;
}
.main_cr_social .cr_social .right p{
    font-weight: 300;
    font-size: 30px;
    line-height: 40px;
    padding-right: 10vw;
    text-align: end;
    font-family: 'Frutiger LT Arabic 45';
}
.main_cr_social .cr_social .right .box-number{
    font-size: 80px;
    line-height: 89px;
    color: #F5B331;
    font-weight: 700;
    display: flex;
    margin-bottom: 30px;
}
.main_cr_social .cr_social .right .box-number span{
    display: block;
}
.boder_yellow{
    position: relative;
    width: 70%;
}
.boder_yellow span
{
    background: #CE2030;
    width: 15px;
    height: 15px;
    position: absolute;
    transform: rotate(45deg);
    right: 0;
    bottom: 0;
}
.boder_yellow .line{
    position: absolute;
    background: #F5B335;
    height: 2px;
    width: 93%;
    bottom: 7px;
    left: 0;
}
.p-red
{
    font-size: 28px !important;
    color: #CE2030;
}
.main_cr_social .social_resp{
    background: #F5B331;
    padding: 3vw 2vw;
}
.main_cr_social .social_resp h2{
    font-weight: 800;
    font-size: 60px;
    margin-bottom: 25px;
    color: #fff;
}
.main_cr_social .social_resp h3{
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    font-family: 'Frutiger LT Arabic 45';
}
.main_volunteering_sec{
    margin-bottom: 80px;
}
.main_volunteering_sec .heading
{
    margin-bottom: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    padding-bottom: 5px;
}
.main_volunteering_sec .heading h2{
    font-weight: 800;
    font-size: 55px;
    color: #CE2030;
    padding-bottom: 15px;
}
.main_volunteering_sec .volunteering_sec{
    display: flex;
}
.main_volunteering_sec .volunteering_sec .left{
    width: 50%;
    display: flex;
}
.main_volunteering_sec .volunteering_sec .left h2{
    font-weight: 700;
    font-size: 30px;
    width: 30%;
    font-family: 'Frutiger LT Arabic 45';
}
.main_volunteering_sec .volunteering_sec .left .list
{
    width: 65%;
}
.main_volunteering_sec .volunteering_sec .left .list .img
{
    width: 20%;
}
.main_volunteering_sec .volunteering_sec .left .list .img img
{
    margin-bottom: 20px;
    width: 100%;
}
.main_volunteering_sec .volunteering_sec .left .list ul{
    padding: 0vw 1vw 0vw 8vw;
}
.main_volunteering_sec .volunteering_sec .left .list ul li{
    font-weight: 400;
    font-size: 22px;
    list-style: disc;
    line-height: 30px;
}
.main_volunteering_sec .volunteering_sec .left .list ul li::marker
{
    font-size: 1vw;
}
.main_volunteering_sec .volunteering_sec .right{
    width: 50%;
    display: flex;
}
.main_volunteering_sec .volunteering_sec .right .list
{
    width: 50%;
}
.main_volunteering_sec .volunteering_sec .right .list .img2
{
    width: 20%;
    margin-bottom: 15px;
}
.main_volunteering_sec .volunteering_sec .right .list .img2 img
{
    width: 100%;
}
.main_volunteering_sec .volunteering_sec .right .list .img
{
    width: 30%;
    margin-bottom: 30px;
}
.main_volunteering_sec .volunteering_sec .right .list .img img{
    width: 100%;
}
.main_volunteering_sec .volunteering_sec .right .list ul
{
    padding: 0vw 0vw 0 1vw;
}
.main_volunteering_sec .volunteering_sec .right .list ul li{
    font-weight: 400;
    font-size: 22px;
    list-style: disc;
    line-height: 30px;
}
.main_volunteering_sec .volunteering_sec .right h2{
    font-weight: 700;
    font-size: 40px;
    line-height: 40px !important;
    width: 60%;
    position: relative;
    left: 10vw;
    font-family: 'Frutiger LT Arabic 45';
}
.main_volunteering_sec .volunteering_sec .right .list ul li::marker
{
    font-size: 1vw;
}
.main_volunteering_sec .heading.green h2
{
    color: #009440;
}
.line-desgin.green:before
{
    background: #009440;
}
.sustainability_sec
{
    position: relative;
    padding-bottom: 4vw;
}
.sustainability_sec:before
{
    content: "";
    position: absolute;
    bottom: 0;
    background: rgba(123, 110, 102, .5);
    width: 40%;
    height: 1px;
    left: 20vw;
}
.saving_sec{
    display: flex;
    padding: 40px 0 60px;
    margin-bottom: 80px;
}
.saving_sec .left{
    width: 50%;
}
.saving_sec .left .line-fix{}
.saving_sec .left .line-fix span
{
    background: #F5B331;
}
.saving_sec .left h2
{
    font-weight: 400;
    font-size: 36px;
    line-height: 45px;
    padding: 0vw 3vw;
}
.saving_sec .right
{
    width: 50%;
}
.saving_sec .right .box-number{
    font-size: 80px;
    line-height: 89px;
    color: #F5B331;
    font-weight: 700;
    display: flex;
}
.saving_sec .right .box-number span{
    display: block;
}
.saving_sec .right p{
    font-weight: 400;
    font-size: 36px;
    color: #CE0E2D;
    padding-left: 10vw;
    line-height: 40px;
}
.main-charitable-sec
{padding: 0 0 5vw;}
.main-charitable-sec .charitable-sec
{
    display: flex;
}
.main-charitable-sec .charitable-sec .left .new-line-fix span
{
    background: #F5B331;
}
.main-charitable-sec .charitable-sec .left
{
    width: 20%;
}
.main-charitable-sec .charitable-sec .left .img
{
    width: 80%;
}
.main-charitable-sec .charitable-sec .left .img img{
    padding: 0vw 2vw;
    width: 100%;
}
.main-charitable-sec.charitable-mbl .right {
    flex-direction: column;
}
.main-charitable-sec .charitable-sec .right{
    width: 70%;
    display: flex;
}
.main-charitable-sec .charitable-sec .right .right {
    flex-direction: column;
    width: 50%;
}
.main-charitable-sec .charitable-sec .right .right .box-number.red {
    margin-right: 5vw;
}
.main-charitable-sec .charitable-sec .right .right p
{
    font-weight: 400;
    font-size: 36px;
    color: #CE0E2D;
    padding-right: 5vw;
    line-height: 40px;
}
.main-charitable-sec .charitable-sec .right h2{
    font-weight: 400;
    font-size: 36px;
    line-height: 45px;
    width: 50%;
}
.new-line-fix .line
{
    width: 50%;
}
.saving_sec:before {
    content: "";
    position: absolute;
    bottom: 0;
    background: rgba(123, 110, 102, 1);
    width: 40%;
    height: 1px;
    left: 20vw;
}

.saving_sec {
    position: relative;
}
.main-charitable-sec .charitable-sec
{
    position: relative;
    margin-bottom: 60px;
    padding-bottom: 60px;
}
.main-charitable-sec .charitable-sec:before
{
    content: "";
    position: absolute;
    bottom: 0;
    background: rgba(123, 110, 102, 1);
    width: 40%;
    height: 1px;
    left: 20vw;
}
.line-desgin2:after
{
    height: 15vw;
}
.saving_sec .right .box-number.red
{
    color: #CE2030;
}
.saving_sec .right .gray
{
    color: #7B6E66;
}
.saving_sec .right .img{
    width: 40%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: end;
}
.saving_sec .right .img img{
    /* width: 100%; */
}
.main-charitable-sec .charitable-sec .right .box-number
{
    font-size: 80px;
    line-height: 89px;
    color: #F5B331;
    font-weight: 700;
    display: flex;
}
.main-charitable-sec .charitable-sec .right .box-number span
{
    display: block;
}
.box-list{}
.box-list ul{padding: 0vw 3vw;}
.box-list ul li{
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 30px;
    color: #7B6E66;
    list-style: disc;
}
.box-list ul li::marker
{
    font-size: 1vw;
}
.box-list ul h2{
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
    position: relative;
    right: 2vw;
}
.liter_sec{}
.liter_sec .liter{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5vw;
    margin-bottom: 20px;
}
.liter_sec .liter h2{
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    color: #CE2030;
    padding-left: 4vw;
}
.liter_sec p{
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #7B6E66;
    margin-bottom: 30px;
}
.liter_sec h2
{
    font-size: 40px;
    color: #F5B335;
    line-height: 45px;
    font-weight: 400;
    font-family: 'Frutiger LT Arabic 45';
    padding-top: 20px;
    margin-bottom: 30px;
}
.inner-banner.strategy_sec {
    background: #7B6E66;
    padding: 10vh 0 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.strategy_sec{}
.strategy_sec .text {}
.strategy_sec .text .date_sec{
    display: grid;
    align-items: baseline;
    width: 100%;
/*    border-bottom: solid 1px rgba(255, 255, 255, .3);*/
    grid-template-columns: 25% 20% 55%;
    position: relative;
}
.strategy_sec .text .date_sec .bor {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .3);
}
.strategy_sec .text .date_sec h2
{
    border: none;
    margin-bottom: 1vw;
}
.strategy_sec .text .date_sec p{
    font-weight: 300;
    font-size: 30px;
    margin-right: 2vw;
    font-family: 'Frutiger LT Arabic 45';
}
.strategy_sec .text .date_sec .yellow_line{
    position: relative;
}
.strategy_sec .text .date_sec .yellow_line span
{
    background: #F5B335;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    transform: rotate(45deg);
    top: -1vw;
}
.strategy_sec .text .date_sec .yellow_line .line
{
    background: #F5B335;
    position: absolute;
    width: 90%;
    height: 2px;
    left: 2vw;
    top: -9px;
}
.strategy_sec .text .date_sec .yellow_line p{}
.mission_sec{
    display: flex;
    align-items: end;
    margin-bottom: 150px;
}
.mission_sec .left{
    width: 20%;
    text-align: end;
    padding-left: 20px;
}
.mission_sec .left h2{
    font-weight: 800;
    font-size: 60px;
    color: #CE2030;
    margin-bottom: 40px;
}
.mission_sec .left p{
    font-weight: 400;
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 20px;
}
.mission_sec .right{
    width: 80%;
    position: relative;
    padding: 0vw 20px 0vw 0;
}
.mission_sec .right .text
{
    width: 80%;
}
.mission_sec .right p{
    font-weight: 400;
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 20px;
}
.mission_sec .right h3
{
    font-size: 40px;
    color: #F5B335;
    margin: 0;
    line-height: 45px;
    font-weight: 400;
    font-family: 'Frutiger LT Arabic 45';
    margin-bottom: 10px;
}
.mission_sec .right .mission{}
.mission_sec .right .mission h2
{
    font-weight: 800;
    font-size: 60px;
    color: #CE2030;
    margin-bottom: 40px;
}
.mission_sec .right .mission p{
    padding-left: 15vw;
}
.mission_sec .right:before
{
    content: "";
    background: #CE0E2D;
    transform: rotate(45deg);
    width: 20px;
    position: absolute;
    height: 20px;
    right: -10px;
    bottom: -4vw;
}
.mission_sec .right:after
{
    content: "";
    position: absolute;
    background: rgba(123, 110, 102, .5);
    width: 1px;
    height: 90%;
    right: 0;
    top: 5vw;
}
.strategic_sec{}
.strategic_sec .heading
{
    border-bottom: none;
}
.strategic_sec .heading h2
{
    color: #F5B335;
}
.strategic_sec .volunteering_sec{}
.strategic_sec .volunteering_sec .left{}
.strategic_sec .volunteering_sec .left .list .img
{
    width: 25% !important;
}
.strategic_sec .volunteering_sec .left h2
{
    line-height: 40px;
    font-size: 40px;
    width: 35%;
}
.strategic_sec .volunteering_sec .right h2
{
    color: #F5B335;
    line-height: 40px;
    padding-left: 6vw;
}
.col_deigital{}
.col_deigital .volunteering_sec{}
.col_deigital .volunteering_sec .left{}
.col_deigital .volunteering_sec .left .list .img
{
    width: 25% !important;
    margin-bottom: 50px;
}
.col_deigital .volunteering_sec .left .list .img img
{
    margin-bottom: 0;
}
.col_deigital .volunteering_sec .left h2
{
    color: #F5B335;
    line-height: 35px;
    font-size: 30px;
    width: 35%;
}
.col_deigital .volunteering_sec .right{}
.col_deigital .volunteering_sec .right h2
{
    color: #CE2030;
    line-height: 35px;
}
.col_deigital .volunteering_sec .right .list{}
.col_deigital .volunteering_sec .right .list .img {
    width: 40%;
    margin-bottom: 60px;
}
.value_sec{
    display: flex;
    margin-bottom: 100px;
}
.value_sec .left{
    width: 50%;
}
.value_sec .left img{
    width: 100%;
}
.value_sec .right{
    width: 50%;
    padding: 2vw 5vw;
}
.value_sec .right h2{
    font-weight: 800;
    font-size: 60px;
    color: #CE2030;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.value_sec .right .invite_sec{
    display: flex;
    align-items: center;
}
.value_sec .right .invite_sec .left{
    width: auto;
}
.value_sec .right .invite_sec .left .img{
    width: 70%;
}
.value_sec .right .invite_sec .left .img img{
}
.value_sec .right .invite_sec .right{
    width: auto;
    padding: 0;
}
.value_sec .right .invite_sec .right ul{}
.value_sec .right .invite_sec .right ul li{
    font-weight: 400;
    font-size: 22px;
    list-style: disc;
    line-height: 30px;
}
.value_sec .right .heading-boder{
    margin-bottom: 80px;
}
.value_sec .right .heading-boder span{
    background: #F5B335;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 3vw;
    bottom: 0;
    transform: rotate(45deg);
}
.value_sec .right .heading-boder .line{
    background: #CE2030;
    position: absolute;
    width: 30%;
    height: 10px;
    bottom: 0;
    left: 5vw;
}
.main_strategy_faq{}
.main_strategy_faq ul{}
.main_strategy_faq ul li{}
.main_strategy_faq ul li h3{}
.main_strategy_faq ul li h3 span{
    color: #7B6E66;
    line-height: 1;
}
.main_strategy_faq ul li{}
.main_strategy_faq ul li .text_sec{}
.main_strategy_faq ul li .text_sec .head{
    margin-bottom: 140px;
    width: 90%;
}
.main_strategy_faq ul li .text_sec .head h2{
    position: relative;
    font-size: 55px;
    line-height: 70px;
    font-weight: bold;
}
.main_strategy_faq ul li .text_sec .head h3
{
    font-weight: 300;
    font-size: 55px;
    padding: 0;
    position: relative;
    line-height: 60px;
}
.main_strategy_faq ul li .text_sec .head h3:before
{
    content: "";
    position: absolute;
    right: -1vw;
    background: #CE0E2D;
    width: 5px;
    top: 0;
    height: 100%;
}
.main_strategy_faq ul li .text_sec .bottom-contant{
    width: 70%;
    margin-right: auto;
}
.main_strategy_faq ul li .text_sec .bottom-contant .line-fix{}
.main_strategy_faq ul li .text_sec .bottom-contant .line-fix span{}
.main_strategy_faq ul li .text_sec .bottom-contant .line-fix .line{}
.main_strategy_faq ul li .text_sec .bottom-contant p{
    font-weight: 400;
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 20px;
}
.strategic_sec .heading h2:before {
    display: none;
}
.pd_para
{
    margin-bottom: 60px !important;
}
.scrollDown {
    bottom: 30px;
    transition: all 1.5s ease-in-out;
}
.scrollDown.scrollDown2 {
    bottom: -100%;
}
.chairman-main.ceo-main .heading {
    margin: 8vw 0 0;
    z-index: 2;
    position: absolute;
    width: 100%;
}

.chairman-main.ceo-main .left {
    z-index: 1;
    padding: 20vw 0 0;
}
.chairman-main.ceo-main .chairman-swiper-main .chairmanSwiper .infos .img-holder .reveal {
    width: 60%;
    align-items: flex-end;
    display: flex;
    overflow: hidden !important;
}
.chairman-main.ceo-main .chairman-swiper-main .chairmanSwiper .infos .img-holder .reveal img {
    height: auto;
}
.ceo-main .chairman-swiper-main .chairmanSwiper .infos {
    grid-template-columns: 65% 35%;
    height: 100%;
}
.chairman-main .heading h2 {
    position: relative;
    border: 0;
}
.chairman-main.ceo-main .frameBg {
    background-size: 30%;
    background-position-x: 21.5vw;
    background-position-y: 18.5vw;
}
.chairman-main.ceo-main .chairman-swiper-main .chairmanSwiper .infos .left {
    width: 70%;
    left: 14vw;
    bottom: 7.5vw;
}
.shareholders h2 span{
    display: block;
    overflow: hidden;
}
.chairman-main .heading .bor {
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid rgba(0,0,0,.3);
    width: 100%;
    height: 1px;
}
/*.page-step {
    padding-bottom: 5vw;
}*/
.chairman-main .heading {
    margin: 8vw 0 0;
    z-index: 2;
    position: absolute;
    width: 100%;
}
.chairman-main .innerShadow {
    background-position-y: 0%;
}
.chairman-main .chairmanSwiper .swiper-slide {
    background: none;
    padding: 10vw 0 0;
}
.chairman-swiper-main .chairmanSwiper .infos .right .box-number {
    font-size: 2.7vw;
    color: #D02031;
    font-weight: bold;
    margin-bottom: 2vw;
    line-height: 1;
}
.chairman-swiper-main .chairmanSwiper .infos .right p {
    /* font-weight: 400; */
    font-size: 2.4vw;
    line-height: 1.1;
    margin-bottom: 2vw;
}
.chairman-main .chairman-swiper-main .chairmanSwiper .infos .left{
    left: 11vw;
    bottom: 2vw;
}
.chairman-main .frameBg {
    background-position-x: 69vw;
    background-position-y: 16vw;
}
.inner-banner.business-sec {
    position: relative;
}
.inner-banner .text .bor,
.inner-banner.business-sec .heading .bor {
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    width: 100%;
    height: 1px;
}
.inner-banner .bannar-img {
    position: relative;
}
.advance-sec .img i,
.inner-banner .bannar-img i{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1;
}
.main-text {
    padding: 0 0 5vw;
}
.achieveSwiper-mian .btn-adjact {
    position: relative;
    display: flex;
    /* right: 8vw; */
    grid-gap: 0 1vw;
    /* bottom: 0; */
    /* height: 100%; */
    top: 0;
    height: 30px;
    padding: 40px 0 0;
}
.achieveSwiper .swiper-pagination-progressbar {
    height: 1px !important;
    top: 65px !important;
}
.achieveSwiper .swiper-pagination-progressbar-fill {
    height: 4px !important;
    background: rgba(123, 110, 102, 1) !important;
    top: -2px !important;
}
.full-financials-main .arrow-new {
   border-bottom: 1px solid rgba(0, 0, 0, 0.5);
   flex-direction: row;
   align-items: center;
   margin: 70px 0 50px;
}
.full-financials-main .arrow-new .fraction{
    margin-left: 20px
}
.full-financials .inner {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    display: none;
    visibility: hidden;
}
.full-financials .inner.active{
    display: block;
    visibility: visible;
}
.full-financials .graph-main .lines ul li:last-child .line {
    bottom: 10px;
}

/*.chairman-swiper-main .chairmanSwiper .infos .img-holder.img-holder2 .reveal img {
    width: 75%;
    margin: 0 3vw 0 0;
}*/
.treasury-ban .text h2 {
    padding-bottom: 10px;
}
.textWith-image {
    display: flex;
}
.textWith-image {
    display: flex;
    align-items: center;
    padding: 0 0 0 8vw;
}
.textWith-image .img {
    width: 20%;
    flex: 1 0 auto;
}
.textWith-image .img img {
    width: 100%;
}
.text.textWith-image p {
    padding: 0 8vw 0 3vw;
}
.textWith-image .img.img2 {
    text-align: center;
}
.textWith-image .img.img2 img{
    width: 70%;
}
.more-btn {
    width: 80%;
    margin: 0 auto 0 0;
    padding: 3vw;
}
.more-btn a{
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    
   
}
.more-btn a span {
    color: #7B6E66;
    transition: all .5s ease;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    transition: all .5s ease;
}
.more-btn a svg{
    width: 30px;
    margin-left:1.5vw;
    transition: all .5s ease;
    transform: scale(1);
}
.more-btn a:hover span{
    color: #CE2030;
}
.more-btn a:hover svg {
    transform: scale(1.1);
}
.lineHeight {
    line-height: 1.2 !important;
}

.circleBox {
    position: absolute;
    top: 6vw;
    width: 26% !important;
    right: 5vw;
}
.circleBox img{
    position: absolute;
    top: 0;
    width: 100%;
}
.operating-income-main.box_all {
    background: transparent;
    padding: 0;
    width: 40%;
    margin-top: 3vw;
}

.operating-income-main.box_all .shape {
    display: none;
}

.operating-income-main.box_all .detail {
    padding: 0;
}
.yellow-text {
    font-weight: 400;
    font-size: 34px !important;
    line-height: 42px !important;
    font-family: 'Frutiger LT Arabic 45';
}
.conclusion-main {
    position: relative;
}
.chairman-main.conclusion-main .left {
    width: 80%;
}
.chairman-main.conclusion-main .innerShadow {
    background-position-y: 0;
    background-size: 80%;
    background-position-x: center;
}
.chairman-main.conclusion-main .shareholders {
    padding: 0 5vw 0vw 15vw;
}
.chairman-main.conclusion-main .chairman-content {
    padding: 0 8vw 5vw 22vw;
}
.chairman-main.conclusion-main .shareholders p,
.chairman-main.conclusion-main > p {
    padding: 0 0 30px 10vw;
}
.graph-treasury-holder {
    width: 100%;
}
.sustainability_sec .left .list .img
{
    width: 15% !important;
}
.sustainability_sec .lift .list .img img{}
.pd-2
{
    padding: 0 !important;
}

.fraction-arrows .arrows .swiper-button-next svg,
.bannar-swiper .inner .left .arrow-adj .swiper-button-next svg {
    transform: rotate(180deg);
}

.fraction-arrows .arrows .swiper-button-prev svg,
.bannar-swiper .inner .left .arrow-adj .swiper-button-prev svg {
    transform: rotate(-180deg);
}
.fraction-arrows .arrows .swiper-button-next, 
.btn-adjact .swiper-button-next {
    left: 0 !important;
}
.fraction-arrows .arrows .swiper-button-prev,
.btn-adjact .swiper-button-prev {
    right: 0 !important;
}
.svg-div {
    transform: rotate(180deg);
    margin: 0 -30px 0 30px;
}
.svg-div svg{
    margin: 0;
}
/* .marquee {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100%;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    font-size: 80px;
    font-family: 'Frutiger LT Arabic 45';
    text-transform: uppercase;
    color: #fff;
}
.marquee .marquee--inner {
    display: block;
    width: 500%;
    position: absolute;
    animation: marquee 40s linear infinite;
}
 .marquee .marquee--inner:hover {
    animation-play-state: paused;
    color: red;
}
 .marquee .marquee--inner span {
    float: left;
    width: 100%;
    overflow: hidden;
    transition: all .5s ease;
}
 @keyframes marquee {
    0% {
         right: 0;
    }
    100% {
        left: -100%;
    }
}*/
.highlights-section .horizantal-num ul li:nth-child(2) .box .number span.num,
.highlights-section .horizantal-num ul li:nth-child(3) .box .number span.num{
    left: -30px;
    bottom: 33px;
}
.chairman-swiper-main .img-holder.img-holder2 {
    margin: 3.8vw 0 0 0;
}

.chairman-swiper-main .img-holder.img-holder2 img {
    margin: 0 0 0 -2vw;
}
.ceo-new2 .img-holder.img-holder2 {
    margin: 0;
}


.arrow_home {
    position: absolute;
    z-index: 1;
}

.arrow_home img {
    position: relative;
    top: -35px;
    left: -40px;
}

.chairman-swiper-main .heading .right .fraction {
    font-weight: 700;
}
span.num.small_num {
    right: -28px !important;
}
.billion-sec .right .incread-sec .box img {
    width: 30%;
}
.trend_white {
    /*padding-top: 5vw;*/
}
.breached-main .box .bil {
    font-size: 1.5vw;
}
.chairman-swiper-main .heading .ch-cm {
    position: relative;
    width: 50%;
    height: 32px;
}
.chairman-swiper-main .heading h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 30px;
    color: #7B6E66;
    position: absolute;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease;
}
.chairman-swiper-main .heading h2.active {
    visibility: visible;
    opacity: 1;
}

.page-step.financial {
    position: relative;
    top: -120px;
}
.page-step a div {
    transform: rotate(180deg);
}
.bod-main .swiper-slide .box.last {
    background: #fff;
    position: relative;
}
.bod-main .swiper-slide .box.last::before {
    opacity: 0;
    visibility: hidden;
}
.bod-main .swiper-slide .box.last .page-step {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: #fff;
    width: 100%;
    justify-content: center;
}
.bod-main .swiper-slide .box.last .page-step a svg
{
    transform: rotate(180deg);
}