:root {
  --color-primary: #1f278f;   /* Deep Blue */
  --color-accent:  #00b8de;   /* Cyan Blue */
  --color-light:   #c9e8f6;   /* Light Sky Blue */
}
body {
    font-family: "co_textlight";
    outline: none;
    position: relative;
    /* font-size: 14px; */
    text-rendering: optimizelegibility;
    font-smooth: always;
    letter-spacing: normal;
    webkit-font-smoothing: antialiased;
    color: #fff;
    background: #000;
}

.font-bold{
font-family: "co_textbold";

}

.font-regular{
font-family: "co_textregular";

}

.font-light{
font-family: "co_textlight";
}
/* 
.font-light-ar{
    font-family: "almarailight";
}

.font-bold-ar{
    font-family: "almaraibold";
}

body.arabic {
    font-family: "almarailight";
    outline: none;
    position: relative;
    font-size: 14px;
    text-rendering: optimizelegibility;
    font-smooth: always;
    letter-spacing: normal;
    webkit-font-smoothing: antialiased;
    color: #fff;
    background: #000;
} */

.f-s-0-5vw { font-size: 0.5vw; }
.f-s-0-6vw { font-size: 0.6vw; }
.f-s-0-7vw { font-size: 0.7vw; }
.f-s-0-8vw { font-size: 0.8vw; }
.f-s-0-9vw { font-size: 0.9vw; }
.f-s-1vw   { font-size: 1vw; }
.f-s-1-1vw { font-size: 1.1vw; }
.f-s-1-2vw { font-size: 1.2vw; }
.f-s-1-3vw { font-size: 1.3vw; }
.f-s-1-4vw { font-size: 1.4vw; }
.f-s-1-5vw { font-size: 1.5vw; }
.f-s-1-6vw { font-size: 1.6vw; }
.f-s-1-7vw { font-size: 1.7vw; }
.f-s-1-8vw { font-size: 1.8vw; }
.f-s-1-9vw { font-size: 1.9vw; }
.f-s-2vw   { font-size: 2vw; }
.f-s-2-5vw { font-size: 2.5vw; }
.f-s-3vw   { font-size: 3vw; }
.f-s-3-5vw { font-size: 3.5vw; }
.f-s-4vw   { font-size: 4vw; }
.f-s-4-5vw { font-size: 4.5vw; }
.f-s-5vw   { font-size: 5vw; }

/* Width Utilities (vw) */
.w-0-5vw { width: 0.5vw; }
.w-0-6vw { width: 0.6vw; }
.w-0-7vw { width: 0.7vw; }
.w-0-8vw { width: 0.8vw; }
.w-0-9vw { width: 0.9vw; }
.w-1vw   { width: 1vw; }
.w-1-1vw { width: 1.1vw; }
.w-1-2vw { width: 1.2vw; }
.w-1-3vw { width: 1.3vw; }
.w-1-4vw { width: 1.4vw; }
.w-1-5vw { width: 1.5vw; }
.w-1-6vw { width: 1.6vw; }
.w-1-7vw { width: 1.7vw; }
.w-1-8vw { width: 1.8vw; }
.w-1-9vw { width: 1.9vw; }
.w-2vw   { width: 2vw; }
.w-2-5vw { width: 2.5vw; }
.w-3vw   { width: 3vw; }
.w-3-5vw { width: 3.5vw; }
.w-4vw   { width: 4vw; }
.w-4-5vw { width: 4.5vw; }
.w-5vw   { width: 5vw; }
.w-6vw   { width: 6vw; }
.w-7vw   { width: 7vw; }
.w-8vw   { width: 8vw; }
.w-9vw   { width: 9vw; }
.w-10vw  { width: 10vw; }
header,
section,
footer,
aside,
div,
ul,
ul li,
li,
input,
label {
    box-sizing: border-box;
}

h1,
h2 {
    padding: 0;
    margin: 0;
    /* font-weight: 600; */
    font-family: "co_textregular";
}
.arabic h1,
.arabic h2 {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-family: "almaraibold";
}

p {
    /* font-size: 16px;
    line-height: 24px; */
}

ul,
ul li,
li {
    list-style-type: none;
}

ul,
ol {
    padding: 0;
    margin: 0;
}

a,
a:hover,
a:focus,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
    transition: ease-in 0.3s;
}

.align_center {
    align-items: center;
}
.container {
    max-width: 77%;
}

 .section13 .container{
    max-width: 87%;

}

.container-fluid {
    max-width: 88vw;
    padding: 0;
}

.container-fluid .row {
    margin: 0;
}

.container-fluid .col-lg-12,
.container-fluid .col-md-12 {
    padding: 0;
}

header {
    width: 100%;
    position: absolute;
    z-index: 9999;
    color: #000;
    padding: 3% 0;
    /* background: rgba(255, 255, 255, 0.7); */
    top: 0px;
}
.arabic a{

}


header span.arabic,
header a.full_rep,
header .logo_area {
    display: none;
}
body.fp-viewing-section1 header {
    background: none;
}
body.fp-viewing-section1 header span.arabic,
body.fp-viewing-section1 header a.full_rep,
body.fp-viewing-section1 header .logo_area {
    display: block;
}

.logo_area img {
    max-height: 80px;
}

/* Sections backgrounds
* --------------------------------------- */

.section0 {
    background-image: url("../images/section_0.jpg");
    background-position: 0px 0px;
    background-repeat: repeat-x;
    animation: animatedBackground 5s linear infinite;
    width: 100%;
}
.section0.arab_load{ background-image: url("../images/section_0_arab.jpg") !important;}
@keyframes animatedBackground {
    from {
        background-size: 100% 100%;
    }
    to {
        background-size: 150% 150%;
    }
}

