@import 'reset.css';
@import 'helpers.css';
@import 'cursor.css';
@import 'fonts.css';
@import 'header.css';

:root {
    --white: #fff; 
    --bodyText: #7B6E66;
}
html.has-scroll-smooth {
    overflow: hidden;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;  
}

body {
    font-family: 'Frutiger LT Arabic 55 Roman';
    font-size:  18px;
    color: var(--bodyText) ;
    overflow-x:hidden; 
    min-width: 360px;
    font-weight: 400;
    line-height: 22px;
}

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

/* Hide scrollbar for IE, Edge and Firefox */
::-webkit-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

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;
}

.head1 {
    font-size: 50px;
    line-height: 1.3;
}
.head2 {
    font-size: 115px;
    line-height: 1.25;
    position: relative;
}
.head3 {
    font-size: 30px;
    line-height: 1.2;
    position: relative;
}
.head4 {
    font-size: 54px;
    line-height: 1.17;
    position: relative;
}
.head5 {
    font-size: 36px;
    line-height: 1.17;
    position: relative;
}
.clr {
    color: #E41F28 !important;
}
.cl {
    color: #7D6E66 !important;
}
.cw {
    color: #fff  !important;
}
.co {
    color: #FCAF17  !important;
}

.p {
    font-size: 22px;
    line-height: 1.1;
}

.radius10 {
    border-radius: 10px;
}
.img {
    margin-bottom: 20px;
}
.img img{
    width: 100%;
}

ul li {
    margin-bottom: 20px;
}

.web_page {
    overflow: hidden;
}

.main-banner {
    padding: 12vw 0 5vw;
    text-align: center;

}

.horizontalScroller {
    height: 100vh;
    position: relative;
    z-index: 2;
}

.horizontalScroller__intro {
    margin-bottom: 1.5rem;
    color: #FFFFFF;
}

.horizontalScroller__header {
    margin-bottom: 1rem;
}

.horizontalScroller__scroll {
    height: 70%;
    position: relative;
    padding: 0 17% 0 3%;
}

.horizontalScroller__images {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 0 0;
    grid-gap: 2.5vw;
}

.horizontalScroller__item {
    width: 40%;
     height: 100%; 
    display: flex;
    justify-content: center;
    flex: 0 0 auto;
    position: relative;
    flex-direction: column;
}

.horizontalScroller__image {
    width: 70%;
    object-fit: fill;
    margin: 0 auto;
}

.horizontalScroller.pin-spacer-start {
    margin-top: -50vh; /* Adjust as needed based on the height of the pinned element */
}

.operating-head {
    padding: 0 25px;
    position: relative;
    z-index: 2;
}
.heading-line {
    margin-top: 0;
    width: 50%;
    
}
.heading-line i{
    width: 95%;
    height: 1px;
    background: #7D6E66;
    position: relative;
    display: block;
    margin-bottom: 30px;
}
.heading-line h2 span {

}
.home_pin  {
    background: #F5F5F5;
    display: flex;
    justify-content: end;
    flex-direction: column;
    height: 80%;
    padding: 2vw;
    transition: all .7s ease;
}
.home_pin .number {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #7D6E66;
    transition: all .6s ease;
    padding-bottom: 24px;
    align-items: end;
    margin-bottom: 24px;
}
.home_pin .number svg {
    stroke: #7D6E66;
    transition: all .7s ease;
}
.home_pin .number h2 {
    font-size: 20px;
}
.home_pin .number h2 span {
    font-size: 100px;
}
.home_pin:hover {
    background: #E41F28;
    color: #fff;
}
.home_pin:hover svg{
    stroke: #fff;
}
.home_pin:hover .number {
    border-color: #fff;
}

.financial-review {
    margin: 0 25px;
    overflow: hidden;
    position: relative;
}
.financial-review .operating-head {
    padding: 5vw 0 0;
}
.zoomer {
    position: relative;
    display: flex;
    /*justify-content: center;
    align-items: center;*/
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
.zoomer .images {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: absolute;
    left: 25px;
    bottom: 25px;
    margin-bottom: 0;
    transform-origin: bottom right;
    will-change: transform;
}
.zoomer .images .clipper {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: #F5F5F5;
    justify-content:end;
}

.zoomer .images .clipper img {
    width: 100%;
    object-fit: cover;
}
.process_sec .zoomer .images {
    left: 0;
    bottom: 0;
}
.process_sec .images .clipper {
    background: #fff;
    justify-content:center;
}
.process_sec .images .clipper  .info {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
}
.process_sec .images .clipper .info h2{
    font-size: 32px;
    line-height: 42px;
    color: #00843D;
    width: 55%;
    margin: auto;
    text-align: center;
}

/* Review Page */
.review-page {
    width: 100%;
    height: 100vh;
    background: #000;
}
.years-main {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
}
.years-main ul{
    display: flex;
    justify-content: space-between;
    padding: 0 25px 20px;
}
.years-main ul li {
    color: #fff;
    font-size: 20px;
    transition: all .7s ease;
    cursor: pointer;
    margin: 0;
    font-family: 'Frutiger LT Arabic 45';
}
.years-main ul li:hover,
.years-main ul li.active {
    color: #FCAF17;
    
}

.review-images {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
}

.review-images img {
    transition: all 1s ease;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    opacity: 0;
/*    transform: translate(0, 30px);*/
}

.review-images img.active {
    opacity: 1;
    filter: brightness(0.3);
/*    transform: translate(0px, 0px); */
}
.review-swiper.swiper {
    z-index: 2;
    height: 100%;
}
.review-swiper.swiper .swiper-line {
    position: absolute;
    bottom:8%;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    transition: all 1.2s ease;
}
.review-swiper.swiper .swiper-line img {
    /*width: 100%;
    height: 55%;*/
    margin: 0 0 0 -4%;
    width: 105%;
}
.review-swiper.swiper .swiper-line img {
    position: absolute;
    bottom: 0;
    right:   0;
    opacity: 0;
    transition: all .5s ease;
    z-index:    -1;
    visibility: hidden;
}
.review-swiper.swiper .swiper-line img.active {
    opacity: 1;
    z-index: 1;
    visibility: visible; 
}
.review-swiper.swiper .swiper-slide {
    align-items: center;
    display: flex;
}
.review-swiper.swiper .swiper-slide .box{
    display: flex;
    align-items: initial;
    position: relative;
    flex-direction: column;
}
.review-swiper.swiper .swiper-slide .circle {
    position: absolute;
    bottom: 0;
    right:13%;
    width: 20px;
    height: 20px;
    background: #fff;
    transition: all 1.2s ease;
    border-radius: 50%;
}
.review-swiper.swiper .swiper-slide .box h3{
    font-size: 1.2vw;
    color: rgba(255, 255, 255, .4);
    line-height: 1.2;
    transition: all .7s ease;
    margin: 0 0 12%;
}
/*.review-swiper.swiper .swiper-slide.active .box h3{
    color: rgba(255, 255, 255, 1);
   -webkit-text-stroke: .75px;
}*/
.review-swiper.swiper .swiper-slide.active .box {
    padding-bottom: 0;
}

/*.review-swiper.swiper .swiper-slide.slide-1 .box {
    right: 62%;
    top:24% 
}
.review-swiper.swiper .swiper-slide.slide-2 .box {
    right: 18%;
    top:auto;
    bottom: 27%;
}
.review-swiper.swiper .swiper-slide.slide-3 .box {
    right: 60%;
    top:auto;
    bottom: 15%;
}*/

/*.review-swiper.swiper .swiper-slide.active .circle{
    background: #E41F28;
}

.review-swiper.swiper .swiper-slide:nth-child(1) .circle{
    top: 39.5%;
    bottom: auto;
    right: 45%;
}
.review-swiper.swiper .swiper-slide:nth-child(2) .circle{
    top: auto;
    bottom: 16.5%;
}
.review-swiper.swiper .swiper-slide:nth-child(3) .circle{
    top: auto;
    bottom: 26.5%;
}
.review-swiper.swiper .swiper-slide:nth-child(4) .circle{
    top: 44.5%;
    bottom: auto;
}
.review-swiper.swiper .swiper-slide:nth-child(5) .circle{
    top: auto;
    bottom: 31%;
}
.review-swiper.swiper .swiper-slide:nth-child(6) .circle{
    top: 46%;
    bottom: auto;
}
.review-swiper.swiper .swiper-slide:nth-child(7) .circle{
    top: auto;
    bottom: 19%;
}
.review-swiper.swiper .swiper-slide:nth-child(8) .circle{
    top: auto;
    bottom: 31%;
}
.review-swiper.swiper .swiper-slide:nth-child(9) .circle{
    top: 36.5%;
    bottom: auto;
}
.review-swiper.swiper .swiper-slide:nth-child(10) .circle{
    top: auto;
    bottom: 25%;
    right: 16%;
}
.review-swiper.swiper .swiper-slide:nth-child(11) .circle{
    top: auto;
    bottom: 20%;
    right: 19%;
}
.review-swiper.swiper .swiper-slide:nth-child(12) .circle{
    top: 49.5%;
    bottom: auto;
    right: 5%;
}*/

.review-swiper.swiper .swiper-slide .box{
    position: absolute;
    top: 0;
    left: 13%;
    width: 50%;
    transition: all 1.2s ease;
}

/*.review-swiper.swiper .swiper-slide:nth-child(1) .box{
    top: 26%;
    right: 45%;
}
.review-swiper.swiper .swiper-slide:nth-child(2) .box{
    top: auto;
    bottom: 20%;
}
.review-swiper.swiper .swiper-slide:nth-child(3) .box{
    top: auto;
    bottom: 11%;
}
.review-swiper.swiper .swiper-slide:nth-child(4) .box{
    top: 33%;
    bottom: auto;
}
.review-swiper.swiper .swiper-slide:nth-child(5) .box{
    top: auto;
    bottom: 15%;
}
.review-swiper.swiper .swiper-slide:nth-child(6) .box{
    top: 35%;
    bottom: auto;
}
.review-swiper.swiper .swiper-slide:nth-child(7) .box{
    top: auto;
    bottom: 23%;
    /* left: 0; */
}
.review-swiper.swiper .swiper-slide:nth-child(8) .box{
    top: auto;
    bottom: 14%;
}
.review-swiper.swiper .swiper-slide:nth-child(9) .box{
    top: 44%;
    bottom: auto;
}
.review-swiper.swiper .swiper-slide:nth-child(10) .box{
    top: auto;
    bottom: 30%;
    left: 16%;
}
.review-swiper.swiper .swiper-slide:nth-child(11) .box{
    top: auto;
    bottom: 5%;
    left: 19%;
}
.review-swiper.swiper .swiper-slide:nth-child(12) .box{
    top: auto;
    bottom: 32%;
    width: 35%;
    right: 5%;
}*/




