﻿@font-face {
    font-family:'ApollineRegular';
    src: url('Apolline-Regular.html') format('woff2'),
        url('Apolline-.html') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.landingPage header{background:#C1C2C2 url(../images/hdbg.jpg) repeat-x left top !important;background-size:cover;}
.landingPage header .logo {width:48px!important;}
.landingPage header .logo img{display:none!important;}
.landingPage header .logo svg{display:block!important;}
.landingPage header .wrap{height:82px!important;}
.landingPage header .openmenu{top:29px!important;}
.landingPage header  .search_container{top:12px!important;}
.landingPage #content:before{height:82px!important;display:block;content:'';}

.intext{font-family:'Montserrat', sans-serif; font-weight: 500; font-size: 16px; line-height: 30px; letter-spacing:0.5px;}



.topIntro{position:relative;overflow:hidden;animation-name:fadeIn;}
.topIntro .movie{width:100%;position:relative;background:#1f2951;}
.topIntro .back{display:flex;justify-content:center;align-items:center;border-radius:100%;cursor:pointer;transition:0.3s;
     position:absolute;top:25px;left:140px;width:49px;height:49px;background:#fff;
    }
.topIntro .back svg{display:block;height:19px;}
.desktop .topIntro .back:hover{opacity:0.7;}
.topIntro  .custvideo{object-fit:cover;object-position:center center ; width:100%;display:block;height:calc(100vh - 82px);
min-height:550px;
}
.founders{background:url(../images/layer.png);padding:160px 0px 98px;}
.founders .box{display:flex;flex-wrap:wrap;position:relative;}
.founders .box:after{width:88px;height:88px;position:absolute;top:-22px;left:17px;display:block;content:'';
background:url(../pictures/star.png) no-repeat;background-size:contain;transform:translateY(-100%) translateX(-100%);
}
.founders .box>li:nth-child(1){width:355px;margin-right:150px;animation-name:fadeIn;}
.founders .box>li:nth-child(2){flex:1;animation-name:fadeInUp;}
.founders .sectiontitle .light{text-align:right;}
.founders .top{display:flex;margin-bottom:33px;}
.founders .intext{max-width:658px;color:#21294E;} 
.founders .pic img{display:block;}
.theMssg .top{display:flex;justify-content:center;margin-bottom:40px;}
.theMssg{background:#F1F2F1;padding-bottom:120px;}
.theMssg .wrap{max-width:700px;position:relative;margin:auto;}
.theMssg .inner{position:relative;padding:120px 0px 0px;}
.theMssg .inner:after{width:88px;height:88px;position:absolute;top:33px;right:0px;display:block;content:'';
background:url(../pictures/star.png) no-repeat;background-size:contain;}
.theMssg .inner:before{width:153px;height:139px;position:absolute;top:0px;left:0px;display:block;content:'';
background:url(../images/messageicon.svg) no-repeat;background-size:contain;bottom:0px;margin:auto;}
.theMssg .wrap{animation-name:fadeIn;}
.theMssg .sectiontitle{text-align:center;}
.theMssg .sectiontitle .light span{text-transform:uppercase;}
.theMssg .more{margin-top:42px; display:flex;justify-content:center;}
.theMssg  .morebtm{width:134px;display:flex;cursor:pointer;transition:0.3s;}
.theMssg  .morebtm img{width:100%;height:auto;object-fit:contain;display:block;}
.theMssg  .extra{margin-top:33px;max-width:700px;position:relative;margin-left:auto;margin-right:auto;display:none;}
.theMssg  .subtext{max-width:555px;
              font-size:28px;line-height:116%;
              font-family:'ApollineRegular';font-weight:400;text-align:center;color:#21294E;
               position:relative;margin-left:auto;margin-right:auto;
}
.theMssg.open .morebtm img{transform:scaleY(-1);}
.desktop .theMssg  .morebtm:hover{opacity:0.7;}

.zimpact{background:url(../images/layer.png);}
.zimpact .wrap{padding:66px 0px 140px;position:relative;animation-name:fadeIn;}
.zimpact .top{margin-bottom:33px; display:flex;justify-content:center;text-align:center;}
.zimpact .intext{max-width:790px; position:relative;margin:auto;text-align:center;color:#21294E;} 
.zimpact  .movie{max-width:1000px;position:relative;margin:60px auto 0px;background:#21294E;}
.zimpact  .custvideo{width:100%;display:block;}
.zimpact .icon{position:absolute;left:-54px;bottom:0px;width:125px;transform:translateY(50%);}
.zimpact .icon img{width:100%;object-fit:contain;display:block;}

.subpart{padding:70px 0px 50px;}
.ftnotes .top{display:flex;justify-content:center;margin-bottom:33px;}
.ftnotes .sectiontitle .light{text-align:right;margin-right:-22px;}
.ftnotes  .movie{max-width:970px;position:relative;margin:53px auto 0px;background:#21294E;}
.ftnotes  .custvideo{width:100%;display:block;}
.ftnotes .intext{max-width:750px; position:relative;margin:auto;text-align:center;color:#21294E;}
.ftnotes .inside{position:relative;padding:0px 150px;}
.ftnotes .icon{position:absolute;bottom:0px;right:-150px;width:112px;}
.ftnotes .icon img{width:100%;object-fit:contain;display:block;}
.ftnotes .container{animation-name:fadeIn;}
.ftnotes .intext.bold{font-weight:800;text-transform:uppercase;margin-top:55px;max-width:536px;letter-spacing:1.7px;
                 line-height:120%;}
.ftnotes .outer{display: flex;justify-content: center;margin-top:43px;overflow: hidden;}
.ftnotes .more{position:relative;}
.ftnotes .more:after { display: block; content: ''; width: 100vw; border-bottom: 3px solid #1f2951; 
pointer-events: none; position: absolute; left: 0; bottom: 0;}
.ftnotes .sub{display:flex;justify-content:center;margin-top:58px;}
.ftnotes .Btn{min-width:313px;}
.ftnotes .Btn.grey{color:#1f2951;background:#C7C7C7;}
.ftnotes .inner{position:relative;}
.desktop .ftnotes .Btn.grey:hover{background:#1f2951;color:#fff;}

.ourtimeline{padding:144px 0px 96px;position:relative;}
.ourtimeline .cols:after{display:block;content:'';position:absolute;top:-668px;left:0px;height:1056px;border-left:3px solid #999999;}
.ourtimeline .cols{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;}
.ourtimeline .cols>li{width:calc(50% - 54px);}
.ourtimeline .cols>li:nth-child(1){padding-left:47px;animation-name:fadeInUp;}
.ourtimeline .cols>li:nth-child(2){animation-name:fadeIn;padding-top:12px;}
.ourtimeline .top{margin-bottom:50px;padding-left:47px;}
.ourtimeline .title{width:490px;max-width:calc(50% - 54px);}
.ourtimeline .title img{width:100%;object-fit:contain;display:block;}
.ourtimeline .intext{color:#1f2951;max-width:589px;}
.ourtimeline  .movie{width:100%;position:relative;background:#21294E;}
.ourtimeline  .custvideo{width:100%;display:block;}
.ourtimeline .more{display:flex;position:relative;}
.ourtimeline .more:after{display: block; content: ''; width:calc(100% + 140px); border-bottom: 3px solid #1f2951; 
pointer-events: none; position: absolute; left: 0; bottom: 0;}
.ourtimeline .hold{padding-left:47px;margin-top:55px;}
.ourtimeline .Btn{padding-left:86px;padding-right:86px;}

.ourPlatform{overflow:hidden;position:relative;padding-top:133px;}
.ourPlatform .outer{display: flex;justify-content: center;margin-top: 53px;overflow: hidden;}
.ourPlatform .more{position:relative;}
.ourPlatform .more:after { display: block; content: ''; width: 100vw; border-bottom: 3px solid #1f2951; 
      pointer-events: none; position: absolute; left: 0; bottom: 0;}
.ourPlatform .swiper-scrollbar{margin-top:58px;width:100%;height:1px;max-width:none;}
.ourPlatform .swiper-scrollbar-drag{height:2px;top:-0.5px;background:#21294E;}
.ourPlatform .swiper-scrollbar:after{display:block;content:'';position:absolute;height:20px;top:-10px;left:0px;
width:100%;cursor:move;
}
.ourPlatform .container{animation-name:fadeIn;}
.ourPlatform .swiper-slide{width:436px;margin-right:21px;}
.ourPlatform .swiper-slide:last-child{margin-right:0px;}
.ourPlatform .item{background:#fff;display:block;height:100%;border-radius:11px;padding:20px 32px 20px;}
.ourPlatform .top{position:relative;margin-bottom:25px;padding-right:53px;}
.ourPlatform .user{display:flex;flex-wrap:wrap;align-items:center;}
.ourPlatform .icon{width:42px;height:42px;overflow:hidden;border-radius:100%;margin-right:16px;}
.ourPlatform .icon img{width:100%;height:100%;object-fit:cover;object-position:center 11%;display:block;}
.ourPlatform .media{position:absolute;top:0px;right:0px;display:flex;justify-content:center;align-items:center;border-radius:100%;
    width:42px;height:42px;background:#21294E;padding:4px;}
.ourPlatform .media img{height:24px;display:block;object-fit:contain;}
.ourPlatform .name{font-weight:700;color:#21294E;font-size:23px;line-height:122%;max-width:calc(100% - 58px);}
.ourPlatform .pic{margin-bottom:15px;}
.ourPlatform .pic img{width:100%;display:block;}
.ourPlatform .caption{font-weight:700;color:#21294E;font-size:16px;line-height:122%;}

@media (max-width: 1505px) {
.ourtimeline .more:after{width:calc(100% + 35px);}
.ourtimeline .Btn{padding-left:50px;padding-right:50px;}
.ourtimeline .cols>li{width:calc(50% - 33px);}
.ourtimeline .cols>li:nth-child(1){padding-left:37px;}
.ourtimeline .top{padding-left:37px;}
.ourtimeline .hold{padding-left:37px;}
.topIntro .back{left:35px;}
.founders .box>li:nth-child(1){width:40%;margin-right:7%;}
.founders .box:after{left:60px;width:72px;height:72px;}
.theMssg .inner:after{width:72px;height:72px;}
.theMssg .inner:before{width:111px;height:96px;}
.theMssg .inner{padding-left: 124px;padding-right: 124px;}
.theMssg .morebtm{width:125px;}
.theMssg .wrap{max-width:550px;}
.theMssg  .extra{max-width:620px;}
.zimpact .icon{width:100px;left:-12px;}
.ourPlatform .swiper-slide{width:400px;}
.ourPlatform .name{font-size:20px;max-width:calc(100% - 52px);}
.ourPlatform .caption{font-size:15px;}
.ourPlatform .icon{width:40px;height:40px;margin-right:12px;}
.ourPlatform .media{width:40px;height:40px;}
.ourPlatform .media img{height:21px;}
.ftnotes .inside{padding:0px 120px;}
.ftnotes .icon{width:84px;right:-120px;}
}

@media (max-width: 1200px) {
.theMssg .inner:before{width:86px;height:76px;}
.ourPlatform .swiper-slide{width:380px;}
}

@media (min-width: 767.1px) {
.topIntro,.ourtimeline .cols>li,.founders .box>li,.theMssg .wrap,
.ftnotes .container,.ourPlatform .container,.zimpact .wrap{visibility:hidden;}
}

@media (max-width: 1400px){
.intext{font-size:14px;line-height:23px;}
}


@media (max-width: 1400px) and (min-width: 1200px) {
.theMssg .subtext{ font-size:24px;max-width:510px;}
.theMssg  .morebtm{width:114px;}

}

@media (max-width: 1200px) and (min-width: 992px) {
.theMssg .subtext{ font-size:22px;max-width:465px;}
.theMssg  .morebtm{width:104px;}

}

@media (max-width: 991px) and (min-width: 768px) {
.theMssg .subtext{ font-size:20px;max-width:435px;}
.theMssg  .morebtm{width:92px;}

}

@media (max-width: 767px) {
.landingPage header .search_container{top:20px!important;}
.founders .box>li:nth-child(1){width:100%;margin-right:0px;margin-bottom:27px;}
.founders .box>li:nth-child(2){width:100%;flex:unset;}
.founders{padding:84px 0px 48px;}
.founders .box:after{left:44px;width:48px;height:48px;top:-11px;}
.founders .top{margin-bottom:20px;}
.topIntro  .custvideo{height:auto;min-height:0px;}
.ourtimeline .more:after{width:calc(100% + 15px);}
.ourtimeline .Btn{padding-left:30px;padding-right:30px;}
.ourtimeline{padding:50px 0px 55px;}
.ourtimeline .cols>li{width:100%;}
.ourtimeline .cols>li:nth-child(1){padding-left:24px;}
.ourtimeline .cols>li:nth-child(2){padding-top:30px;padding-left:24px;}
.ourtimeline .title{max-width:284px;}
.ourtimeline .top{margin-bottom:22px;padding-left:24px;}
.ourtimeline .cols:after{height:207px;border-width:2px;top:-140px;}
.ourtimeline .hold{padding-left:24px;margin-top:42px;}
.topIntro .back{left:15px;width:35px;height:35px;}
.topIntro .back svg{height:14px;}
.theMssg .inner:before{display:none;}
.theMssg{padding-bottom:44px;}
.theMssg .inner{padding-left:0px;padding-right:0px;padding-top:105px;}
.theMssg .inner:after{width:48px;height:48px;}
.theMssg .top{margin-bottom:25px;}
.theMssg .more{margin-top:30px;}
.theMssg .morebtm{width:85px;}
.theMssg .subtext{ font-size:18px;max-width:435px;}
.zimpact .wrap{padding:44px 0px 80px;}
.zimpact .top{margin-bottom:22px;}
.zimpact .icon{width:67px;left:0px;}
.subpart {padding:50px 0px 77px;}
.ftnotes .Btn{min-width:170px;}
.ftnotes .sub{margin-top:40px;}
.ftnotes .intext.bold{margin-top:33px;}
.ftnotes .outer{margin-top:33px;}
.ftnotes .inside{padding:0px;}
.ftnotes .icon{right:0px;width:45px;}
.ftnotes .inner {padding-bottom:70px;}
.ourPlatform{padding-top:62px;}
.ourPlatform .swiper-slide{width:290px;margin-right:9px;}
.ourPlatform .item{padding:12px 15px 12px;}
.ourPlatform .swiper-scrollbar{margin-top:33px;}
.ourPlatform .caption{font-size:13px;}
.ourPlatform .icon{width:30px;height:30px;margin-right:10px;}
.ourPlatform .media{width:30px;height:30px;}
.ourPlatform .media img{height:15px;}
.ourPlatform .name{font-size:15px;max-width:calc(100% - 40px);}
.ourPlatform .pic{margin-bottom:11px;}
.ourPlatform .top{margin-bottom:11px;padding-right:36px;}
.ourPlatform .outer{margin-top:40px;}
}



@media (max-width:605px) {
.landingPage header .search_container{top:14px!important;}
}

html[lang='ar'] .landingPage #content {
    direction: rtl;
}
html[lang='ar'] .landingPage #content .Btn {
    margin-left: auto;
}
html[lang='ar'] .landingPage #content .ftnotes .Btn{
    margin-left: 0;
}

html[lang='ar'] .ftnotes .intext.bold {
    letter-spacing: unset;
}
html[lang='ar'] .theMssg .subtext {
    font-family: 'IBM Plex Sans Arabic';
    line-height: 1.4;
}
html[lang='ar'] .topIntro .back {
    right: 140px;
    left: unset;
}
html[lang='ar'] .ourtimeline .top {
    padding-right: 47px;
    padding-left: 0;
}
html[lang='ar'] .ourtimeline .cols > li:nth-child(1) {
    padding-right: 47px;
    padding-left: 0;
}
html[lang='ar'] .ourtimeline .cols > li:nth-child(2) {
    padding-right: 47px;
    padding-left: 0;
}

html[lang='ar'] .ourtimeline .hold {
    padding-right: 47px;
    padding-left: 0;
}
html[lang='ar'] .ourtimeline .cols:after {
    left: unset;
    right: 0;
}
html[lang='ar'] .founders .box > li:nth-child(1) {
    margin-left: 150px;
    margin-right: 0px;
}

html[lang='ar'] .founders .box:after {
    right: 17px;
    left: unset;
}
html[lang='ar'] .theMssg .inner:after {
    right: unset;
    left: 0;
}
html[lang='ar'] .zimpact .icon {
    right: -54px;
    left: unset;
}
html[lang='ar'] .ourPlatform .swiper-slide {
    margin-left: 21px;
    margin-right: 0px;
}
html[lang='ar'] .ourPlatform .swiper-slide:last-child {
    margin-left: 0;
}
html[lang='ar'] .ourPlatform .top {
    padding-left: 53px;
    padding-right: 0;
}
html[lang='ar'] .ourPlatform .media {
    left: 0px;
    right: unset;
}
html[lang='ar'] .ourPlatform .icon {
    margin-right: 0;
    margin-left: 16px;
}
html[lang='ar'] .ourtimeline .more::after {
    right: 0;
    left: unset;
}
html[lang='ar'] .ftnotes .more::after {
    right: 0;
    left: unset;
}
html[lang='ar'] .ourPlatform .more::after {
    right: 0;
    left: unset;
}
@media (max-width: 1505px) {
    html [lang='ar'] .topIntro .back {
        right: 35px;
    }
    html[lang='ar'] .ourtimeline .top {
        padding-right: 37px;
    }
    html[lang='ar'] .ourtimeline .cols > li:nth-child(1) {
        padding-right: 37px;
    }
    html[lang='ar'] .ourtimeline .cols > li:nth-child(2) {
        padding-right: 37px;
    }
    html[lang='ar'] .ourtimeline .hold {
        padding-right: 37px;
    }
    html[lang='ar'] .founders .box > li:nth-child(1) {
        margin-left: 7%;
    }

    html[lang='ar'] .founders .box:after {
        right: 60px;
    }
    html[lang='ar'] .zimpact .icon {
        right: -12px;
    }
    html[lang='ar'] .ourPlatform .icon {
        margin-left: 12px;
    }
}

@media (max-width: 767px) {
    html[lang='ar'] .topIntro .back {
        right: 15px;
    }
    html[lang='ar'] .ourtimeline .top {
        padding-right: 24px;
    }
    html[lang='ar'] .ourtimeline .cols > li:nth-child(1) {
        padding-right: 24px;
    }
    html[lang='ar'] .ourtimeline .cols > li:nth-child(2) {
        padding-right: 24px;
    }
    html[lang='ar'] .ourtimeline .hold {
        padding-right: 24px;
    }
    html[lang='ar'] .founders .box > li:nth-child(1) {
        margin-left: 0px;
    }
    html[lang='ar'] .founders .box:after {
        right: 44px;
    }
    html[lang='ar'] .zimpact .icon {
        right: 0px;
    }
    html[lang='ar'] .ourPlatform .swiper-slide {
        margin-left: 9px;
    }
    html[lang='ar'] .ourPlatform .top {
        padding-left: 36px;
    }
    html[lang='ar'] .ourPlatform .icon {
        margin-left: 10px;
    }
}

html[lang="ar"] .theMssg .inner:before {
    right: 0;
    left: auto;
}

html[lang="ar"] .ftnotes .icon {
    right: auto;
    left: -150px;
}

@media (max-width: 1505px) {
    html[lang="ar"] .ftnotes .icon {
        left: -120px;
    }
}

@media (max-width: 767px) {
    html[lang="ar"] .ftnotes .icon {
        left: 0px;
    }
}

.ourPlatform .swiper-slide {
    height: unset;
    min-height: 100%;
}


.ourPlatform .media {
    padding: 0;
    background: unset;
}
.ourPlatform .media img {
    height: 100%;
}
.zimpact .more {
    margin: auto;
    margin-top: 40px;
    display: flex;
    justify-content: center;
}
.ftnotes .title {
    max-width: 100%;
}

.ftnotes .top {
    margin-top: 50px;
}

.ftnotes .title img {
    max-height: 65px;
}
.ftnotes .top {
    margin-bottom: 0;
}
html[lang='ar'] .zimpact .more .Btn {
    margin-right: auto;
}


.landingPage .image_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.landingPage  .image_video .video_placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.landingPage  .image_video .play_icon {
    position: relative;
    z-index: 3;
    max-width: 95px;
}

@media(max-width: 768px){
    .landingPage .image_video .play_icon {
        max-width: 60px;
    }
}

.zimpact .wrap {
    padding: 66px 0px 71px;
}
@media (max-width: 767px) {
    .zimpact .wrap {
        padding: 44px 0px 49px;
    }
}