.section1 {
    /* background: url("../images/section_001.jpg") !important; */
    background-size: cover!important;
    background-color: var(--color-accent);

}
.arabic .section1 {
    background: url("../images/section_a01.jpg") !important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.section2 {
    background: url("../images/section_0.jpg") !important;
    background-size: cover!important;

}

.section3 {
    background: url("../images/section_03.jpg") !important;
    background-size: cover!important;
}

.section4 {
    background: url("../images/section_04.jpg") !important;
    background-size: cover!important;

}

.section5 {
    background: url("../images/section_05.jpg") !important;
    background-size: cover!important;
}

.section6 {
    background: url("../images/section_06.jpg") !important;
    background-size: cover!important;
}

.section7 {
    background: url("../images/section_07.jpg") !important;
    background-size: cover!important;
}
.arabic .section7 {
    background: url("../images/section_a07.jpg") !important;
    background-size: cover!important;
}
.section8 {
    background: url("../images/section_08.jpg") !important;
    background-size: cover!important;
}
.arabic .section8 {
    background: url("../images/section_a08.jpg") !important;
    background-size: cover!important;
}
.section9 {
    background: url("../images/section_09.jpg") !important;
    background-size: cover!important;
}

.section10 {
    background: url("../images/section_04.jpg") !important;
    background-size: cover!important;
}

.section11 {
    background: url("../images/section_06.jpg") !important;
    background-size: cover!important;
}

.section12 {
    background: url("../images/section_12.jpg") !important;
    background-size: cover!important;
}

.section13 {
    background: url("../images/section_13.jpg") !important;
    background-size: cover!important;
}
/* .partership_ul_li {
    position: relative;
    height: 300px;
}
.partership_ul {
    position: absolute;
} */
.impact_develop-btn a {
    font-size: 16px;
    text-transform: uppercase;
    color: #00b8de;
    text-decoration: underline;
    font-family: "co_textbold";
}
.arabic .impact_develop-btn a {
    font-size: 16px;
    text-transform: uppercase;
    color: #00b8de;
    text-decoration: underline;
    font-family: "almaraibold";
}
.impact_develop-btn {
    float: right;
    width: 100%;
    text-align: end;
    margin-bottom: 60px;
}
.support {
    position: absolute;
    right: 35px;
    top: 400px;
    color: #00b8de;
    font-size: 16px;
    z-index: 999;
    text-decoration: underline;
    font-family: "co_textbold";
}
.support {
    position: absolute;
    right: 35px;
    top: 400px;
    color: #00b8de;
    font-size: 16px;
    z-index: 999;
    text-decoration: underline;
    font-family: "co_textbold";
}
.arabic .support {
    position: absolute;
    right: 35px;
    top: 400px;
    color: #00b8de;
    font-size: 16px;
    z-index: 999;
    text-decoration: underline;
    font-family: "almaraibold";
}
.partner-row {
    margin: 0px 0 0;
}
.partn{
    margin-bottom: 150px!important;
}
.business_intro a {
   
    font-family: "co_textlight";
    color: #fff;
   
    display: flex;
    align-items: center;
   
}
.arabic .business_intro a {
    display: inline-block;
    padding: 0px 7px 0px 22px;
    border-radius: 30px;
    font-family: "almaraibold";
    color: #fff;
    text-transform: uppercase;
    line-height: normal;
    height: 44px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #fff;
}
.business_intro a img {
    /* margin-left: 19px; */
    width: 1.2vw;
}
ul.business li {
    display: flex;
    flex-direction: column;
    margin-right: 30px;
}


.business_intro h3 {
    font-size: 1vw;
    line-height: 1.1vw;
    color: white;
    font-family: "co_textbold";
    margin: 1vw 0;

}
.arabic .business_intro h3 {
    font-size: 20px;
    line-height: 24px;
    color: #00b8de;
    font-family: "almaraibold";
    margin: 0;
}
.business_intro p {
    font-size: 1vw;
        line-height: 1.3vw;
        color: var(--color-accent);
}
ul.business {
    /* padding-right: 20px; */
    display: flex;
    flex-direction: row;
}
ul.business.business-right {
    padding-left: 20px;
    padding-right: 0px;
}
ul.business.business-right li figure {
    border-radius: 0;
}
ul.business.business-right li figure img {
    border-radius: 0;
}
.business__box {
    position: relative;
}

.main__heading.business-head {
    padding-left: 25px;
}
.scrollup {
    position: fixed;
    bottom: 1em;
    left: 4vw;
    width: 3vw;
    height: 3vw;
    /* background-image: linear-gradient(to right, #384182, #5f9fc7); */
    background-color: #00b8de;
    color: #fff;
    border-radius: 50px;
    /* line-height: 40px; */
    transition: ease-in 0.3s all;
    z-index: 999;
    text-align: center;
    /* font-size: 20px; */
    display: flex;
}
.scrollup img {
    width: 1.8vw;
    margin: 0 auto;
    align-self: center;
}

.scrollup:hover {
    background-image: linear-gradient(to right, #5f9fc7, #384182);
}

.fp-viewing-section1 .scrollup {
    display: none;
}

.left_anm {
    transition: ease-in 0.3s all;
    -webkit-animation: left_anm 1s 0.5s;
    animation: left_anm 1s 0.5s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    opacity: 0;
    -webkit-opacity: 0;
}

@keyframes left_anm {
    0% {
        opacity: 0;
        transform: translate3d(-50px, 0px, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes left_anm {
    0% {
        transform: scale(0.7);
        opacity: 0;
        transform: translate3d(-50px, 0px, 0);
    }

    100% {
        transform: scale(1);
        opacity: 1;
        transform: none;
    }
}

.rgt_anm {
    transition: ease-in 0.3s all;
    -webkit-animation: rgt_anm 1s 1s;
    animation: rgt_anm 1s 1s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    opacity: 0;
    -webkit-opacity: 0;
}

@keyframes rgt_anm {
    0% {
        opacity: 0;
        transform: translate3d(50px, 0, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rgt_anm {
    0% {
        transform: scale(0.7);
        opacity: 0;
        transform: translate3d(50px, 00px, 0);
    }

    100% {
        transform: scale(1);
        opacity: 1;
        transform: none;
    }
}

.mid_anm {
    transition: ease-in 0.3s all;
    -webkit-animation: bulb 0.3s 0.2s;
    animation: bulb 0.3s 0.2s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 100 !important;
    opacity: 0;
    -webkit-opacity: 0;
    cursor: pointer;
}

@keyframes bulb {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes bulb {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.top_anm {
    transition: ease-in 0.3s all;
    -webkit-animation: top_anm 0.5s 0.1s;
    animation: top_anm 1s 0.1s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    opacity: 0;
    -webkit-opacity: 0;
    z-index: 99;
}

@keyframes top_anm {
    0% {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes top_anm {
    0% {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.top_anm_2 {
    transition: ease-in 0.3s all;
    -webkit-animation: top_anm_2 1s 1s;
    animation: top_anm 1s 1s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    opacity: 0;
    -webkit-opacity: 0;
    z-index: 99;
}

@keyframes top_anm_2 {
    0% {
        opacity: 0.3;
        transform: translate3d(0, 30px, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes top_anm_2 {
    0% {
        opacity: 0.3;
        transform: translate3d(0, 30px, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
.top_anm_3 {
    transition: ease-in 0.3s all;
    -webkit-animation: top_anm_3 1s 2s;
    animation: top_anm_3 1s 2s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    opacity: 0;
    -webkit-opacity: 0;
    z-index: 99;
}

@keyframes top_anm_3 {
    0% {
        opacity: 0.3;
        transform: translate3d(0, 30px, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes top_anm_3 {
    0% {
        opacity: 0.3;
        transform: translate3d(0, 30px, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

.top_anm_4 {
    transition: ease-in 0.3s all;
    -webkit-animation: top_anm_4 1s 3s;
    animation: top_anm_4 1s 3s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    opacity: 0;
    -webkit-opacity: 0;
    z-index: 99;
}

@keyframes top_anm_4 {
    0% {
        opacity: 0.3;
        transform: translate3d(0, 30px, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes top_anm_4 {
    0% {
        opacity: 0.3;
        transform: translate3d(0, 30px, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

.top_anm_5 {
    transition: ease-in 0.3s all;
    -webkit-animation: top_anm_5 1s 4s;
    animation: top_anm_5 1s 4s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    opacity: 0;
    -webkit-opacity: 0;
    z-index: 99;
}

@keyframes top_anm_5 {
    0% {
        opacity: 0.3;
        transform: translate3d(0, 30px, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes top_anm_5 {
    0% {
        opacity: 0.3;
        transform: translate3d(0, 30px, 0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

.top_anm_6 {
    transition: ease-in 0.3s all;
    -webkit-animation: top_anm_6 1s 5s;
    animation: top_anm_6 1s 5s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    opacity: 0;
    -webkit-opacity: 0;
    z-index: 99;
}

@keyframes top_anm_6 {
    0% {
        opacity: 0.3;
        transform: rotate(90deg);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
/* Chrome, Safari, Opera */
@-webkit-keyframes top_anm_6 {
    0% {
        opacity: 0.3;
        transform: rotate(90deg);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

.srvc_1 {
    transition: ease-in 0.3s all;
    -webkit-animation: srvc_1 0.3s 1.2s;
    animation: srvc_1 0.3s 1.2s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 100 !important;
    opacity: 0;
    -webkit-opacity: 0;
    cursor: pointer;
}

@keyframes srvc_1 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_1 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.srvc_2 {
    transition: ease-in 0.3s all;
    -webkit-animation: srvc_2 0.3s 1.4s;
    animation: srvc_2 0.3s 1.4s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 100 !important;
    opacity: 0;
    -webkit-opacity: 0;
    cursor: pointer;
}

@keyframes srvc_2 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_2 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.srvc_3 {
    transition: ease-in 0.3s all;
    -webkit-animation: srvc_3 0.3s 1.6s;
    animation: srvc_3 0.3s 1.6s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 100 !important;
    opacity: 0;
    -webkit-opacity: 0;
    cursor: pointer;
}

@keyframes srvc_3 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_3 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.srvc_4 {
    transition: ease-in 0.3s all;
    -webkit-animation: srvc_4 0.3s 1.8s;
    animation: srvc_4 0.3s 1.8s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 100 !important;
    opacity: 0;
    -webkit-opacity: 0;
    cursor: pointer;
}

@keyframes srvc_4 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_4 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.srvc_5 {
    transition: ease-in 0.3s all;
    -webkit-animation: srvc_5 0.3s 2s;
    animation: srvc_5 0.5s 2s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 100 !important;
    opacity: 0;
    -webkit-opacity: 0;
    cursor: pointer;
}

@keyframes srvc_5 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_5 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.srvc_6 {
    transition: ease-in 0.3s all;
    -webkit-animation: srvc_6 0.3s 2.2s;
    animation: srvc_6 0.3s 2.2s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 100 !important;
    opacity: 0;
    -webkit-opacity: 0;
    cursor: pointer;
}

@keyframes srvc_6 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_6 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.srvc_7 {
    transition: ease-in 0.3s all;
    -webkit-animation: srvc_7 0.3s 2.4s;
    animation: srvc_7 0.3s 2.4s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 100 !important;
    opacity: 0;
    -webkit-opacity: 0;
    cursor: pointer;
}

@keyframes srvc_7 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_7 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.srvc_8 {
    transition: ease-in 0.3s all;
    -webkit-animation: srvc_8 0.3s 2.6s;
    animation: srvc_8 0.3s 2.6s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 100 !important;
    opacity: 0;
    -webkit-opacity: 0;
    cursor: pointer;
}

@keyframes srvc_8 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_8 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.srvc_9 {
    transition: ease-in 0.3s all;
    -webkit-animation: srvc_9 0.3s 2.8s;
    animation: srvc_9 0.3s 2.8s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 100 !important;
    opacity: 0;
    -webkit-opacity: 0;
    cursor: pointer;
}

@keyframes srvc_9 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_9 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.srvc_10 {
    transition: ease-in 0.3s all;
    -webkit-animation: srvc_10 0.3s 3s;
    animation: srvc_10 0.3s 3s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 100 !important;
    opacity: 0;
    -webkit-opacity: 0;
    cursor: pointer;
}

@keyframes srvc_10 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_10 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.srvc_11 {
    transition: ease-in 0.3s all;
    -webkit-animation: srvc_11 0.3s 3.2s;
    animation: srvc_11 0.3s 3.2s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 100 !important;
    opacity: 0;
    -webkit-opacity: 0;
    cursor: pointer;
}

@keyframes srvc_11 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_11 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.srvc_12 {
    transition: ease-in 0.3s all;
    -webkit-animation: srvc_12 0.3s 3.4s;
    animation: srvc_12 0.3s 3.4s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 100 !important;
    opacity: 0;
    -webkit-opacity: 0;
    cursor: pointer;
}

@keyframes srvc_12 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_12 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.srvc_13 {
    transition: ease-in 0.3s all;
    -webkit-animation: srvc_13 0.3s 3.6s;
    animation: srvc_13 0.3s 3.6s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 100 !important;
    opacity: 0;
    -webkit-opacity: 0;
    cursor: pointer;
}

@keyframes srvc_13 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes srvc_13 {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/*.about__section {
padding: 0px 130px 0 0;
    width: 75%;
    margin-left: -100px;
}
*/
#fp-nav.right {
    left: 120px !important;
}
.al-tp{
    margin-top: -50px!important;
    margin-bottom: 50px!important;
}
.about__section a {
    background: transparent;
    display: inline-block;
    /* padding: 5px 10px 5px 20px; */
    /* border-radius: 30px; */
font-family: "co_textlight";
    color: #00b9e0;
    /* text-transform: uppercase; */
    /* margin: 35px 0 0; */
    /* border: 1px solid #fff; */
    float: right;
}
.arabic .about__section a {
    background: transparent;
    display: inline-block;
    padding: 5px 10px 5px 20px;
    border-radius: 30px;
    font-family: "almaraibold";
    color: #fff;
    text-transform: uppercase;
    margin: 35px 0 0;
    border: 1px solid #fff;
    width: 140px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about__section a img {
    height: 1.5vw;
    margin-left: 0.1vw;
}

.main__heading {
    position: relative;
    margin: 0 0 25px;

}

.main__heading > span {
    position: absolute;
    content: "";
    background-color: #00b8de;
    width: 30px;
    height: 5px;
    left: 0;
    top: 28px;
}
.main__heading h2.blu {
    /* font-size: 38px; */
    /* background-color: #fff; */
    width: fit-content;
    display: block;
    /* padding: 6px 15px 10px 15px; */
    color: #373485;
    /* margin-top: 10px; */
}

.main__heading h2 {
    font-size: 3.3vw;
    color: #00b8de;
    width: fit-content;
    display: block;
        letter-spacing: -0.1vw;
    /* padding: 6px 15px 10px 0px; */
    /* font-weight: 200 !important; */
    line-height: 1.4;
}
.arabic .main__heading h2 {
    font-size: 38px;
    width: fit-content;
    display: block;
    padding: 10px 15px 10px 15px;
}
.about-img {
    height: 455px;
}

.about__btm a {
    color: #fff;
    /* font-size: 16px; */
    /* font-family: "co_textbold"; */
    text-decoration: underline;
}
.about__btm a {
    color: #fff;
    /* font-size: 16px; */
    /* font-family: "almaraibold"; */
    text-decoration: underline;
}
.about__btm {
    float: right;
    margin: 30px 0 0;
}

.about___box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.about___box figure {
    width: 730px;
    height: 455px;
    margin: 0;
}
.section9 figure {
    display: flex;
    justify-content: center;
}
figure {
    /* display: flex;
    justify-content: start; */
}
.arabic figure {
    display: flex;
    justify-content: center;
}
#fp-nav ul li a span, 
.fp-slidesNav ul li a span {
    /* background: red !important; */
    /* border-bottom-color: #00b8de !important; */
}


.mission-box {
    display: flex;
    background: #fff;
    overflow: hidden;
    height: 490px;
    align-items: center;
    line-height: 490px;
    clip-path: polygon(100% 0, 0 0, 0 80%, 9% 100%, 100% 100%);
}

.mission-left {
    flex: 50%;
    padding: 0px 40px;
}

.mission-left p {
    color: #000;
    line-height: 1.5;
    font-size: 1.3vw;
    /* font-weight: 600; */

}
.mission-left ul {
    /* width: 100%; */
    /* color: #000; */
    line-height: 1.5;
    padding: 0 0 0 0px;
    /* font-size: 20px; */
    /* font-weight: 800; */

}
.mission-left ul li {
    list-style: disc;
    margin: 3px 0;
}

.mission-left h3 {
    color: #00b8de;
    font-size: 4.028vw;
    /* font-weight: 600; */
    font-family: "co_textregular";
    margin-bottom: 30px;
}
.arabic .mission-left h3 {
    color: #00b8de;
    font-size: 48px;
    font-weight: 600;
    font-family: "almaraibold";
    margin-bottom: 30px;
}
.mission-right {
    flex: 50%;
    background: #00b8de;
    padding: 30px;
    text-align: center;
}

.mission-right img {
    max-height: 170px;
}

#sectionThird .nav-tabs .nav-item img{
    width: 80%;
}
.nav-tabs .nav-item {
    margin-bottom: -1px;
    height: 150px !important;
    line-height: 150px !important;
    width: 150px !important;
    /* border-radius: 50% !important; */
    border: none !important;
    padding: 0;
    display: inline-block;
    flex: unset !important;
    text-align: center;
    margin-bottom: 20px;
    /* color: #00b8de !important; */
    font-family: "co_textbold";
    font-size: 18px;
}
.arabic .nav-tabs .nav-item {
    margin-bottom: -1px;
    height: 150px !important;
    line-height: 150px !important;
    width: 150px !important;
    border-radius: 50% !important;
    border: 1px solid #00b8de !important;
    padding: 0;
    display: inline-block;
    flex: unset !important;
    text-align: center;
    margin-bottom: 20px;
    color: #00b8de !important;
    font-family: "almaraibold";
    font-size: 18px;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: transparent;
    color: #373485 !important;
    border: none !important;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover {
    background-color: transparent;
    color: #373485 !important;
    border: none !important;
}
.nav-tabs {
    border-bottom: 0px solid #dee2e6 !important;
}
.mission__btm {
    background: white;
    position: absolute;
    bottom: 1.3em;
    left: 8vw;
    
    /* font-size: 16px; */
    color: #fff;
    /* border: 1px solid #373485; */
    display: inline-block;
    padding: 1.4vw 1vw;
    border-radius: 50px;
    font-family: "co_textbold";
    transition: ease-in 0.3s;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.2vw;
    z-index: 999;
}
.arabic .mission__btm {
    position: absolute;
    bottom: 1.3em;
    right: unset;
    left: 5em;
    font-size: 16px;
    color: #373485;
    border: 1px solid #373485;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 8px;
    font-family: "almaraibold";
    transition: ease-in 0.3s;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    z-index: 999;
}
.arabic .section2 .mission__btm, .arabic .section5 .mission__btm{
    position: absolute;
    bottom: 1.3em;
    right: unset;
    left: 5em;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 8px;
    font-family: "almaraibold";
    transition: ease-in 0.3s;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    z-index: 999;
}
.chairman__btm{
    /* bottom: 2em; */
}
.about__btm {
    /* border: 1px solid #fff; */
}
.mission__btm img{
    /* transform:rotate(90deg) */
}
.mission__btm a {
    color: white;
    /* font-size: 16px; */
    /* line-height: 20px; */
    /* font-family: "co_textbold"; */
    text-decoration: none;
    /* text-transform: uppercase; */
    margin-left: 10px;
    margin-top: -0.5vh;
   font-size: 1.3vw; 
   font-family: "co_textlight";

}
.arabic .section2 .mission__btm a, .arabic .section5 .mission__btm a{
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-family: "almaraibold";
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 10px;
}
.arabic .mission__btm a {
    color: #373485;
    font-size: 16px;
    line-height: 20px;
    font-family: "almaraibold";
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 10px;
}
.about__btm a {
    color: #fff;
}
.glance {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
}
.section6.review-section::before {
    left: 0;
    width: 650px;
    background-size: cover;
}
ul.glance li {
    background: #f5f5f5;
    margin: 0 15px 25px 0;
    width: 239px;
    height: 251px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 20px;
    border-bottom: 11px solid #00b8de;
    transition: 0.5s;
}
ul.glance li:nth-child(6) {
    background: #f5f5f5;
    width: calc(493px);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 10px;
    transition: 0.5s;
}
ul.glance li:hover {
    box-shadow: 0 0 10px #ccc;
}




ul.glance li h4 {
    font-size: 32px;
    font-family: "co_textbold";
    color: #00b8de;
    line-height: 34px;
    margin-bottom: 20px;
}
.arabic ul.glance li h4 {
    font-size: 32px;
    font-family: "almaraibold";
    color: #00b8de;
    line-height: 34px;
    margin-bottom: 20px;
}
ul.glance li p, ul.glance li h4 span {
    font-size: 18px;
    color: #000;
    line-height: 20px;
    font-family: "co_textlight"!important;

}
.arabic ul.glance li p, .arabic  ul.glance li h4 span {
    font-size: 16px;
    color: #000;
    line-height: 22px;
    font-family: "almarailight"!important;

}
.main__heading.glance-head h2 {
    /* color: #fff; */
}
ul.financial-box {
    border-radius: 120px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 25px;
}
ul.financial-box li {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    /* line-height: 46px; */
}
.fin-small {
    width: 180px;
    height: 180px;
    border: 3px solid #00b8de;
    border-radius: 50%;
    margin: 0px;
    padding-top: 20px;
}
.arabic .fin-small {
    width: 190px;
    height: 190px;
    border: 3px solid #00b8de;
    border-radius: 50%;
    margin: 0px;
    padding-top: 30px;
}
.fin-small p {
    font-size: 18px;
    margin: 10px 0 0;
    font-family: "co_textregular";
    line-height: 18px;
}
.arabic .fin-small p {
    font-size: 16px;
    margin: 10px 0 0;
    font-family: "almarairegular";
    line-height: 22px;
}
ul.financial-box li:nth-child(1) .fin-small p {
}

.fin-small h3 {
    font-size: 42px;
    font-family: "co_textbold";
    color: #fff;
    line-height: 56px;
    margin: 0 0 5px;
}
.arabic .fin-small h3 {
    font-size: 28px;
    font-family: "co_textbold";
    color: #fff;
    line-height: 34px;
    margin: 0 0 5px;
}
.arabic .fin-small h3 span{
    font-size: 18px;
    font-family: "almaraibold";

}
.fin-small span {
    font-size: 18px;
    color: #fff;
}

.fin-small sub {
    margin: 0 !important;
    bottom: 0;
    font-size: 18px;
    line-height: 18px;
    font-family: "co_textlight";
}

.download_file {
    /* text-align: center; */
}

/* .download_file a {
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    padding: 15px 20px;
    border-radius: 30px;
    font-family: "co_textbold";
    transition: ease-in 0.3s;
} */
.download_file a {
    font-family: "co_textlight";
    font-size: 1.3vw;
    color: #fff;
    border: none;
    display: inline-block;
    /* padding: 15px 20px; */
    /* border-radius: 30px; */
    /* font-family: "almaraibold"; */
    transition: ease-in 0.3s;
}
.download_file a:hover {
    /* background-image: linear-gradient(to right, #384182, #5f9fc7); */
}

.mission__btm.year__review {
    margin: 30px 0 0;
}

.review_slider {
    /* display: flex; */
}

.review_slider_left {
    /* flex: 0 0 255px; */
}

.review_slider_right {
    /* flex: 0 0 800px; */
}
.review-section {
    position: relative;
}
.review-section::before { 
    content: "";
    position: absolute;
    left: -6%;
    top: 0;
    height: 100%;
    width: 319px;

    z-index: 999;
    background-repeat: no-repeat;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #00b8de;
    color: #fff;
    text-decoration: none;
}
.review_slider_right .owl-item {

    background: transparent;
    padding: 15px;

}
.review_slider_left h2 {
    /* font-size: 48px; */

}
/* .review_slider_left h2:first-child {
    font-size: 4.028vw;


} */
.review_slider_right .owl-item:nth-child(odd) {

    background: transparent;
}

.review_slider_right .owl-item .item {
    width: 100%;
}
.review_slider_right .owl-item:nth-child(odd) .Slide_top h4 {
    color: #fff;
    border: 3px solid #fff;

}

.Slide_top {
    position: relative;
    text-align: right;
}

.Slide_top span {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15px;
    height: 5px;
    background-image: url(../images/review-small-box.png);
    background-repeat: no-repeat;
}
.main__heading h2.dblu {

    width: fit-content;
    display: block;

    color: #fff;

}
.Slide_top h4 {
    /* color: #00b8de; */
    font-size: 52px;
    /* line-height: 110px; */
    font-family: "co_textregular";
    /* border: 3px solid #00b8de; */
    /* border-radius: 50%; */
    width: 125px;
    height: 125px;
    /* text-align: center; */
}

.Slide_btm h2 {
    /* color: #373485; */
    font-size: 2vw;
    margin: 25px 0 10px;
    text-transform: uppercase;
    font-family: "co_textbold";
    text-align: right;
}

.Slide_btm p {
    font-size: 1vw;
    line-height: 1vw;
    text-align: right;
}

.main__heading h2 label {
    color: #00b8de;
    display: block;
}
.arabic .main__heading h2 span{ color:#00b8de; }
/* .main__heading.our_strategy h2 span{ color:#fff; } */
.main__heading.chairman_head {
    padding: 0;
}
.chairman__box h2 {
    /* font-family: "co_textlight"; */
    font-size: 1.5vw;
    font-weight: 100 !important;
    margin-left: 9vw;
    line-height: 1.6;
}

.chairman__box h4 {
    font-size: 1.7vw;
    font-weight: 100 !important;
}

.arabic .chairman__box h2{
text-align: right;

}
.chairman__box p {
    font-size: 18px;
    color: #000;
    line-height: 26px;
    margin: 20px 52px 50px 0;
}
.arabic .chairman__box p{
    text-align: right;
    margin: 20px 0 50px 52px;

}
.chairman__box span {
    color: #000;
    font-size: 16px;
}
.arabic .chairman__box{
    text-align: right;
}
.arabic .chairman__box span {
    text-align: right;
    width: 100%;
    display: block;
}
.chairman_btn a {
    display: inline-block;
    /* padding: 6px 7px 0px 20px; */
    /* border-radius: 30px; */
    /* font-family: "co_textbold"; */
    /* border: 1px solid #373485; */
    /* color: #373485; */
    /* text-transform: uppercase; */
    /* margin: 35px 0 0; */
    /* line-height: normal; */
    /* height: 46px; */
    font-size: 1.3vw;
}
.arabic .chairman_btn a {
    display: inline-block;
    padding: 6px 7px 0px 20px;
    border-radius: 30px;
    font-family: "almaraibold";
    border: 1px solid #373485;
    color: #373485;
    text-transform: uppercase;
    margin: 5px 0 0;
    line-height: normal;
    height: 46px;
    font-size: 16px;
}
a.chairmain_button {
    /* margin-left: 25px; */
    background: transparent;
    /* border: 1px solid #373485; */
    /* padding-top: 5px; */
    font-size: 16px;
    /* line-height: normal; */
}

.fp-tableCell {
    overflow: hidden;
}

.ceo-section {
    overflow: hidden;
}

a.chairmain_button img {
    /* margin-left: 10px; */
    width: 1.5vw;
}

.chairman_btn a img {
    /* margin-left: 10px; */
    width: 1.5vw;
}

.chairmain_section {
    position: relative;
}



.chairmain__right {
    padding-left: 70px;
    margin-top: 10px;
    position: relative;
}



.chairmain__right h2 {
    font-size: 24px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.chairmain__right span {
    font-size: 24px;
    margin-left: 20px;
}

.chairmain__right figure {
    margin-bottom: 40px;
}

.chairmain__right.ceo_right {
    padding-left: 0;
    z-index: 1;
}

.chairmain__right.ceo_right h2 {
    color: #373485;
}

.ceo_right span {
    font-size: 24px;
    margin-left: 20px;
    color: #000;
}

.chairman__box.ceo-head p {
    color: #000;
}

.main__heading.seo_head {
    padding-left: 0;
}

.main__heading.seo_head h2 {
    color: #000;
}

.main__heading.seo_head h2 label, .arabic .main__heading.seo_head h2 label {
    display: unset !important;
}

.ceo-section {
    position: relative;
}



a.read-more {
    font-size: 16px;
    font-family: "co_textbold";
}

a.read-more img {
    float: right;
}

img.ar-btn-icn{
    float: left;
}

.mission__btm.year__review a {
    color: #373485;
}

.main__heading.our_strategy h2 span {
    /* font-family: "co_textlight";
    font-size: 24px;
    font-weight: 400;
    padding: 15px;
    text-transform: capitalize; */
}

.our_strategy_h2 {
    display: flex;
}

.span__line {
    display: inline-block;
    margin-left: 40px;
    margin-right: 0px;
}

.main__heading.our_strategy h2 {
    /* font-size: 38px; */
}

.our_strategy_box {
    display: flex;
}

.our_strategy_right {
    width: 100%;
    display: flex;
}
.our_strategy_right-bigger{
    width: 75%;

}
.our_strategy_right-bigger h4 {
    color: #00b8de;
    font-family: "co_textbold";
    font-size: 22px;
}
.arabic .our_strategy_right-bigger h4 {
    color: #00b8de;
    font-family: "almaraibold";
    font-size: 22px;
    text-align: right;
}
.our_strategy_left p {
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.our_strategy_left {
    margin-right: 50px;
    width: 25%;
}

.our_strategy_right_big {
    width: 40%;
}

.strategy_right_small {
    background-image: linear-gradient(180deg, #00b8de, #c9e8f6);
    height: 183px;
    padding: 20px;
}
.strategy_right_small p{
    color: #373485;
}
.our_strategy_left h4{
    color: #00b8de;
    font-family: "co_textbold";
    font-size: 22px;
}

.arabic .our_strategy_left h4{
    color: #00b8de;
    font-family: "almaraibold";
    font-size: 22px;
    text-align: right;
}
.our_strategy_right_right {
    width: 60%;
    background-image: linear-gradient(180deg, #00b8de, #c9e8f6);
padding: 20px;
    height: 549px;
}

.strategy_small {
    display: flex;
    justify-content: space-between;
}
.strategy_small span {
    font-size: 38px;
    color: #fff;
    font-family: "co_textbold";
    line-height: 36px;
}

.our_strategy_right_right h2 p {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    font-family: "co_textregular";
    margin: 0;
    padding-left: 10px;
    text-align: center;
}
.arabic .our_strategy_right_right h2 p {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    font-family: "almarairegular";
    margin: 0;
    padding-left: 10px;
    text-align: center;
}
.our_strategy_right_right h2 span {
    display: flex;
    justify-content: start;
    align-items: end;
    font-size: 38px;
    line-height: 36px;
    color: #fff;
    margin: 0;
    font-family: "co_textbold";
    max-height: 40px;
}

.our_strategy_right_right ul {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: center;
}

.our_strategy_right_right ul li {
    flex: 0 0 30%;
    width: 30%;
    margin: 50px 1% 0;
    text-align: center;
}

.our_strategy_right_right ul li h3 {
    font-size: 16px;
    font-family: "co_textbold";
    color: #373485;
}
.arabic .our_strategy_right_right ul li h3 {
    font-size: 16px;
    font-family: "almaraibold";
    color: #373485;
}
.mission__btm.OUR_STRATEGY_bank {
    margin: 40px 20px 0 0;
}

.mission__btm.OUR_STRATEGY_bank a {
    color: #fff;
}
.mission__btm.OUR_STRATEGY_bank.skk a{
    color: #373485;
}
.impact {
    padding-right: 40px;
}
.impact p {
    /* color: #000; */
}
.flex-bottom{
    display:flex;
    align-items: flex-end;
}



.impact a {
    /* display: inline-block;
    padding: 6px 3px 0px 20px;
    border-radius: 30px;
    font-family: "co_textbold";
    color: #373485;
    border: 1px solid #373485; */
    /* text-transform: uppercase; */
    /* line-height: normal;
    height: 46px;
    font-size: 16px; */
}
.arabic .impact a {
    display: inline-block;
    padding: 7px 20px 5px 4px;
    border-radius: 30px;
    font-family: "almaraibold";
    color: #373485;
    border: 1px solid #373485;
    /* text-transform: uppercase; */
    line-height: normal;
    height: 46px;
    font-size: 16px;
    text-align: right;

}
.impact.sp p{
    margin-bottom: 0;
}
.impact a img {
    margin-left: 19px;
}
.impact h3 {
    color: #00b8de;
    font-size: 24px;
    font-family: "co_textbold";
    margin: 0;
}
.arabic .impact h3 {
    color: #00b8de;
    font-size: 24px;
    font-family: "almaraibold";
    text-align: right;}
.impact.impact_develop p {
    margin: 0 0 20px;
}

.bank {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
}
.bank-left {
    flex: 0 0 201px;
}
.bank-left-box {
    border: 1px solid #fff;
    height: 55px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-family: "co_textbold";
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 12px;
    text-align: left;
    background: #161535;
}
.bank-left-box:nth-child(1) {
    visibility: hidden;
}
.bank-right {
    flex: 0 0 780px;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: center;
}
.bank-right-box {
    width: 380px;
    height: 50px;
    border: 1px solid #fff;
    line-height: 20px;
    text-align: center;
    font-size: 13px;
    font-family: "co_textlight";
    margin-left: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 10px;
    text-align: left;
    background: #333156;
}
.bank-left-box p {
    margin: 0;
    line-height: 21px;
}
.bank-right-box.bank-right-box1 {
    font-size: 24px;
    font-family: "co_textbold";
    text-align: center;
    justify-content: center;
    background: #161535;
}
p.partership_btm {
    font-size: 24px;
    line-height: 30px;
    font-family: "co_textbold";
}
/* .partership_ul {
    display: flex;
    position: relative;
} */
.main__heading.partnership {
    padding: 0;
    margin: 0;
}
.main__heading.partnership p {
    margin: 30px 20px 40px 0;
}
.partership_top p {
    margin-left: 20px;
}
.hide_des {
    display: none;
}
.business li{
    width: 33%;
}
.business.business-right li{
    width: 49%;
}
.about__section a:hover {
    background-image: linear-gradient(to right, #00b8de, #00b8de);
}
.chairman_btn a:hover {
    background-image: linear-gradient(to right, #00b8de, #00b8de);
}
.impact a:hover {
    background:#00b8de;
}
.partership_top a {
    color: #fff;
    font-size: 16px;
    font-family: "co_textbold";
    text-decoration: underline;
    width: 100%;
    float: right;
    display: block;
    text-align: end;
    /* text-transform: uppercase; */
    margin-bottom: 110px;
}
/* .partership_ul::after {
    content: "";
    position: absolute;
    right: 0%;
    top: 0px;
    height: 100%;
    width: 650px;
    background-image: url(../images/partner-bg-after.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.partership_ul .owl-item:nth-child(odd){
    background:#efefef;

}.partership_ul .owl-item{
    background:#fff;

} */
/* .partership_ul li {
    background-repeat: no-repeat;
    background-size: cover;
    flex: 0 0 190px;
    height: 475px;
    text-align: center;
    padding: 20px;
} */
.differ{
padding: 30px 40px;
border: 1px solid #fff;
border-radius: 25px;
text-align: center;
margin-bottom: 30px;
}
.differ h4{
    font-size: 24px;
    font-family: "co_textbold";
    color: #fff;
    margin-bottom: 15px;
}
.differ span{
    font-size: 18px;
    font-family: "co_textbold";
    color: #00b8de;
}
.differ span{
    font-size: 18px;
    color: #00b8de;
}
.differ ul{
    display: flex;
    flex-direction: column;
}
.differ ul li{
    list-style-type: disc;
}
.fd1{
    padding-top: 170px;
}
.fd2{
    padding-top: 100px;
}
.fd3{
    padding-top: -100px;
}
.fd4{
    margin-top: -170px;
}
.section12 .partership_ul .owl-nav.disabled,
.section12 .partership_ul .owl-nav {
    display: block !important;
    right: 0;
    position: absolute;
    top: -110px;
}
/* .partership_ul li p {
    color: #000;
    font-family: "almaraibold";
    font-size: 16px;
    padding: 0 10px;
    text-align: center;

} */
/* .partership_ul li figure {
    margin: 00px 0;
    min-height: 180px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.partership_ul li figure img {
    width: auto;
    max-width: 100%;
} */
.menu_right .ara{
    display: none;
}

#section1 .menu_right .ara{
    display: block;
}
.menu_right a {
    height:  31px;
    border: 1px solid white;
    display: inline-block;
    /* line-height: 44px; */
    text-align: center;
    border-radius: 40px;
    font-size: 16px;
    /* font-family: "co_textbold"; */
    color: white;
    margin: 0 0 0 15px;
    padding:  0 2vw;
}
.arabic .menu_right a {
    height: 50px;
    line-height: 44px;
    text-align: center;
    border-radius: 40px;
    font-size: 16px;
    font-family: "almaraibold";
    color: #373485;
    margin: 0 0 0 15px;
    padding: 0 30px;
}
.menu_right a:hover {
    /* background-image: linear-gradient(to right, #384182, #5f9fc7); */
}
.item-white h2 {
    color: #fff;
}
.item-white p {
    color: #fff;
}
.menu_right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 5px;
}
.banner-text p {
    font-family: "co_textregular";
    margin: 00px 0 0;
    text-transform: uppercase;
    font-size: 27px;
    line-height: 27px;
}
.banner-text h1 {
    font-size: 160px;
    font-family: "co_textlight";
    position: relative;
    padding-bottom: 70px;
    margin-bottom: 15px;
    line-height: 101px;
}
.banner-text h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-image: url(../images/banr-line.png);
    background-repeat: no-repeat;
}
.banner-text span {
    font-size: 48px;
    font-family: "co_textlight";
}
.bnr-scroll {
    text-align: left;
    margin: 0 auto;
    position: absolute;
    bottom: 8%;
    left: 36%;
}
.bnr-scroll p {
    /* font-size: 18px; */
    color:#373485;
}
.banner-text {
    margin: 100px 0 120px;
}
.bnr-scroll img {
    margin-left: 40px;
}

#fp-nav ul {
    position: relative;
}
#fp-nav ul::before {
    content: "";
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 9px;
    top: 0;
}
.fp-viewing-section3 #fp-nav ul::before {
    background: #373485;
}
.fp-viewing-section3 #fp-nav ul li a span,
.fp-viewing-section3 #fp-nav ul li a.active span,
.fp-viewing-section3 #fp-nav ul li:hover a.active span {
        /* background: #00b8de !important; */
    border-bottom-color: #00b8de;
}
.fp-viewing-section1 #fp-nav ul::before,
.fp-viewing-section4 #fp-nav ul::before,
.fp-viewing-section5 #fp-nav ul::before, 
.fp-viewing-section6 #fp-nav ul::before, 
.fp-viewing-section7 #fp-nav ul::before, 
.fp-viewing-section9 #fp-nav ul::before, 
.fp-viewing-section10 #fp-nav ul::before{
    background: #373485;
}
.fp-viewing-section5 #fp-nav ul::before{
    background: #fff;
}
.fp-viewing-section1 #fp-nav::after,
.fp-viewing-section1 #fp-nav::before,
.fp-viewing-section4 #fp-nav::after,
.fp-viewing-section4 #fp-nav::before,
.fp-viewing-section5 #fp-nav::after,
.fp-viewing-section5 #fp-nav::before,
.fp-viewing-section6 #fp-nav::after,
.fp-viewing-section6 #fp-nav::before,
.fp-viewing-section7 #fp-nav::after,
.fp-viewing-section7 #fp-nav::before,
.fp-viewing-section9 #fp-nav::after,
.fp-viewing-section9 #fp-nav::before,
.fp-viewing-section10 #fp-nav::after,
.fp-viewing-section10 #fp-nav::before 
  {
    border: solid 1px #00b8de;
}
.fp-viewing-section1 #fp-nav ul li a span,
.fp-viewing-section1 #fp-nav ul li a.active span,
.fp-viewing-section1 #fp-nav ul li:hover a.active span,
.fp-viewing-section4 #fp-nav ul li a span,
.fp-viewing-section4 #fp-nav ul li a.active span,
.fp-viewing-section4 #fp-nav ul li:hover a.active span,
.fp-viewing-section5 #fp-nav ul li a span,
.fp-viewing-section5 #fp-nav ul li a.active span,
.fp-viewing-section5 #fp-nav ul li:hover a.active span,
.fp-viewing-section6 #fp-nav ul li a span,
.fp-viewing-section6 #fp-nav ul li a.active span,
.fp-viewing-section6 #fp-nav ul li:hover a.active span,
.fp-viewing-section7 #fp-nav ul li a span,
.fp-viewing-section7 #fp-nav ul li a.active span,
.fp-viewing-section7 #fp-nav ul li:hover a.active span,
.fp-viewing-section9 #fp-nav ul li a span,
.fp-viewing-section9 #fp-nav ul li a.active span,
.fp-viewing-section9 #fp-nav ul li:hover a.active span,
.fp-viewing-section10 #fp-nav ul li a span,
.fp-viewing-section10 #fp-nav ul li a.active span,
.fp-viewing-section10 #fp-nav ul li:hover a.active span  {
    background: transparent !important;
}
.fp-viewing-section10 #fp-nav ul li .fp-tooltip,
.fp-viewing-section1 #fp-nav ul li .fp-tooltip,
.fp-viewing-section3 #fp-nav ul li .fp-tooltip,
.fp-viewing-section4 #fp-nav ul li .fp-tooltip,
.fp-viewing-section6 #fp-nav ul li .fp-tooltip,
.fp-viewing-section7 #fp-nav ul li .fp-tooltip,
.fp-viewing-section9 #fp-nav ul li .fp-tooltip{
    color: #373485;
}

.fp-viewing-section5 #fp-nav ul li .fp-tooltip {
    color: #fff;
}


.fp-viewing-section8 #fp-nav ul::before {
    background: #373485;
}
.fp-viewing-section8 #fp-nav::after,
.fp-viewing-section8 #fp-nav::before {
    border: solid 1px #00b8de;
}
.fp-viewing-section8 #fp-nav ul li a span,
.fp-viewing-section8 #fp-nav ul li a.active span,
.fp-viewing-section8 #fp-nav ul li:hover a.active span {
    /* background: #00b8de !important; */
}
.fp-viewing-section8 #fp-nav ul li .fp-tooltip {
    color: #373485;
}

.fp-viewing-section11 #fp-nav ul::before {
    background: #373485;
}
.fp-viewing-section11 #fp-nav::after,
.fp-viewing-section11 #fp-nav::before {
    border: solid 1px #00b8de;
}
.fp-viewing-section11 #fp-nav ul li a span,
.fp-viewing-section11 #fp-nav ul li a.active span,
.fp-viewing-section11 #fp-nav ul li:hover a.active span {
    background: #00b8de !important;
}
.fp-viewing-section11 #fp-nav ul li .fp-tooltip {
    color: #373485;
}
.desktop-menu {
    position: relative;
}
.desktop-menu img {
    cursor: pointer;
}

.desktop-menu-dropdown {
    position: fixed;
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    top: 0px;
    height: 100vh;
    width: 360px;
    transition: 1s;
    right: -360px;
    z-index: 1;
}
[dir="rtl"] .desktop-menu-dropdown {
    position: fixed;
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    top: 0px;
    height: 100vh;
    width: 360px;
    transition: 1s;
    left: -360px;
    right: unset;
    z-index: 1;
}
.desktop-menu-dropdown li a {
    margin: 10px;
    color: var(--color-accent);
    text-align: left;
}
.desktop-menu-dropdown li a:hover {
    background: none;
}

.delete-btn {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    padding: 5px 20px;
    align-items: center;
    border-bottom: 1px solid #f0f2f5;
    margin-bottom: 20px;
    background: var(--color-primary);
}

.delete-btn span {
    float: right;
    background: #3b3c8e;
    margin: 10px;
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 47px;
    border-radius: 30%;
}

.delete-btn span img {
    width: 12px;
    height: 12px;
}
.menu-hide {
    right: 0px !important;
    width: 360px !important;
    max-width: 100%;
}
[dir="rtl"] .menu-hide {
    right: unset !important;
    left: 0 !important;
    width: 360px !important;
    max-width: 100%;
}
.desktop-menu-dropdown li a {
    margin: 7px 0px;
    color: var(--color-accent);
    text-align: left;
    height: auto;
    line-height: inherit;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
}
li.delete-btn img {
    height: 70px;
    width: auto;
}
span.cross-btn img {
    height: auto;
}
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    /* left: -45%; */
    z-index: 1;
    width: auto;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    background: transparent;
    width: 60px !important;
    height: 60px !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    font-size: 20px !important;
    border-radius: 50% !important;
    font-weight: 600;
    margin: 0 35px 0 0;
}
.owl-carousel .owl-nav button.owl-next {
    border-color: #00b8de !important;
}
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    /* left: -70%; */
    z-index: 1;
    width: auto;
    top: -480px;
}
.owl-dots {
    display: none;
}
.review__btm {
    position: absolute;
    right: 0;
    bottom: 15%;
    z-index: 1;
}
.mt-50 {
    margin-top: 50px;
}
.chairmain__right.ceo_right:before {
    top: 36px;
    left: -44px;
}
.review__btm {
    position: absolute;
    right: 40px;
    bottom: 15%;
    z-index: 999999;
    text-decoration: underline;
}
.review__btm a {
    text-decoration: underline;
    color: #373485;
    font-family: "co_textbold";
    font-size: 16px;
    text-transform: uppercase;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
    background: transparent;
    color: #fff;
    text-decoration: none;
    border-color: #00b8de !important;
}

@keyframes bobCst {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(50 px);
    }

    100% {
        transform: translatey(0px);
    }
}

.bnr-scroll img {
    animation: bobCst 4s infinite !important;
    transition: 500ms;
}
.loading-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    height: 100vh;
}
.loading-page>img{
    width: 30%;
}
.loading-intro {
    text-align: right;
    margin:  0;
    display: flex;
    flex-direction: column;
}
.loading-intro span.top_anm_3 {
        line-height: 1.2;
    font-size: 7vw;
    /* font-size: 100px; */
    /* line-height: 100px; */
    /* width: 100%; */
    /* float: left; */
    font-family: "co_textbold";
    /* text-align: left; */
    /* background: #00b8de; */
    color: var(--color-primary);
    /* padding: 0; */
    /* margin-bottom: 15px; */
    /* width: fit-content; */
}
.arabic .loading-intro span.top_anm_3 {
    font-size: 100px;
    line-height: 100px;
    width: 100%;
    float: left;
    font-family: "almaraibold";
    text-align: left;
    background:#00b8de;
    padding: 0 15px 35px 15px;
    margin-bottom: 15px;
    width: fit-content;

}
.loading-intro span.top_anm_4 {
    /* font-size: 100px; */
    /* line-height: 100px; */
    /* width: 100%; */
    /* float: left; */
    font-family: "co_textbold";
    /* text-align: left; */
    /* background:#fff; */
    color:#373485;
    /* padding: 0 15px 20px 15px; */
    /* margin-bottom: 30px; */
    /* width: fit-content; */
    
}
.arabic .loading-intro span.top_anm_4 {
    font-size: 100px;
    line-height: 100px;
    width: 100%;
    float: left;
    font-family: "almaraibold";
    text-align: left;
    background:#fff;
    color:#373485;
    padding: 0 15px 20px 15px;
    margin-bottom: 30px;
    width: fit-content;
    
}
.loading-intro span.top_anm_4.sec-1 {
    font-size: 5.7vw;
    font-family: "co_textbold";
    color: var(--color-primary);
}
.arabic .loading-intro span.top_anm_4.sec-1 {
    font-size: 100px;
    line-height: 100px;
    width: 100%;
    float: left;
    font-family: "almaraibold";
    text-align: left;
    background:#373485;
    color:#fff;
    padding: 5px 15px 20px 15px;
    margin-bottom: 30px;
    width: fit-content;  
}
.loading-intro span.top_anm_5 {
    font-size: 50px;
    line-height: 50px;
    font-family: "co_textbold";
    text-align: left;
    color:#00b8de;
display: block;
}
.arabic .loading-intro span.top_anm_5 {
    font-size: 50px;
    line-height: 50px;
    font-family: "almaraibold";
    text-align: right;
    color:#00b8de;
display: block;
}
.loading-intro h1 {
    font-size: 100px;
    color:#373485;
    margin-bottom: 22px;
    padding-bottom: 22px;
    text-align: left;
    background:#fff;

}
.arab_load .loading-intro span {
    font-size: 36px;
}
.arab_load .loading-intro p {
    font-size: 22px;
}

.animate-scroll-pointer {
    animation: scroll-pointer-to-bottom 1.8s ease-in-out infinite forwards;
    position: relative;
}

@keyframes scroll-pointer-to-bottom {
    0%,
    100% {
        opacity: 0.2;
        top: 0;
    }
    70% {
        opacity: 0.4;
    }
    to {
        opacity: 0.2;
        top: 20px;
    }
}

a.cst-lang-btn {
    padding: 0px !important;
    height: unset !important;
    line-height: 0px !important;
    width: fit-content !important;
    border: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}
a.cst-lang-btn:hover {
    background: none !important;
}
a.cst-lang-btn img {
    height: auto !important;
} /**************************25May**********************************/
.arabic p {
    text-align: right;
}
.arabic .scrollup{ left:15px; right:inherit; }
.arabic .Slide_top span{ right:0; left:inherit; }
.arabic .about__section a, .arabic .section7 .chairman_btn a, .arabic .chairman_btn a {
    text-align: right;
    float: right; 
    padding:7px 20px 5px 10px ;
}
.arabic .about__btm{ float:left; }
.arabic .about__section a img, .arabic a.chairmain_button img, .arabic .chairman_btn a img, .arabic .impact a img, .arabic .business_intro a img{ margin-right:16px; margin-left:0; transform:rotate(180deg); }


.arabic a.read-more img{ float:left; }
.arabic .main__heading.business-head h2{ padding:0; }
.arabic .banner-text {
    text-align: right;
}
.arabic .banner-text h1::after {
    content: "";
    left: inherit!important; right: 0 !important; background-position: right;
}
.arabic a.animate-scroll-pointer {
    float: right;
}
.arabic .main__heading h2 {
    text-align: right; 
}
.arabic .main__heading > span {
    left: 98%;
    top: 25px;
}
.arabic ul.glance li:nth-child(4) h4 {
    text-align: right;
}
.arabic .business_intro h3 {
    text-align: right;
}
.arabic .business_intro a {
    display: flex;
    align-items: center!important;
    justify-content: flex-start;
    float: right;
    padding: 0px 15px 0px 7px;
}
.arabic .impact a {
    float: right;
}
.arabic .Slide_top h4 span{ right:0 }

.arabic .section9 .main__heading > span {
    left: 37px;
    top: 18px;
}
.arabic .chairmain__right{ padding-left:0; padding-right:60px; text-align:right; }
.arabic .chairmain__right::before{ transform:rotate(180deg); left:inherit; right:0; }
.arabic .review_slider{ justify-content:space-between; }
.arabic .review_slider_right .owl-theme .owl-nav{ left:inherit; right:-20%; text-align:right; }
.arabic .review_slider_right .owl-carousel{  }
.arabic .review__btm{ left:0; right:inherit; }
.arabic .review_slider_right{ max-width:calc(100% - 280px); }
.arabic .section6.review-section::before{ right:inherit; left:40px;  transform:rotate(180deg);  }
/* .arabic .partership_ul::after{ right:60%; transform:rotate(180deg); } */
.arabic .section12 .partership_ul .owl-nav.disabled, .arabic .section12 .partership_ul .owl-nav{ right:50px; left:inherit; }
.arabic .support{ left:35px; right:inherit; }
.arabic .main__heading.partnership h2{ padding:0; }
span.cross-btn img {
    width: 40%;
}
.arabic .section10 .main__heading > span {
    left: 98%;
    top: 25px;
}
.arabic .chairmain__right.ceo_right:before {
    top: 36px;
    right: 0;
    left: inherit;
    transform: rotate(180deg);}
  .arabic ul.business li figure{ margin-left:20px; margin-right:0; }  
.arabic .ceo-section::after{ background-image: url(../images/ceo-bg_arabic.png); right:-48%; left:inherit; }
.arabic .chairmain_section::before{ left:0;     background-image: url(../images/chairmain_arabic.png); border-radius: 0 60px 0 0;}
.arabic .ceo-section::before{ right:0; border-radius:0 120px; left:inherit; }
.arabic .mission__btm{ float:left; }
.arabic .our_strategy_right_right h2{ display:flex;  }
.arabic .our_strategy_right_right h2 p{ padding:0 10px 0 0;}
.arabic .section9 .main__heading > span{ left:98%; }
.arabic .our_strategy_h2{ justify-content:flex-end; }
.arabic .our_strategy_left{ margin-left:50px; margin-right:0; }
.arabic .chairmain__right h2, .arabic .chairmain__right span{ width:100%; padding-right:75px; text-align:right; float:left; }
.arabic .chairmain__right.ceo_right h2, .arabic .chairmain__right.ceo_right span{ padding-right:25%; }
.arabic #fp-nav{ left:200px !important; right:inherit !important; }
.arabic #fp-nav ul li .fp-tooltip.right{ text-align:right; right:30px !important; left:inherit; width:100px !important }
.arabic .bank{ justify-content:flex-end; width:100%; }
.arabic .bank-right-box.bank-right-box1 {
    justify-content: right; 
}
#fp-nav ul li .fp-tooltip.right{
    font-family: "co_textregular";
}
.arabic #fp-nav ul li .fp-tooltip.right{
    font-family: "almarairegular";
}
.arabic .about__section{ margin-left:inherit; z-index:500; }
.arabic .bank-right-box {
    justify-content: flex-end;margin-left: 0; margin-right: 10px;
    text-align: right;
}
.arabic .bank-left-box {
    justify-content: flex-end;
    text-align: right;
}
.arabic .section8 a.chairmain_button.ceo__button {
    text-align: right;
    float: right;
    margin-right: 22px;
}
.arabic .section7 .chairman_btn a {
    float: right;
}
.arabic .section7 a.chairmain_button {
    margin-right: 25px;
}
.arabic .section5 p {
    text-align: center;
}
.arabic .our_strategy_left p {
    text-align: right;
}
.arabic .section1 .main__heading > span {
    left: 83%;
    top: 17px;
}
.arabic .section3 .main__heading > span {
    left: 98%;
    top: 20px;
}
.arabic .Slide_btm h2 {
    text-align: right;
}

.arabic .financial-head > span{ display:none; }
.arabic .section11 .impact h2 {
    text-align: right;
}
.arabic .section11 .impact_develop h3 {
    text-align: right;
}
.arabic .mission-left h3 {
    text-align: right;
}
.arabic .section2 .main__heading > span {
    left: 98%;
    top: 17px;
}
.arabic .section4 .main__heading > span {
    left: 98%;
    top: 17px;
}
.arabic .mission-left ul li {
    text-align: right;
}
.arabic p {
    width: 100%;
}
.arabic ul.glance li h4 {
    text-align: right;
    width: 100%;
}
.arabic .section2 .about__section {
    padding: 0px 0px 0 0;
    width: 100%;
}
.arabic a.logo_area {
    float: right;
}

[dir="rtl"] ul.desktop-menu-dropdown li a {
    float: right;
    width: 100%;
    text-align: right;
}


/* PWS  */
.loading-intro .top_anm_2 {
    font-size: 1.84vw;
    color: var(--color-primary);
    text-align: right;
    /* font-size: 25px; */
    font-weight: 400;
    font-family: "co_textregular";
    /* margin-right: 23px; */
}

.fp-viewing-section2 #fp-nav ul li a span, .fp-viewing-section2 #fp-nav ul li:hover a.active span {
    border-bottom-color: #00b8de;
}

.section2 h3{
    font-size: 2.7vw;
}

.section2 .quote{
    width: 3.8vw;
    margin-left: 1vw;
}

.section2 p{
    font-size: 1.3vw;
    line-height: 1.5;
}

.section2 .about___box a{
    font-size: 1.3vw;
}

.fp-viewing-section2 #fp-nav ul li a.active span{
    border-bottom-color: white !important;

}
.custom-bullets {
  list-style: none;
  padding-right: 1.2em;
}
.custom-bullets li {
  position: relative;
  padding-right: 1.2em;
  margin-bottom: 0.5em;
  /* font-family: 'Poppins', sans-serif; */
  font-size: 1.3vw;
  color: #000;
  list-style: none !important;
  text-align: right;
}

.custom-bullets li::before {
  content: '•';
  position: absolute;
  right: 0;
  color: #00b8de;
  font-size: 1.2em;
  line-height: 1;
}



/* Shared styles */
.glance .glance-box {
  position: relative;
  background: #fff;
  border: 2px solid #00b8de;
  border-radius: 10px;
  padding: 20px 15px 25px;
  text-align: center;
  height: 100%;
  transition: transform 0.3s ease;
}

.glance .glance-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 184, 222, 0.2);
}

/* Bottom-notch for top boxes */
.glance .glance-box.bottom-notch {
  clip-path: polygon(0 0, 100% 0, 100% 70%, 55% 100%, 45% 100%, 0 70%);
}

/* Top-notch for bottom boxes */
.glance .glance-box.top-notch {
  clip-path: polygon(0 30%, 46% 0, 54% 0, 100% 26%, 100% 100%, 0 100%);
}

/* Text styles */
.glance-head {
  color: #1f278f;
  font-size: 20px;
  font-weight: 700;
}

.glance-number {
  color: #1f278f;
  font-size: 32px;
  font-weight: bold;
}

.glance-sub {
  color: #00b8de;
  font-size: 14px;
  margin: 5px 0;
}

.glance {
  margin-top: 40px;
}






.custom-card-svg {
  width: 100%;
  height: auto;
  display: block;
  background: #00b8de; /* border color background */
}

.custom-card-inner.down{
     -webkit-clip-path: path("M288.35,2.06 H2.06 v143.99 c0,9.81,5.02,18.93,13.3,24.19 l115.4,73.25 c9.57,6.07,21.82,5.94,31.25,-0.35 l112.04,-74.7 c7.86,-5.24,12.63,-14.02,12.76,-23.47 l1.53,-142.91 Z");
          clip-path: path("M288.35,2.06 H2.06 v143.99 c0,9.81,5.02,18.93,13.3,24.19 l115.4,73.25 c9.57,6.07,21.82,5.94,31.25,-0.35 l112.04,-74.7 c7.86,-5.24,12.63,-14.02,12.76,-23.47 l1.53,-142.91 Z");
}

.custom-card-inner.up {
    padding-top: 28px;
-webkit-clip-path: path("M2.08,247.95 H288.37 v-143.99 c0,-9.81,-5.02,-18.93,-13.3,-24.19 l-115.4,-73.25 c-9.57,-6.07,-21.82,-5.94,-31.25,0.35 l-112.04,74.7 c-7.86,5.24,-12.63,14.02,-12.76,23.47 l-1.53,142.91 Z");
          clip-path: path("M2.08,247.95 H288.37 v-143.99 c0,-9.81,-5.02,-18.93,-13.3,-24.19 l-115.4,-73.25 c-9.57,-6.07,-21.82,-5.94,-31.25,0.35 l-112.04,74.7 c-7.86,5.24,-12.63,14.02,-12.76,23.47 l-1.53,142.91 Z");

}

.custom-card-inner {
  position: absolute;
  /* inset: 4px;  */
  /* background: white; */
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px;
  color: #1f278f;
  text-align: center;
}

.cls-1, .cls-2, .cls-3 {
fill: none;
}

.cls-2 {
stroke: #00b8de;
}

.cls-2.blue {
fill: var(--color-primary);
}

.cls-2, .cls-3 {
stroke-miterlimit: 10;
stroke-width: 3.20px;
}

.section5 .cls-2, .section5 .cls-3 {
stroke-miterlimit: 10;
stroke-width: 1.20px;
}

.text-accent{
    color: var(--color-accent)
}

.text-blue{
    color: var(--color-primary) !important;
}


.fp-viewing-section4 #fp-nav ul li a span, .fp-viewing-section3 #fp-nav ul li a.active span, .fp-viewing-section3 #fp-nav ul li:hover a.active span {
    /* background: #00b8de !important; */
    border-bottom-color: #00b8de;
}

.m-l-135{
    margin-left: 135px;
}
.m-b-55 {
    margin-bottom: -2.8vw;
}

.m-b-n-27{
    margin-bottom: -27px;
}

.section5 .download-img{
    height: 21px;
}

.section5 #year_in_review{
    color: var(--color-accent);
}

.review_slider_right .owl-item .item {

    border-right: 1px solid transparent;
    border-image: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.2) 48%, rgba(255, 255, 255, 0) 80%);
    border-image-slice: 1;
    }
.review_slider_right .owl-item .item h4{
        display: inline-block;
    padding: 24px 6px;
    color: white;
    /* font-size: 1.5rem; */
    font-weight: bold;
    line-height: 0;
    background: #00b8de;
    clip-path: polygon(100% 0, 0 0, 100% 100%);

    border: none !important;
}

.review_slider_right .owl-item .item .Slide_btm {
    padding-right: 1.5rem;
    margin-top: -2vh;
}

.review_slider_right .owl-item .item .Slide_btm h2 {
    color: var(--color-accent);
}

.review_slider_right .owl-item .item .Slide_btm p {
    color: white;
}

.review_slider_right .owl-item.active {
    visibility: visible;
}
.review_slider_right .owl-item{
    visibility: hidden;
}

.bg-accent{
    background-color: var(--color-accent);
}

.bg-blue{
    background-color: var(--color-primary);
}


/* SECTION 9 */

.impact { background:#e9f7fb; }
  .panel { background:#efeff0; border-radius:6px; }
  .section-hd { color:#5a6b7b; font-weight:700; border-bottom:2px solid #cfd8e3; 
    
    /* margin-bottom:1.25rem;  */
}
  .metric { text-align:center;  }
  .metric img { height:40px; margin-bottom:10px; }
  .metric .val { color:var(--accent); 
    /* font-weight:800;  */

    font-family: "co_textbold";
    font-size:2.5vw; line-height:1; }
  .metric .val small{ font-size:1vw; font-family: "co_textlight"; }
  .metric .lbl { color:#6b7c8f; font-weight:600; margin-top:4px; font-size:0.8vw; }
  .divider { height:2px; background:#cfd8e3; margin:10px 0 20px; }
  .note { color:#6b7c8f; font-size:0.8vw; }
  /* angled bottom-right like the design */
  .panel.angled { clip-path: polygon(0 0,100% 0,100% 92%,94% 100%,0 100%); }


  /* Minimal styling to match the look */
.partner-lists ul li {
  position: relative;
  padding-right: 30px;
  line-height: 1.4vw;
  margin-bottom: .65rem;
}

.partner-lists ul li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 8px;
    width: 0;
    height: 0;
    border-left: 13px solid #fff;
    border-top: 13px solid transparent;
    border-bottom: 0px solid transparent;
    transform: translateY(-50%);
    opacity: 100%;
    rotate: 270deg;
}

.partner-lists a {
  color: #fff;                    /* match your blue bg design */
  text-decoration: none;
  font-size: 1.1vw;
  cursor: context-menu;
  text-decoration: none !important;
}

.partner-lists a:hover,
.partner-lists a:focus {
  text-decoration: underline;
}

/* Optional: tighter spacing on small screens */
@media (max-width: 575.98px) {
  .partner-lists ul li { margin-bottom: .5rem; }
}


.fp-viewing-section2 .mission__btm{
background: var(--color-accent);
}

.fp-viewing-section3 .mission__btm{
background: var(--color-accent);

}

.fp-viewing-section4 .mission__btm{
background: var(--color-accent);

}

.fp-viewing-section6 .mission__btm a{
color: var(--color-accent);

}


.fp-viewing-section7 .mission__btm, 
.fp-viewing-section8 .mission__btm {
background: var(--color-accent);

}

.fp-viewing-section9 .mission__btm {
background: var(--color-accent);

}

.fp-viewing-section10 .mission__btm {
background: var(--color-accent);

}

.fp-viewing-section11 .mission__btm a {
color: var(--color-accent);

}

.fp-viewing-section11 .scrollup{
    background: white;
}

.fp-viewing-section12 .scrollup{
    background: white;
}

.section9 .svg-text p
{
    position: absolute;
    bottom: 30px;
    width: 90%;
    text-align: center;
    margin: 0 auto !important;
    left: 0;
    right: 0;
        line-height: 102%;
    font-size: 115%;
    color: var(--color-primary);
}

.fp-viewing-section7 #fp-nav ul li a span,
.fp-viewing-section8 #fp-nav ul li a span{
    border-bottom: 16px solid #00b8de !important;
}

.fp-viewing-section6 .owl-nav {
    left: -223px;
    width: max-content;
}


/* .section3 h2{
    font-size: 4.028vw;
    padding: 0;
} */

.section4 svg h5 {
    font-size: 32px;
}
.section4 svg p {
    font-size: 30px;
    line-height: 34px;
    padding-top: 7px;
}

.section4 svg h2 {
    font-size: 55px;
}


.section5 svg h5 {
    font-size: 32px;
}
.section5 svg p {
    font-size: 32px;
    line-height: 34px;
    padding-top: 7px;
}

.section5 svg h2 {
    font-size: 55px;
}


/* base button */
.review_slider .owl-nav button {
  width: 48px; height: 48px;
  border: 0; background: transparent; padding: 0; margin: 0 10px;
}

/* circular ring */
.review_slider  .owl-nav .nav-circle {
  position: relative; display: inline-block;
  width: 48px; height: 48px; border-radius: 50%;
  box-sizing: border-box;
}

/* LEFT (gray ring + gray arrow) */
.review_slider  .owl-nav .nav-prev,
.review_slider  .owl-nav .nav-next {
  border: 2px solid rgba(180, 180, 190, 0.8);
}
.review_slider  .owl-nav .nav-prev::before {
  content: ""; position: absolute; inset: 0;
  width: 12px; height: 12px; margin: auto;
  border-top: 2px solid rgba(180,180,190,0.9);
  border-left: 2px solid rgba(180,180,190,0.9);
  transform: translateX(2px) rotate(-45deg); /* chevron pointing left */
}

/* RIGHT (cyan ring + white arrow + subtle glow) */
.review_slider .owl-nav .nav-next {
  /* border: 2px solid #00c0ea;
  box-shadow: 0 0 8px rgba(0,192,234,0.35) inset, 0 0 6px rgba(0,192,234,0.25); */
}
.review_slider  .owl-nav .nav-next::before {
  content: ""; position: absolute; inset: 0;
  width: 12px; height: 12px; margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateX(-2px) rotate(45deg); /* chevron pointing right */
}

/* hover/focus states (optional) */
.review_slider  .owl-nav button:hover .nav-prev { border-color:#c7c9d1; }

.review_slider  .owl-nav button:hover .nav-next,
.review_slider  .owl-nav button:hover .nav-prev
 { 
    box-shadow: 0 0 10px rgba(0,192,234,0.55), inset 0 0 10px rgba(0,192,234,0.4);
    border: 2px solid #00c0ea;
    box-shadow: 0 0 8px rgba(0,192,234,0.35) inset, 0 0 6px rgba(0,192,234,0.25); 
}
/* .review_slider  .owl-nav button:focus { outline: none; } */
.review_slider .owl-nav button:focus,
.review_slider .owl-nav button:focus-visible,
.review_slider .owl-nav button:focus-within { outline: none; }

.section7 .quote,
.section8 .quote {
    width: 7vw;
    margin-left: 1vw;
}

.section7 .chairman__box.name_box,
.section8 .chairman__box.name_box{
        margin-right: 8vw;
        margin-top: 3vw;
}

.section7 .chairman_btn,
.section8 .chairman_btn {
    display: flex;
    gap: 3vw;
    margin-top: 2vw;
}

.section9
.section9 #Layer_2_4 .cls-1, 
.section9 #Layer_2_4 .cls-2, 
.section9 #Layer_2_4 .cls-3, 
.section9 #Layer_2_4 .cls-4,
#svg-card_uae3  .cls-4{
    fill: none;
    }

.section9 #Layer_2_4 .cls-2,
.section9 #Layer_2_4 .cls-3,
#svg-card_uae3  .cls-3,
#svg-card_uae3 .cls-2  {
    stroke: #1c26a8;
    stroke-width: 2.4px;
    }

.section9 #Layer_2_4 .cls-5,
#svg-card_uae3 .cls-5 {
    clip-path: url(#clippath);
    }

.section9 #Layer_2_4 .cls-6 {
    fill: #1c26a8;
    }

.section9 #Layer_2_4 .cls-3 ,
#svg-card_uae3 .cls-3 {
    stroke-linejoin: round;
    }

.section9 #Layer_2_4 .cls-4,
#svg-card_uae3 .cls-4 {
            stroke: #00bae0;
            stroke-miterlimit: 10;
            stroke-width: 2.18px;
            }

.section9 .cls-1, .cls-2, .cls-3 { fill: none; }
.section9 .cls-2 { stroke: #1c26a8; stroke-width: .8px; }
.section9 .cls-4 { clip-path: url(#clippath); }
.section9 .cls-5 { fill: #1c26a8; }
.section9 .cls-3 { stroke: #00bae0; stroke-miterlimit: 10; stroke-width: 2.18px; }
                                 
.second-secton p {
    font-size: 1.1vw;
}

.clip-path-b-r{
    clip-path: polygon(0 0, 100% 0, 100% 80%, 94% 100%, 0 100%);
}

.fp-viewing-section9 #fp-nav ul li a span, .fp-viewing-section8 #fp-nav ul li a span{
    border-bottom: 16px solid #00b8de !important;
}

.fp-viewing-section10 #fp-nav ul li a span, .fp-viewing-section8 #fp-nav ul li a span{
    border-bottom: 16px solid #00b8de !important;
}

.fp-viewing-section7 .toggle-blue,
.fp-viewing-section8 .toggle-blue, 
.fp-viewing-section9 .toggle-blue, 
.fp-viewing-section10 .toggle-blue  {
    display: block !important;
}

.fp-viewing-section7 .toggle-white,
.fp-viewing-section8 .toggle-white,
.fp-viewing-section9 .toggle-white,
.fp-viewing-section10 .toggle-white

 {
    display: none;
}


/* base button */
.section12 .owl-nav button {
  width: 5vw; height: 5vw;
  border: 0; background: transparent; padding: 0; margin: 0 0 0 3vw;
}

/* circular ring */
.section12  .owl-nav .nav-circle {
  position: relative; display: inline-block;
  width: 5vw; height: 5vw; border-radius: 50%;
  box-sizing: border-box;
}

/* LEFT (gray ring + gray arrow) */
.section12  .owl-nav .nav-prev,
.section12  .owl-nav .nav-next {
  border: 2px solid #8d8d8d;
}
.section12  .owl-nav .nav-prev::before {
  content: ""; position: absolute; inset: 0;
  width: 12px; height: 12px; margin: auto;
  border-top: 2px solid #8d8d8d;
  border-left: 2px solid #8d8d8d;
  transform: translateX(2px) rotate(-45deg); /* chevron pointing left */
}

/* RIGHT (cyan ring + white arrow + subtle glow) */
.section12 .owl-nav .nav-next {
  /* border: 2px solid #00c0ea;
  box-shadow: 0 0 8px rgba(0,192,234,0.35) inset, 0 0 6px rgba(0,192,234,0.25); */
}
.section12  .owl-nav .nav-next::before {
  content: ""; position: absolute; inset: 0;
  width: 12px; height: 12px; margin: auto;
  border-top: 2px solid #8d8d8d;
  border-right: 2px solid #8d8d8d;
  transform: translateX(-2px) rotate(45deg); /* chevron pointing right */
}

.section12  .owl-nav button:hover .nav-next::before {
  border-top: 2px solid white;
  border-right: 2px solid white;
}

.section12  .owl-nav  button:hover .nav-prev::before {

  border-top: 2px solid white;
  border-left: 2px solid white;
  
}

/* hover/focus states (optional) */
.section12  .owl-nav button:hover .nav-prev { border-color:white; }
.section12  .owl-nav button:hover .nav-next,
.section12  .owl-nav button:hover .nav-prev
 { 
    /* box-shadow: 0 0 10px white; */
    border: 2px solid white;
    /* box-shadow: 0 0 8px white;  */
}
/* .review_slider  .owl-nav button:focus { outline: none; } */
.section12 .owl-nav button:focus,
.section12 .owl-nav button:focus-visible,
.section12 .owl-nav button:focus-within { outline: none; }

.section12 .owl-nav {
    align-content: space-around !important;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.section12 .addl-line{
    position: absolute;
    top: -5vh;
    width: 100vw;
    color: var(--color-primary);
    font-weight: 700;
}

/* .section13 h2{
    font-size: 3vw;
} */

.fp-viewing-section12 #fp-nav ul li a span, .fp-viewing-section8 #fp-nav ul li a span{
    border-bottom: 16px solid #06b9df;
}

.fp-viewing-section6 #fp-nav ul li a span, .fp-viewing-section8 #fp-nav ul li a span{
    border-bottom: 16px solid #06b9df;
}

.fp-viewing-section6 #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span, .fp-slidesNav ul li:hover a span{
    border-bottom-color: white !important;
}

.fp-viewing-section12 #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span, .fp-slidesNav ul li:hover a span{
    border-bottom-color: white !important;
}

.fp-viewing-section5 .scrollup{
    background: white;
}

.fp-viewing-section6 .scrollup{
    background: white;
}

body.fp-viewing-section11 header {
    width: fit-content;
    right: 89px;
}

.section4 .content h2,
.section5 .content h2{
    font-family: "co_textbold_old";
}
.section4 .content h5,
.section4 .content p,
.section5 .content h5,
.section5 .content p{

font-family: co_textregular_old;
}

.line-h-0{
    line-height: 0;
}

 /* one rule covers all cards */
  #svg-card svg, #svg-card_1 svg, #svg-card_2 svg,
  #svg-card_3 svg, #svg-card_4 svg, #svg-card_5 svg, #svg-card_6 svg {
    width: 100%; height: auto; display: block;
  }



  

/* Optional: responsive sizing via aspect-ratio (keeps perfect 300:250) */
#svg-card_a, #svg-card_b, #svg-card_c, #svg-card_d,
.svg-card {
  aspect-ratio: 300 / 250;
}
#svg-card_a > svg, #svg-card_b > svg, #svg-card_c > svg, #svg-card_d > svg,
.svg-card > svg {
  width: 100%;
  height: 100%;
  display: block;
}

#svg-card_uae,
#svg-card_uae1,
#svg-card_uae2,
#svg-card_uae3 { 
  width: 100%;
  max-width: 480px;           /* optional */
  aspect-ratio: 291.49 / 216.24;
}
#svg-card_uae svg,
#svg-card_uae1 svg,
#svg-card_uae2 svg,
#svg-card_uae3 svg {
  width: 100%;
  height: auto;
  display: block;
}

.rotate-90deg{
    transform: rotate(90deg) !important;
}

/* RTL fix for Bootstrap 4 offsets */
[dir="rtl"] .offset-md-1 { margin-right: 8.333%; margin-left: 0; }
[dir="rtl"] .offset-md-2 { margin-right: 16.666%; margin-left: 0; }
[dir="rtl"] .offset-md-3 { margin-right: 25%; margin-left: 0; }
[dir="rtl"] .offset-md-4 { margin-right: 33.333%; margin-left: 0; }
[dir="rtl"] .offset-md-5 { margin-right: 41.666%; margin-left: 0; }
[dir="rtl"] .offset-md-6 { margin-right: 50%; margin-left: 0; }
/* … and so on */

.flip-ltr{
    transform: scaleX(-1);
}


.person-img{
    bottom: 5em;
}