/*.review-swiper.swiper .swiper-slide {
    padding-left: 13%;
}
.review-swiper.swiper .swiper-slide:nth-child(1) {

}
.review-swiper.swiper .swiper-slide:nth-child(1) {
    padding-right: 13%;
    padding-top: 0;
    padding-left: 0;
}
.review-swiper.swiper .swiper-slide:nth-child(2) {
    padding-left: 13%;
    padding-top: 0;
}
.review-swiper.swiper .swiper-slide:nth-child(1) .box{
    bottom: 17.5%;
}
.review-swiper.swiper .swiper-slide:nth-child(2) .box{
    bottom: -18%;
}

.review-swiper.swiper .swiper-slide:nth-child(11),
.review-swiper.swiper .swiper-slide:nth-child(10),
.review-swiper.swiper .swiper-slide:nth-child(8),
.review-swiper.swiper .swiper-slide:nth-child(7),
.review-swiper.swiper .swiper-slide:nth-child(6),
.review-swiper.swiper .swiper-slide:nth-child(5),
.review-swiper.swiper .swiper-slide:nth-child(3){
    align-items: end;
    
}
.review-swiper.swiper .swiper-slide:nth-child(9) {
    padding-left: 13%;
}
.review-swiper.swiper .swiper-slide:nth-child(10) .circle,
.review-swiper.swiper .swiper-slide:nth-child(9) .circle,
.review-swiper.swiper .swiper-slide:nth-child(8) .circle,
.review-swiper.swiper .swiper-slide:nth-child(7) .circle,
.review-swiper.swiper .swiper-slide:nth-child(5) .circle,
.review-swiper.swiper .swiper-slide:nth-child(3) .circle{
     margin: 0 0 8%;
}
.review-swiper.swiper .swiper-slide:nth-child(3) .box{
    bottom: 12%;
}

.review-swiper.swiper .swiper-slide:nth-child(12),
.review-swiper.swiper .swiper-slide:nth-child(4){
    padding-left: 0;
}
.review-swiper.swiper .swiper-slide:nth-child(4) .box{
    bottom: 0;
    padding-right: 30%;
}

.review-swiper.swiper .swiper-slide:nth-child(5) .box{
    bottom: 20%;
}

.review-swiper.swiper .swiper-slide:nth-child(6) .box{
    bottom: 52.5%;
}
.review-swiper.swiper .swiper-slide:nth-child(7) .box{
    bottom: 18%;
}
.review-swiper.swiper .swiper-slide:nth-child(8){
    padding-left: 13%;
}

.review-swiper.swiper .swiper-slide:nth-child(8) .box{
    bottom: 6.5%;
    right: -25%;
}
.review-swiper.swiper .swiper-slide:nth-child(9) .box{
    bottom: 4%;
}
.review-swiper.swiper .swiper-slide:nth-child(10) .box{
    bottom: 14%;
    padding-right: 33%;
}

.review-swiper.swiper .swiper-slide:nth-child(11) .box{
    bottom: 25.5%;
    padding-right: 10%;
}
.review-swiper.swiper .swiper-slide:nth-child(12) .box{
    bottom: 10%;
}*/

/* business-banner */
.business-banner {
    padding:11vw 0 5vw;
}
.achieving-excellence-sec {

}
.offer_digital.achieving-excellence-sec {
    display: flex;
    height: auto;
    padding: 5vw 2vw 5vw 9vw;
    grid-gap: 0;
    justify-content: space-between;
}
.offer_digital.achieving-excellence-sec .operating-head{
    width: 46%;
}
.offer_digital.achieving-excellence-sec .operating-head .heading-line {
    width:100%;
}
.offer_digital.achieving-excellence-sec .operating-head .heading-line i {
    width:100%;
}
.info_text .para p {

}
.offer_digital.achieving-excellence-sec .offer_digital .main_info {
    margin: 0;
    width: 36%;
}
.offer_digital.achieving-excellence-sec .heading-line h2 {
    font-size: 2.3vw;
    line-height: 1;
    text-transform: uppercase;
}
.transactions-hol h3{
    font-size: 6.6vw;
    line-height: 1;
    border-bottom: 1px solid #fff;
    padding: 0 0 20px;
    margin: 0 0 20px;
}

/*.statement-sec.leading-team-sec {
    display: flex;
    justify-content: space-between;
    padding: 0 5vw 0 0;
}
.statement-sec.leading-team-sec .left {
    width: 30%;
}
.statement-sec.leading-team-sec .right {
    width: 48%;
}*/
.leadingSwiper .operating-head{
    padding: 0;
}
.leadingSwiper .operating-head .heading-line{
    width: 100%
}
.leadingSwiper .info_text {
    width: 70%;
    margin: 0;
}
.leadingSwiper .info_text .para {
    /* width: 50%; */
    flex: 1;
}
.leading-team-sec .left {
    position: relative;
    height: 100vh;
}
.leading-team-sec .left .img {
    transition: all 1s ease;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    transform: translate(0, 50px);
    margin: 0;
    opacity: 1;
    visibility: hidden;
}
.leading-team-sec .left .img img {
    margin-bottom: -4px;
}
.leading-team-sec .left .img.active {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px); 
}

.video-holder {
}
.video-holder video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*about*/
.about-banner {
    background: #E41F28;
    text-align: end;
    padding: 10vw 0 5vw;
    height: 100vh;
    position: relative;
/*    z-index: -1;*/
    margin-bottom: 80px;
}
.about-banner >div{
    z-index: 2;
    position: relative;
}
.about-banner >div h3{
    font-size: 11.3vw;
    line-height: .9;
    padding: 0 2vw;
}
.about-banner h4{
    color: #fff;
    text-align: right;
    padding: 0 2vw 0 0;
    font-size: 36px;
    width: 40%;
    line-height: 44px;
    margin-top: -80px;
    position: relative;
    z-index: 2;
}
.about-banner .img {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 1;
}

.about-sec {
    display: flex;
    justify-content: space-between;
}
.about-sec .info_text {
    width: 40%;
    padding-left: 8%;
}
.about-sec .info_text .para {
    width: 50%;
}
.home_pin.about-pin:hover {
    background: #E41F28;
    color: #fff;
}
.about_img img{
    width: 100%
}
.addition-sec {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
}
.addition-sec h2 {
    /*color: #E41F28;*/
    color: #7D6E66;
    font-size: 4.5vw;
    line-height: 1.6;
    text-align: center;
    text-transform: math-auto;
}
.offer_digital .main_info .info_text.full {
    margin-bottom: 0 !important;
}
.offer_digital .main_info .info_text .para {
    width: 100% !important;
}
.offer_digital .main_info .info_text .para p{
    margin-bottom: 20px;
}
.offer_digital .main_info .info_text .para p:last-child {
    margin-bottom: 0 !important;
}
.about-offer {
    margin: 0 !important;
    padding-bottom: 0 !important;
    height: 100vh !important;
}

.operating-video {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}
.operating-video video{
    width: 112%;
    object-fit: cover;
    transform: rotateY(180deg);
}

.globe-video video{
    width: 100%;
    height:100%;
    object-fit: cover;
}

.bantnet_sec .financial-video {
/*    margin-top:-20vw;*/
}
.bantnet_sec .financial-video video{
    width: 100%;
    object-fit: cover;
}

/*financial review*/
.financial-banner {
    padding: 0;
    position: relative;
    margin-bottom: 10vw;
}
.financial-banner .infos {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 18% 0 0;
}
.performance-box {
    display: flex;
    padding-right: 9.5%;
}
.performance-box .home_pin{
    height: auto;
    background: transparent;
    color: #fff !important;
    width: 35%;
    padding: 0;
}
.performance-box .home_pin .number svg {
    stroke: #fff;
}

.performance-box .home_pin .number {
    border-color: #fff;
    transition: initial;
}

.financial-banner .marquee .texts {

}
.financial-banner .marquee span {
    font-size: 7.7vw;
    color: #FCAF17;
    line-height: 1.2;
    text-transform: uppercase;
}

.financial-banksec .bantnet_sec{
    background: transparent;
    opacity: 1;
}

.financial-banksec {
    background: transparent;
    position: relative;
    margin-bottom: 15vw;
}
.financial-banksec .main_text {
    padding: 0 !important;
    /*margin: -12vw 0 0;*/
}
.financial-banksec .video-holder {
    position: absolute;
    right: 0;
    bottom: -50%;
    width: 100%;
    z-index: -1;
    overflow: hidden;
}

.financial-banksec .video-holder video {
    position: relative;
    right: -10%;
    width: 120%;
    transform: rotateY(180deg);
}

.result-sec {
    background: #7D6E66;
    margin-bottom: 8vw;
}
.result-sec h2 {
    color: #fff;
}

.assets-swiper .swiper-slide {
    display: flex;
    grid-gap: 3vw
}
.assets-swiper {
    overflow: initial;
}

.assets-swiper-main .adj_btn {
    right: auto;
    left: 4vw;
    bottom: 5vw;
}
.performance-box .home_pin .p {
    text-align: right;
    font-size: 2.3vw;
    line-height: 1.3;
}

.new_line2 .inner {
    width: 95%;
}

.branches-sec {
    background: #E41F28;
    padding: 10vw 0;
    margin: 0 0 8vw;
}
.branches-graph {
    padding: 0 11%;
}
.branches-graph ul {
    display: flex;
    justify-content: space-evenly;
    position: relative;
    flex-direction: row-reverse;
    height: 200px;
}
.branches-graph ul:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 32px;
    width: 100%;
    height: 1px;
    background: #fff;
}
.branches-graph ul li {
    color: #fff;
    position: relative;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
}

.branches-graph ul li .num{
    width: 50px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    height: 100%;
    border-color: #fff;
    margin: 0 0 10px;
    display: flex;
    align-items: end;
    justify-content: center;
    padding-bottom: 30px;
}
.branches-graph ul li .num span{

    transform: rotate(-90deg);

    font-size: 20px;
}
.branches-graph ul li .year{
    text-align: center;
    font-size: 18px;
    font-family: 'Frutiger LT Arabic 45';
    font-weight: 300;
    width: 100%;
}

.branches-graph ul li:nth-child(1) .num {
    height: 85%;
}
.branches-graph ul li:nth-child(2) .num {
    height: 100%;
    top: 0;
    position: relative;
}
.branches-graph ul li:nth-child(3) .num {
    height: 80%;
}
.branches-graph ul li:nth-child(4) .num {
    height: 70%;
}
.branches-graph ul li:nth-child(5) .num {
    height: 84%;
}
.leadingSwiper2{
    padding: 0;
}
.leadingSwiper2 .heading-line{
    width: 100%;
}
.info_text > .para {
    flex: 1;
}
.financial-sec-stat {
    padding-bottom: 10vw !important;
}

.composition-equity-sec {
    padding: 10vw 0;
    position: relative;
}
.composition-equity-sec .heading {
    position: absolute;
    top: 0;
    right: 100px;
}
.composition-equity-sec .adj_btn {
    right: 25px;
    bottom: auto;
    top: 0;
}
.composition-equity-sec .composition-lists {
    position: absolute;
    top: 0;
    left: 25px;
    width: 20%;
}

.composition-equity-sec .composition-lists ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease-in-out;
    transform: translateY(50px);
}
.composition-equity-sec .composition-lists ul.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.composition-equity-sec .composition-lists li{
    font-size: 20px;
    font-family: 'Frutiger LT Arabic 45';
    line-height: 1;
    padding-right: 34px;
    margin: 0 0 10px;
    position: relative;
}
.composition-equity-sec .composition-lists li .box{
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: #0B8442;
}
.composition-equity-sec .composition-lists li:nth-child(2) .box{
    background: #FCB042;
}
.composition-equity-sec .composition-lists li:nth-child(3) .box{
    background: #F3B081;
}
.composition-equity-sec .composition-lists li:nth-child(4) .box{
    background: #E41F28;
}
.composition-equity-sec .composition-lists li:nth-child(5) .box{
    background: #C3B8B3;
}
.composition-equity-sec .composition-lists li:nth-child(6) .box{
    background: #796E65;
}
.composition-equity-sec .composition-lists li:nth-child(7) .box{
    background: #99ACD3;
}


.compositionSwiper img {
    width: 100%;
}

.analysisSwiper .swiper-slide {
    text-align: center;
    padding: 2vw 0 10vw;
}
.analysisSwiper img{
    width: 60%;        
}
.analysisSwiper .adj_btn {
    right: 25px;
    bottom: auto;
    top: 0;
}

.analysis-graphs {
    position: relative;
}

.analysis-graphs .branches-graph {
    position: absolute;
    top: 0;
    left: 25%;
    padding: 0;
}

.analysis-graphs .branches-graph ul {
    display: flex;
    justify-content: space-evenly;
    position: relative;
    height: 100px;
}
.analysis-graphs .branches-graph ul:after {
    background: #796E65;
}
.analysis-graphs .branches-graph ul li {
    color: #796E65;
}
.analysis-graphs .branches-graph ul li:nth-child(1) .num {
    height: 60%;
}
.analysis-graphs ul li .num{
    width: 45px;
    
    border-color: #796E65;
    padding-bottom: 10px;
}

/* investment-opportunity-page */
.investment-opportunity-sec {
    background: #ffffff;
    height: 100vh;
    padding: 10% 0 0;
}
.investment-opportunity-sec .marquee {
    margin: 0 0 7%;
}
.investment-opportunity-sec .marquee span {
    font-size: 4.8vw;
    line-height: 1.3;
    text-transform: uppercase;
}
.investmentSwiper .swiper-slide {
    color: #fff;
}
.investmentSwiper .infos {
    padding: 0 10%;
    display: flex;
}
.investmentSwiper .infos .left{
    width: 50%;
    padding-left: 5%;
}
.investmentSwiper .infos h2 {
    font-size: 4vw;
    line-height: 1.1;
}
.investmentSwiper .infos p {
    font-size: 20px;
    line-height: 1.2;
}
.investmentSwiper .infos .right{
    width: 50%;
    padding-left: 5%;
}
.investmentSwiper .adj_btn {
    bottom: auto;
    top: 0;
    right: 25px;
    z-index: 2;
}

.loading-screen {
    position: relative;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    background-color: #FCAF17;
    width: 0%;
    height: 100%;
}

.load-container {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 10;
    pointer-events: none;
}

.bod_wrap {
    height: 100vh;
    padding-top: 10vw;
    display: flex;
    flex-direction: column;
    position: relative;
}
.bod_slider .bodSwiper .swiper-slide img {
    width: 75%;
    height: inherit;
    object-fit: cover;
    display: block;
}
.bod_slider {
    height: 100vh;
    display: flex;
    align-items: end;
}

.bod_slider .bodSwiper .swiper-slide .text {
    position: absolute;
    right: 0;
    bottom: 50%;
    transform: translate(100%, 125%);
}

.bod_slider .bodSwiper .swiper-slide .text h2 {
    font-size: 25px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: .5vw;
    color: #806F67;
}

.bod_slider .bodSwiper .swiper-slide .text p {
    font-size: 18px;
    color: #7B6E66;
}

.reveal {
    visibility: hidden;
    position: relative;
    overflow: hidden;
}
.reveal img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform-origin: left;
}

.bod_wrap .bod_bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 118%;
}

.bodSwiper .bod_img b {
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.bodSwiper .bod_img {
    position: relative;
    overflow: hidden;
}

.bodSwiper .bod_imgtwo b {
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.bodSwiper .bod_imgtwo {
    position: relative;
    overflow: hidden;
}
.statement-sec.leading-team-sec {
    padding: 0 0 0 5vw;
    opacity: 1;
}
/*.statement-sec.leading-team-sec .right {
    width: 100%;
}*/
.leadingSwiper .swiper-slide {
    display: flex;
    justify-content: space-between;
}
.leadingSwiper .swiper-slide .slide-left{
    width: 30%;
}
.leadingSwiper .swiper-slide .slide-left .img {
    margin-bottom: 0;
}
.leadingSwiper .swiper-slide .slide-right{
    width: 48%;
}

.statement-sec.leading-team-sec .right .adj_btn{
    right: 40%;
    bottom: 16vw;
    z-index: 1;
}

.common-boxes .grid{
    background: #F5F5F5;
    padding: 2vw;
    height: 100%;
    margin-top: 5vw;
}
.common-boxes .grid .img{
    display: flex;
    align-items: end;
    justify-content: end;
    margin-bottom: 2vw;
}
.common-boxes .grid .img img {
    width: auto;
}
.common-boxes .grid p {
    border-top: 1px solid #7D6E66;
    font-size: 32px;
    line-height: 1;
    padding-top: 1vw;
}

.common-boxes.dark  .grid{
    background: #E41F28;
    border: solid #fff 1px;
    transition: all .6s ease;
}
.common-boxes.dark  .grid p{
    color: #fff;
    border-color:#fff ;
}

.facilitateSwiper .swiper-slide{
    height: auto;
}
.process_sec_main2 .responsibly_sec,
.process_sec_main2 .headngIsHereNow,
.financial-review,
.statement-sec,
.bantnet_sec,
.process_sec,
.chairman_clear,
.chairman_proud,
.market_working,
.market_supp_sec,
.spear_anim_two,
.retaini_anim3,
.retaini_anim4,
.retaini_anim5,
.retaini_anim6,
.retaini_anim8,
.treasury_anim2,
.treasury_anim3,
.treasury_anim4,
.treasury_anim5,
.about_anim2,
.about_anim3,
.business_anim,
.business_anim1 {
    opacity: 0;
    transition: all .7s ease;
}
.financial-review.show,
.statement-sec.show,
.bantnet_sec.show,
.process_sec.show,
.chairman_clear.show,
.chairman_proud.show,
.market_working.show,
.market_supp_sec.show,
.spear_anim_two.show,
.retaini_anim3.show,
.retaini_anim4.show,
.retaini_anim5.show,
.retaini_anim6.show,
.retaini_anim8.show,
.treasury_anim2.show,
.treasury_anim3.show,
.treasury_anim4.show,
.treasury_anim5.show,
.about_anim2.show,
.about_anim3.show,
.business_anim.show,
.business_anim1.show,
.process_sec_main2 .headngIsHereNow.show,
.process_sec_main2 .responsibly_sec.show {
    opacity: 1;
}

.process_sec.ch_zoom {
    opacity: 1;
}


.review-swiper {
    background-repeat: no-repeat;
}
.review-swiper.swiper .swiper-slide .circle {
    display: none;
}

.statement-sec.leading-team-sec {
    opacity: 1;
    grid-gap: 0;
}

.statement-sec.leading-team-sec .right{
        width: 100%;
}

.statement-sec.leading-team-sec.financial-sec-stat {
    grid-gap: 15vw;
}

.swiper-line {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
}

.review-swiper.swiper .info-boxes {
    position: absolute;
    top:0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    transition: all 1.2s ease;
}
.review-swiper.swiper .info-boxes .box {
    position: relative;
    flex:1;
}
.review-swiper.swiper .info-boxes h3 {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}
.review-swiper.swiper .info-boxes h3{
    font-size: 1.2vw;
    color: rgba(255, 255, 255, .4);
    line-height: 1.2;
    transition: all .7s ease;
    margin: 0 0 12%;
}
.review-swiper.swiper .info-boxes .box.active h3{
    color: rgba(255, 255, 255, 1);
   -webkit-text-stroke: .60px;
}

.review-swiper.swiper .info-boxes .box:nth-child(9) h3,
.review-swiper.swiper .info-boxes .box:nth-child(5) h3,
.review-swiper.swiper .info-boxes .box:nth-child(1) h3{
    top: 35%;
    right: 59%;
}
.review-swiper.swiper .info-boxes .box:nth-child(9) h3,
.review-swiper.swiper .info-boxes .box:nth-child(5) h3 {
    right: 79%;
}
.review-swiper.swiper .info-boxes .box:nth-child(9) h3 {
    right: 99%;
}

.review-swiper.swiper .info-boxes .box:nth-child(10) h3,
.review-swiper.swiper .info-boxes .box:nth-child(6) h3,
.review-swiper.swiper .info-boxes .box:nth-child(2) h3{
    top: auto;
    right: 5%;
    bottom: 21%;
}
.review-swiper.swiper .info-boxes .box:nth-child(6) h3 {
    right: 24%;
}
.review-swiper.swiper .info-boxes .box:nth-child(10) h3 {
    right: 44%;
}
.review-swiper.swiper .info-boxes .box:nth-child(11) h3,
.review-swiper.swiper .info-boxes .box:nth-child(7) h3,
.review-swiper.swiper .info-boxes .box:nth-child(3) h3{
    top: auto;
    right: 39%;
    bottom: 7%;
}
.review-swiper.swiper .info-boxes .box:nth-child(7) h3 {
     right: 59%;
}
.review-swiper.swiper .info-boxes .box:nth-child(11) h3 {
     right: 79%;
}
.review-swiper.swiper .info-boxes .box:nth-child(12) h3,
.review-swiper.swiper .info-boxes .box:nth-child(8) h3,
.review-swiper.swiper .info-boxes .box:nth-child(4) h3{
    top: auto;
    right: 29%;
    bottom: 35%;
}
.review-swiper.swiper .info-boxes .box:nth-child(8) h3 {
    right: 49%;
}
.review-swiper.swiper .info-boxes .box:nth-child(12) h3 {
    right: auto;
    left: 18%;
    top: auto;
    bottom: 16%;
}

.home_pin.all_numb .number {
    flex-direction: column;
    padding: 2vw 0;
}

.home_pin.all_numb .number h2 {
    line-height: 1;
}

.treasury_banner img {
    /*filter: brightness(0.8);*/
}

.services_main .services_section .services_container.services_font_size h2 {
    font-size: 35px !important;
}



.sizew45.new_style {
    flex-direction: column;
    grid-gap: 2vw;
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
}
.sizew45.new_style .left
{
    width: auto;
}

.sizew45.new_style ul {
    padding-right: 2vw;
}

.sizew45.new_style ul li {
    margin: 0;
    font-size: 18px;
    line-height: 26px;
    list-style: disc;
    margin-bottom: 5px;
}

.adj_btn.business {
    bottom: 18vw;
}

.services_main .inner .left ul li a.active {
    color: rgba(196, 18, 48, 1);
}

.services_main_bottom.business_sl .inner .left {
    top: 0 !important;
    position: relative;
}

/*Download*/
.main-banner.red.download-banner {
    margin:0;
    text-align: right;
    padding: 10vw 25px 0 !important;
}
.download-img {
    position: relative;
    top: -7vw;
}
.download-img img{
    width: 100%;
}
.download-main {
    display: flex;
    padding: 0 25px;
    justify-content: space-between;
}
.download-main > .left{
    width: 44%;
}
.download-main > .right{
   width: 44%;
}
.download-main .heading {
    position: relative;
    margin-bottom: 3vw;
}
.download-head {
    position: relative;
    margin-bottom:5vw;
}
.download-head h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 38px;
    line-height: 44px;
    color:#7D6E66;
    margin: 0 0 30px;
}
.download-head .download_sec {
    display: flex;
    flex-direction: column;
}
.download-head .download_sec .down {
    width: 100%;
    height: 120px;
    padding: 0 2.5vw;
    color: #7D6E66;
    transition: all .7s ease;
}
.download-head .download_sec .down .icon{
    width: 70px;
    height: 70px;
    position: relative;
    overflow: hidden;
    background: #E41F28;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 0 0;
}
.download-head .download_sec .down .icon svg {
    /* position: absolute; */
    top: 0;
    /* right: 0; */
    width: 54px;
    height: 46px;
    stroke: #F5F5F5;
    transition: all .7s ease;
}
.download-head .download_sec .down:hover {
    background: #E41F28;
    color: #fff;
}
.download-head .download_sec .down:hover .icon {
    background: #fff;
}
.download-head .download_sec .down:hover .icon svg{
    stroke: #E41F28;
}
.download-body .box{
    display: flex;
    grid-gap: 30px;
    align-items: flex-start;
    margin: 0 0 3vw;
    flex-direction: column;
}
.download-body .box .lines{
    width: 13%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 18px;
    padding: 1vw 0 0;
}
.download-body .box .lines .line{
    width: 100%;
    position: relative;
}
.download-body .box .lines .line:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background: #CE2030;
    height: 2px;
}
.download-body .box .lines .shape{
    width: 20px;
    height: 20px;
    position: relative;
}
.download-body .box .lines .shape:before {
    content: '';
    position: absolute;
    top: 2px;
    right: 0;
    width: 16px;
    height: 16px;
    background: #CE2030;
    transform: rotate(45deg);
}
.download-body .download-center {
    width: 100%;
}
.download-body .download-center .ckeckbox-list{
    width: 100%;
    position: relative;
    padding-right: 44%;
}
.download-body .download-center .ckeckbox-list .firstLi {
    position: absolute;
    top: 0;
    right: 0;
    width: 44%;
}
.download-body .download-center .ckeckbox-list li{
    width: 100%;
}
.ckeckbox-list input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.ckeckbox-list label {
    position: relative;
    cursor: pointer;
    font-weight: 300;
    font-size: 20px;
    line-height: 1;
    color: #7B6E66;
    font-family: 'Frutiger LT Arabic 45';
    padding: 0 36px 0 0;
    display: block;
}

.ckeckbox-list label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid rgba(112, 103, 95, 1);
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); */
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 1vw;
    border-radius: 0;
    transition: all .5s ease;
    position: absolute;
    right: 0;
}
.ckeckbox-list input:checked + label:before {
    background:rgba(206, 32, 48, 1) ;
    border-color:rgba(206, 32, 48, 1) ;
}
.ckeckbox-list input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    right: 7px;
    width: 5px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.ckeckbox-list li:first-child label {
    font-weight: 300;
    font-size: 24px;
    /* line-height: 1; */
    color: #7D6E66;
    font-family: 'Frutiger LT Arabic 45';
}
.ckeckbox-list li:first-child {
    margin-bottom: 30px;
}
.ckeckbox-list li {
    margin-bottom: 20px;
}
.download-body {
    padding: 0 0 0vw;
}
.ckeckbox-list li:first-child input:checked + label:after {
    top: 3px;
}

.download-banner h2 {
    line-height: 1;
    color: #E41F28 !important;
}

.horizontalScroller__scroll.leveragedSecLight,
.horizontalScroller__scroll.facilitatePinSecRed,
.horizontalScroller__scroll.facilitatePinSec {
    padding: 0
}
.horizontalScroller__scroll.leveragedSecLight .horizontalScroller__images,
.horizontalScroller__scroll.facilitatePinSecRed .horizontalScroller__images {
    grid-gap: 1vw;
}
.horizontalScroller__scroll.leveragedSecLight .horizontalScroller__item,
.horizontalScroller__scroll.facilitatePinSecRed .horizontalScroller__item,
.horizontalScroller__scroll.facilitatePinSec .horizontalScroller__item {
    width: 33%;
}
.horizontalScroller__scroll.facilitatePinSecRed .home_pin,
.horizontalScroller__scroll.facilitatePinSec .home_pin {
    background: #fff;
}
.horizontalScroller__scroll.facilitatePinSecRed .home_pin {
    background: rgba(0, 0, 0, 15%);
}
.horizontalScroller__scroll.leveragedSecLight .common-boxes .grid,
.horizontalScroller__scroll.facilitatePinSecRed .common-boxes .grid,
.horizontalScroller__scroll.facilitatePinSec .common-boxes .grid {
    background: transparent;
    padding: 0;
}
.horizontalScroller__scroll.facilitatePinSec .common-boxes .grid p {
    color: #7D6E66 !important;
    font-size: 20px;
}
.horizontalScroller__scroll.leveragedSecLight .common-boxes .grid p {
    font-size: 30px;
    line-height: 1;
    padding-top: 1vw;
}
.horizontalScroller__scroll.facilitatePinSec .common-boxes .resize-image {
    width: auto !important;
}
.assets-swiper-main .adj_btn {
    z-index: 10;
}
.leveraged_sec.product_sec {
    margin-bottom: 8vw;
}
.horizontalScroller__scroll.leveragedSecLight .home_pin {
    background: #f5f5f5;
    color: #7D6E66 !important;
}

.dn-desktop {
    display: none !important;
}

.review-swiper.swiper .swiper-line-mb {
    position: absolute;
    bottom:0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    transition: all 1.2s ease;
}
.review-swiper.swiper .swiper-line-mb img {
    /*width: 100%;
    height: 55%;*/
    margin: 0 0 0 -4%;
    width: 105%;
}
.review-swiper.swiper .swiper-line-mb img {
    position: absolute;
    bottom: 0;
    right:   0;
    opacity: 0;
    transition: all .5s ease;
    z-index:    -1;
    visibility: hidden;
}
.review-swiper.swiper .swiper-line-mb img.active {
    opacity: 1;
    z-index: 1;
    visibility: visible; 
}

.composition-equity-sec .heading h2 {
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease-in-out;
    transform: translateY(50px);
    display: none;
}

.composition-equity-sec .heading h2.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    display: block;
}
.st0, .st1, .st2{
    transition: all .5s ease;
}
.st0:hover {
    /*transform: scale(1.01);*/
    fill: #00843D;
}
.st1:hover {
    /*transform: scale(1.01);*/
    fill: #00843D;
}
.st2:hover {
    /*transform: scale(1.01);*/
    fill: #00843D;
}
.swiper.analysisSwiper svg {
    width: 55%;
}

.process_sec_main2 .process_sec {
    background: transparent;
}
.headngIsHereNow {
    background: #7D6E66;
}
.headngIsHereNow h2 {
    color: #F6F6F6;
    font-size: 55px;
    line-height: 65px;
    font-weight: 400;
    text-transform: lowercase;
}

.headngIsHereNow  .text {
    width: 75%;
    margin: 0 auto;
    text-align: center;
    padding-top: 8vw;
}

.process_sec_main2 .process_sec .images .clipper .info h2{
    color: #fff;
}

.process_sec_main2.process_sec .text {
    padding: 8vw 0;
}

.responsibly_sec video{
    width: 100%;
    height:100%;
    object-fit: cover;
    margin-bottom: -6px;
}
.process_sec_main2 .responsibly_sec {
    height: auto;
}
.process_sec_main2 .responsibly_sec .img {
    margin-bottom: 0;
}
.process_sec_main2 .responsibly_sec .head {
    bottom: 0 !important;
}
.process_sec_main2 .responsibly_sec .head h2 {
    color: #7D6E66 !important;
}
.chairman_process .zoomer {
    flex-direction: column;
    height: auto;
}
.chairman_process .zoomer .images{
    position: relative;
    height: auto;
}

.process_sec.ch_zoom.chairman_process {
    margin-bottom:  0 !important;
}
.chairman_process .zoomer .images .clipper {
    height: auto;
    padding-bottom: 15vw;
}
.vision_new.vision_new_second {
    margin-bottom: 10vw;
}

.review-swiper.swiper .swiper-slide {
    position: relative;
}
.review-swiper.swiper .swiper-slide .info {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.review-swiper.swiper .swiper-slide .info .img {
    position: absolute;
    bottom: 5%;
    right: 0;
    width: 100%;
}

.review-swiper.swiper .swiper-slide .info .inner {
    display: flex;
    height: 100%;
}
.review-swiper.swiper .swiper-slide .info .inner .box {
    position: absolute;
    top: 0;
    width: 12%;
    left: 0;
}
.review-swiper.swiper .swiper-slide .box{
    display: flex;
    align-items: initial;
    position: relative;
    flex-direction: column;
    text-align: left;
}
.review-swiper.swiper .swiper-slide .box h3{
    font-size: 1vw;
    color: rgba(255, 255, 255, 1);
    line-height: 1.2;
    transition: all .7s ease;
}

/*1*/
.review-swiper.swiper .swiper-slide.slide-1 .info .inner .box:nth-child(1){
    top: 31%;
    left: 13%;
}
.review-swiper.swiper .swiper-slide.slide-1 .info .inner .box:nth-child(2){
    top: auto;
    left: 25%;
    bottom: 28%;
}
.review-swiper.swiper .swiper-slide.slide-1 .info .inner .box:nth-child(3){
    top: auto;
    left: 59.5%;
    bottom: 12%;
}
.review-swiper.swiper .swiper-slide.slide-1 .info .inner .box:nth-child(4){
    top: 47%;
    right: auto;
    right: 4%;
}

/*2*/
.review-swiper.swiper .swiper-slide.slide-2 .img img {
    /* transform: scale(-1); */
}
.review-swiper.swiper .swiper-slide.slide-2 .info .inner .box:nth-child(1){
    top: auto;
    left: 39%;
    bottom: 30%;
}
.review-swiper.swiper .swiper-slide.slide-2 .info .inner .box:nth-child(2){
    top: auto;
    left: auto;
    bottom: 41%;
    right: 2.5%;
}

/*3*/
.review-swiper.swiper .swiper-slide.slide-3 .img img {
/*    transform: scale(-1);*/
}
.review-swiper.swiper .swiper-slide.slide-3 .info .inner .box:nth-child(1){
    top: 31%;
    left: 13%;
}
.review-swiper.swiper .swiper-slide.slide-3 .info .inner .box:nth-child(2){
    top: auto;
    left: 25%;
    bottom: 28%;
}

.review-swiper.swiper .swiper-slide.slide-3 .info .inner .box:nth-child(2){
    top: auto;
    left: 25%;
    bottom: 28%;
}

.review-swiper.swiper .swiper-slide.slide-3 .info .inner .box:nth-child(3){
    top: auto;
    left: 59.5%;
    bottom: 11%;
}


/*4*/
.review-swiper.swiper .swiper-slide.slide-4 .img img {
    /* transform: scale(-1); */
}
.review-swiper.swiper .swiper-slide.slide-4 .info .inner .box:nth-child(1){
    top: auto;
    left: 39%;
    bottom: 30%;
}
.review-swiper.swiper .swiper-slide.slide-4 .info .inner .box:nth-child(2){
    top: auto;
    left: auto;
    bottom: 35%;
    right: 2.5%;
}

/*5*/
.review-swiper.swiper .swiper-slide.slide-5 .img img {
    /* transform: scale(-1); */
}
.review-swiper.swiper .swiper-slide.slide-5 .info .inner .box:nth-child(1){
    top: 31%;
    left: 13%;
}
.review-swiper.swiper .swiper-slide.slide-5 .info .inner .box:nth-child(2){
    top: auto;
    left: 59.5%;
    bottom: 9%;
}


/*6*/
.review-swiper.swiper .swiper-slide.slide-6 .img img {
    /* transform: scale(-1); */
}
.review-swiper.swiper .swiper-slide.slide-6 .info .inner .box:nth-child(1){
    top: auto;
    left: 39%;
    bottom: 30%;
}
.review-swiper.swiper .swiper-slide.slide-6 .info .inner .box:nth-child(2){
    top: auto;
    left: auto;
    bottom: 35%;
    right: 2.5%;
}

/*7*/
.review-swiper.swiper .swiper-slide.slide-7 .info .inner .box:nth-child(1){
    top: 24%;
    left: 6.5%;
}
.review-swiper.swiper .swiper-slide.slide-7 .info .inner .box:nth-child(2){
    top: 41%;
    left: 18.5%;
}
.review-swiper.swiper .swiper-slide.slide-7 .info .inner .box:nth-child(3){
    top: auto;
    left: 14.5%;
    bottom: 15%;
}
.review-swiper.swiper .swiper-slide.slide-7 .info .inner .box:nth-child(4){
    top: auto;
    left: 34.5%;
    bottom: 13%;
}
.review-swiper.swiper .swiper-slide.slide-7 .info .inner .box:nth-child(5){
    top: auto;
    left: 53%;
    bottom: 12%;
}
.review-swiper.swiper .swiper-slide.slide-7 .info .inner .box:nth-child(6){
    top: auto;
    left: 68%;
    bottom: 25%;
}

.review-swiper.swiper .swiper-slide.slide-1 .info .inner .box:nth-child(7){
    top: 24%;
    right: 6.5%;
}


.services_main.business_stake {}

.services_main.business_stake .inner {
    padding: 0;
    width: 72%;
    margin: auto;
}

.services_main.business_stake .inner .adj_btn {
    top: 10%;
    right: 0;
}

.services_main.business_stake .inner .right {
    padding: 0 10% 0 0;
}

.services_main.business_stake .inner .left {
    margin-bottom: 5vw;
    width: 100%;
}

.services_main.business_stake .inner .left > ul {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    grid-gap: 15px;
}

.services_main.business_stake .inner .left > ul > li {
    display: flex;
    flex-direction: column;
    background: #F5F5F5;
    align-items: end;
    cursor: pointer;
    padding: 20px 15px;
    justify-content: space-between;
    transition: all .6s ease;
    width: 20%;
    position: relative;
}
.services_main.business_stake .inner .left > ul > li:hover,
.services_main.business_stake .inner .left > ul > li.active {
    background: #E41F28;
}
.services_main.business_stake .inner .left > ul > li:hover p,
.services_main.business_stake .inner .left > ul > li.active p {
    color: #fff !important;
}
.services_main.business_stake .inner .left > ul > li:hover svg,
.services_main.business_stake .inner .left > ul > li.active svg {
    stroke: #fff !important;
}

.services_main.business_stake .inner .left > ul > li > .anim {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: space-between;
    height: 100%;
    grid-gap: 1vw;
}
.services_main.business_stake .inner .left > ul > li > .anim > p {
    text-align: end;
    color: #E41F28;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
}
.services_main.business_stake .inner .left > ul > li > .anim > svg {
    stroke: #796E65;
}

.steak_detail {
    display: flex;
}

.steak_detail > div h3 {
    font-size: 35px;
    line-height: 1;
    color: #E41F28;
}

.steak_detail > div p {
    position: relative;
    font-size: 35px;
    line-height: 1.3;
    margin-bottom: 1vw;
    font-weight: 300;
    font-family: 'Frutiger LT Arabic 45';
    padding-right: 2vw;
}

.steak_detail div:last-child {
    margin-right: 8vw;
}

.steak_detail > div {
    width: 50%;
}

.review-swiper.swiper .swiper-slide.slide-7 .info .inner .box:nth-child(7){
    top: 44%;
    left: auto;
    right: 3.5%;
}

/*8*/
.review-swiper.swiper .swiper-slide.slide-8 .img img {
    /* transform: scale(-1); */
}
.review-swiper.swiper .swiper-slide.slide-8 .info .inner .box:nth-child(1){
    top: auto;
    left: 39%;
    bottom: 30%;
}


/*9*/
.review-swiper.swiper .swiper-slide.slide-9 .img img {
    /* transform: scale(-1); */
}
.review-swiper.swiper .swiper-slide.slide-9 .info .inner .box:nth-child(1){
    top: auto;
    left: 54%;
    bottom: 30%;
}


/*10*/
.review-swiper.swiper .swiper-slide.slide-10 .img img {
    /* transform: scale(-1); */
}
.review-swiper.swiper .swiper-slide.slide-10 .info .inner .box:nth-child(1){
    top: auto;
    left: 39%;
    bottom: 30%;
}
.review-swiper.swiper .swiper-slide.slide-10 .info .inner .box:nth-child(2){
    top: auto;
    left: auto;
    bottom: 30%;
    right: 2.5%;
}

/*12*/
.review-swiper.swiper .swiper-slide.slide-12 .img img {
    /* transform: scale(-1); */
}
.review-swiper.swiper .swiper-slide.slide-12 .info .inner .box:nth-child(1){
    top: auto;
    left: 54%;
    bottom: 30%;
}

.numb_flex.capital {
    width: 100% !important;
}
p > span {
    font-size: 11px;
    position: relative;
    top: -10px;
}

.steak_detail > div p::before {
    content: "";
    position: absolute;
    right: 0;
    top: 25px;
    width: 8px;
    height: 8px;
    background: rgb(123, 110, 102);
    border-radius: 50%;
}

/*for mobile*/
.review-swiper-mb.swiper {
    height: 100%;
}
.review-swiper-mb.swiper .swiper-slide {
    position: relative;
}
.review-swiper-mb.swiper .swiper-slide .info {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.review-swiper-mb.swiper .swiper-slide .info .img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    margin-bottom: 0;
}
.review-swiper-mb.swiper .swiper-slide .info .img img{
    margin-bottom: -5px;
}
.review-swiper-mb.swiper .swiper-slide .info .inner {
    display: flex;
    height: 100%;
}
.review-swiper-mb.swiper .swiper-slide .info .inner .box {
    position: absolute;
    right: 0;
    width: 50%;
    bottom: 0;
}
.review-swiper-mb.swiper .swiper-slide .box{
    display: flex;
    align-items: initial;
    position: relative;
    flex-direction: column;
}
.review-swiper-mb.swiper .swiper-slide .box h3{
    font-size: 1vw;
    color: rgba(255, 255, 255, 1);
    line-height: 1.2;
    transition: all .7s ease;
}

/*1*/
.review-swiper-mb.swiper .swiper-slide.slide-1 .info .inner .box:nth-child(1){
    top: 31%;
    left: 5%;
    width: 45%;
    right: auto;
}
.review-swiper-mb.swiper .swiper-slide.slide-1 .info .inner .box:nth-child(2){
    top: auto;
    left: 5%;
    bottom: 50%;
    width: 40%;
    right: auto;
}
.review-swiper-mb.swiper .swiper-slide.slide-1 .info .inner .box:nth-child(3){
    top: auto;
    left: 20%;
    bottom: 23%;
    width: 35%;
    right: auto;
}
.review-swiper-mb.swiper .swiper-slide.slide-1 .info .inner .box:nth-child(4){
    top: auto;
    right: auto;
    width: 40%;
    bottom: 5%;
    right: 35%;
}

/*2*/
.review-swiper-mb.swiper .swiper-slide.slide-2 .img img {
    /* transform: scale(-1); */
}
.review-swiper-mb.swiper .swiper-slide.slide-2 .info .inner .box:nth-child(1){
    top: auto;
    right: 28%;
    bottom: 6%;
    width: 41%;
}
.review-swiper-mb.swiper .swiper-slide.slide-2 .info .inner .box:nth-child(2){
    top: auto;
    right: auto;
    bottom: 0;
    left: 2%;
    top: 33%;
    width: 43%;
}

/*3*/
.review-swiper-mb.swiper .swiper-slide.slide-3 .img img {
/*    transform: scale(-1);*/
}
.review-swiper-mb.swiper .swiper-slide.slide-3 .info .inner .box:nth-child(1){
    top: 32%;
    left: 0%;
    width: 45%;
    right: auto;
}
.review-swiper-mb.swiper .swiper-slide.slide-3 .info .inner .box:nth-child(2){
    top: auto;
    right: 25%;
    bottom: 28%;
}

.review-swiper-mb.swiper .swiper-slide.slide-3 .info .inner .box:nth-child(2){
    top: auto;
    right: 38%;
    bottom: 33%;
    width: 40%;
}

.review-swiper-mb.swiper .swiper-slide.slide-3 .info .inner .box:nth-child(3){
    top: auto;
    right: 30%;
    bottom: 6%;
    width: 35%;
}


/*4*/
.review-swiper-mb.swiper .swiper-slide.slide-4 .img img {
    /* transform: scale(-1); */
}
.review-swiper-mb.swiper .swiper-slide.slide-4 .info .inner .box:nth-child(1){
    top: 32%;
    left: 3%;
    width: 45%;
    right: auto;
}
.review-swiper-mb.swiper .swiper-slide.slide-4 .info .inner .box:nth-child(2){
    top: auto;
    right: auto;
    left: 28%;
    width: 40%;
    bottom: 7%;
}

/*5*/
.review-swiper-mb.swiper .swiper-slide.slide-5 .img img {
    /* transform: scale(-1); */
}
.review-swiper-mb.swiper .swiper-slide.slide-5 .info .inner .box:nth-child(1){
    top: 31%;
    left: 0%;
    width: 46%;
    right: auto;
}
.review-swiper-mb.swiper .swiper-slide.slide-5 .info .inner .box:nth-child(2){
    top: auto;
    right: 30%;
    bottom: 7%;
    width: 45%;
}


/*6*/
.review-swiper-mb.swiper .swiper-slide.slide-6 .img img {
    /* transform: scale(-1); */
}
.review-swiper-mb.swiper .swiper-slide.slide-6 .info .inner .box:nth-child(1){
    top: auto;
    left: 3%;
    top: 32%;
    width: 45%;
    right: auto;
}
.review-swiper-mb.swiper .swiper-slide.slide-6 .info .inner .box:nth-child(2){
    right: auto;
    bottom: 7%;
    left: 22%;
    width: 40%;
    top: auto;
}

/*7*/
.review-swiper-mb.swiper .swiper-slide.slide-7 .info .inner .box:nth-child(1){
    top: 18%;
    left: 10%;
    right: auto;
}
.review-swiper-mb.swiper .swiper-slide.slide-7 .info .inner .box:nth-child(2){
    top: 33%;
    left: 4%;
    width: 39%;
    right: auto;
}
.review-swiper-mb.swiper .swiper-slide.slide-7 .info .inner .box:nth-child(3){
    top: 44%;
    left: 2%;
    right: auto;
}
.review-swiper-mb.swiper .swiper-slide.slide-7 .info .inner .box:nth-child(4){
    top: auto;
    left: 32%;
    bottom: 38%;
    width: 45%;
    right: auto;
}
.review-swiper-mb.swiper .swiper-slide.slide-7 .info .inner .box:nth-child(5){
    top: auto;
    left: 21%;
    bottom: 30%;
    width: 47%;
    right: auto;
}
.review-swiper-mb.swiper .swiper-slide.slide-7 .info .inner .box:nth-child(6){
    top: auto;
    left: 10%;
    bottom: 22%;
    width: 55%;
    right: auto;
}
.review-swiper-mb.swiper .swiper-slide.slide-7 .info .inner .box:nth-child(7){
    
width: 45%;
    
right: 35%;
    
bottom: 5%;
    
left: auto;
}
.review-swiper-mb.swiper .swiper-slide.slide-1 .info .inner .box:nth-child(7){
    top: 24%;
    right: 6.5%;
}

/*8*/
.review-swiper-mb.swiper .swiper-slide.slide-8 .img img {
    /* transform: scale(-1); */
}
.review-swiper-mb.swiper .swiper-slide.slide-8 .info .inner .box:nth-child(1){
    left: -2%;
    top: 32%;
    right: auto;
}


/*9*/
.review-swiper-mb.swiper .swiper-slide.slide-9 .img img {
    /* transform: scale(-1); */
}
.review-swiper-mb.swiper .swiper-slide.slide-9 .info .inner .box:nth-child(1){
    top: 30%;
    left: 5%;
    width: 40%;
    right: auto;
}


/*10*/
.review-swiper-mb.swiper .swiper-slide.slide-10 .img img {
    /* transform: scale(-1); */
}
.review-swiper-mb.swiper .swiper-slide.slide-10 .info .inner .box:nth-child(1){
    left: 2%;
    top: 32%;
    width: 45%;
    right: auto;
}
.review-swiper-mb.swiper .swiper-slide.slide-10 .info .inner .box:nth-child(2){
    top: auto;
    bottom: 6%;
    right: auto;
    left: 16%;
}

/*12*/
.review-swiper-mb.swiper .swiper-slide.slide-12 .img img {
    /* transform: scale(-1); */
}
.review-swiper-mb.swiper .swiper-slide.slide-12 .info .inner .box:nth-child(1){
    top: auto;
    left: 5%;
    top: 32%;
    width: 40%;
    right: auto;
}

.review-swiper-mb.swiper .swiper-slide {
    opacity: 0 !important;
}
.review-swiper-mb.swiper .swiper-slide.swiper-slide-active {
    opacity: 1 !important
}
.review-swiper-mb.swiper .swiper-slide .box h3 {
    font-size: 16px;
}

.Reference_sec .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}


.download_report .read_more.webs .arrow {
    transform: rotate(90deg);
}
.about-offer .main_info .info_text .para p {
    font-weight: bold;
}

.pdf_sec{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.subsidiary_banner >div img
{
    padding: 0 2vw 0 0;
    margin-bottom: 2vw;
}
/*.services_main .inner .left ul li:first-child a {
    color: rgba(196, 18, 48, 1);
}*/
.financial-banner .home_pin .number h2 {
    width: auto;
}
.financial_swiper .about-sec .info_text
{
    padding-left: 6%;
}
.home_pin p
{
    font-size: 20px;
}
.people_text {
    width: 55% !important;
}
.people_text .left .operating-head .heading-line
{
    width: 100% !important;
}
.information h2 
{
    line-height: 1.2;
}
.width85
{
    width: 85%;
    margin: auto;
}

.review-swiper.swiper .swiper-slide.slide-7 .info .img {
    margin-top: 0;
    bottom: 3.6%;
}
.page-step2{
    position: absolute;
    bottom: 3vw;
    z-index: 2;
}
.common-boxes.dark .grid:hover {
    background: #7D6E66;
    border: solid #7D6E66 1px;
}
.financial_swiper .swiper-slide {
    opacity: 0 !important;
}
.financial_swiper .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}

.awards-page .header.scrollUp{
    transform: translateY(0);
}