@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Almarai:300,400,700,800&display=swap&subset=arabic');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css?family=Sintony:400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Leckerli+One&display=swap');
body{
    overflow-x: hidden;
    background: #F1F2F3;
    font-family: Georgia, 'Times New Roman', Times, serif;
    line-height: 1;
}
.clearr{
    height: 50px;
}
.caro-imgg{
    height: 450px;
    width: 100%;
}
.othh{
    background: #fff;
    padding: 50px 0;
}
.show-mob{
    display: none;
}
.form-contt{
    padding: 50px 0 0 0;
    width: 60%;
    margin: 0 auto !important;
}
.what{
    height:60px;
    bottom: 100px;
    right: 10px;
    position:fixed;
    z-index:500;
}
.bg-rr{
    padding: 56px 0;
    background: #fff;
    background-image:linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.9)),url(../img/courier/plane.gif);
    background-size: cover;
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: center;
}
@media(max-width:768px){
    .form-contt{
        padding: 50px 0 0 0;
        width: 90%;
        margin: 0 auto !important;
    }
}
.float-rig{
    position: absolute;
    top: -20px;
    right: 10px;
}
.other-pages-about{
    height: 220px;
    width: 100%;
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.7)),url(../img/courier/14.jpg);
    background-position-x: center;
    background-position-y: center;
    background-attachment: fixed;
    /* background-size: cover; */
}
@media(max-width:768px){
    .other-pages-about{
        height: 120px;
        width: 100%;
    }
}
.other-pages-track{
    height: 220px;
    width: 100%;
    background-image: linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.02)),url(../img/courier/map1.jpg);
    background-position-x: center;
    background-position-y: center;
    background-attachment: fixed;
    /* background-size: cover; */
}
@media(max-width:768px){
    .other-pages-track{
        height: 120px;
        width: 100%;
    }
}
.zoom {
    animation: scale 40s linear infinite;
  }
    
  @keyframes scale {
    50% {
      -webkit-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -ms-transform:scale(1.2);
      -o-transform:scale(1.2);
      transform:scale(1.2);
    }
  }
.hd-banner{
    min-height: 450px;
    padding: 20px 0 0 0;
    width: 100%;
    background-image: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,1)),url(../img/panels_bg.png);
    background-size: cover;
}
p{
    color: #000;
}
a:hover{
    color: #00485E !important;
}
.logo-imgg{
    height: 35px;
}
.nav-top{
    background: #000;
    /* min-height: 50px; */
    /* padding-top: 10px; */
    color: #efefef;
}
.form-wrapper{
    width:60%;
    margin:0 auto !important;
}
.paging{
    min-height: 90px;
    width: 100%;
    padding: 40px 0;
}
.page-header{
    min-height: 90px;
    width: 100%;
    padding: 40px 0;
}
.page-content{
    padding: 70px 0;
    background: url(../img/contentbg.jpg);
    background-attachment: fixed;
    background-size: cover;
}
.about-banner{
    min-height: 200px;
    width: 100%;
    padding-top: 20px;
    background-image: linear-gradient(rgba(0, 0, 0,0.4), rgba(0, 0, 0,0.7)),url(../img/panels_bg.png);
    /* background-image: linear-gradient(rgba(13, 0, 125,0.4), rgba(13, 0, 125,0.5)),url(../img/panels_bg.png); */
    background-attachment: fixed;
    background-size: cover;
    color:#fff !important;
}
.abt-content{
    padding: 70px 0;
    background: #fff;
}
.paging-container{
    height: 100%;
    width: 100%;
}
.lkj .card{
    width: 400px;
    margin: 0 15px;
}
.nav-top .nav-link{
    color: #efefef !important;
    font-size: 13px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.why-us{
    /* background: #fff; */
    padding: 70px 0;
}
.why-us2{
    background: #fff;
    padding: 70px 0;
}
.why-us3{
    background: #fff;
    padding: 70px 0;
}
.major-company{
    padding: 90px 0;
    background: #fff;
    background-image: linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0.1)),url(../img/background-shapes.png);
    background-size: cover;
    /* background-attachment: fixed; */
}
.other-arena{
    padding: 90px 0;
    background: #fff;
    background-image:linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.9)),url(../img/courier/plane.gif);
    background-size: cover;
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: center;
}
.easy-to-use{
    background: #161A25;
    min-height: 250px;
    padding: 90px 0;
    color: #aeb2be;
}
.easy-to-use-box{
    /* min-width: 400px; */
    padding: 30px 0;
    transform: translate3d(0px, 0px, 0px); transition: all 0.25s ease 0s; width: 1200px;
}
.feature_box {
    margin-top: 30px;
    background:#fff;
}
.feature_box {
    margin-top: 50px;
    box-shadow: 0 9px 10px #e0e0e0;
    min-height: 310px;
    padding: 30px;
}
.feature_box p {
    color: #5f6062;
    font-size: 16px;
}
.feature_box h4 {
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 20px;
    color: #000;
    font-weight: 500;
}
.feature_box h4 {
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 0.7px;
    line-height: 26px;
}
.page-bann-who{
    min-height: 150px;
    width: 100%;
    background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.3)),url(../img/dotter.jpg);
    background-attachment: fixed;
    color: #fff !important;
}
.support-r{
    background-image:linear-gradient(rgba(20, 32, 86,0.4), rgba(20, 32, 86,0.5)),url(../img/slider-bg.png);
    padding:50px 0;
}
.support-bg{
    min-height: 250px;
    background: url(../img/support.jpeg);
    background-size: cover;
}
.btn-white-md:hover{
    background: #142056;
    color: #fff !important;
}
.btn-white-md{
    min-width: 150px;
    margin: 0 auto;
    min-height: 40px;
    padding: 7px 17px;
    background: #fff;
    border-color: #fff;
    border-radius: 50px;
    color: #142056 !important;
    text-transform: uppercase;
}
.head-banner{
    min-height: 450px;
    padding:50px 0 0 0;
    width: 100%;
    background:rgb(13, 0, 125);
    background-image: linear-gradient(rgba(13, 0, 125,0.0), rgba(13, 0, 125,0.0)),url(../img/header.svg);
    background-attachment: fixed;
    background-size: cover;
}
.liquidity{
    padding: 70px 0;
    background: #F9F9FA;
}

.mt5-img{
    height:450px;
    /* width:300px; */
}
.nav-headerr{
    background:#1F2339;
    padding: 10px 0;
}
.abt-continued{
    padding: 70px 0 0 0 ;
}
.widget-hold{
    padding: 70px 0 0 0;
}
.crypto-widget{
    padding: 70px 0 0 0;
}
.testifiers{
    padding: 70px 0;
}
.btn-market{
    width: 90%;
    margin: 0 auto;
    min-height: 40px;
    background: #fff;
    color: #000 !important;
    text-transform: uppercase;
}
.fast-execution{
    padding: 70px 0;
    background-image: url(../img/fast-execution.png);
    background-size:cover;
}
.bgg{
    min-width: 200px;
    padding: 70px 0 50px;
    background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.4)),url(../img/panels_bg.png);
}
.bgg-under{
    min-height: 250px;
    padding: 70px 0;
    background-image: url(../img/curtain.jpg);
}
.call-t{
    padding: 50px 0;
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.5)),url(../img/headerbg.jpg);
    background-size: cover;
    /* background-attachment: fixed; */
}
.circl{
    height: 70px;
    width: 70px;
    border-radius: 100%;
    border:2px solid #2544A2;
    /* position: relative; */
}
.t-img{
    height:55px !important;
    /* width: 30px; */
}
.btn-orange{
    min-width: 150px;
    padding: 7px 20px;
    margin: 0 auto;
    min-height: 40px;
    border-radius: 3px;
    background: #dd0000;
    color: #fff !important;
    text-transform: uppercase;
}
.btn-orange:hover{
    color: #fff !important;
}
.btn-regg:hover{
    color: #fff !important;
}
.btn-regg{
    min-width: 100px;
    padding: 7px 13px;
    margin: 0 auto;
    min-height: 40px;
    background: #238C38;
    color: #fff !important;
    text-transform: uppercase;
}
.bann{
    height: 400px;
    width: 100%;
    padding: 100px 0;
    /* position: relative; */
    background-image: linear-gradient(to right, rgba(0,0,0,0.7),rgba(0,0,0,0.5)),url(../img/bbbnnn.jpg);
    /* background-size: cover; */
    background-position: center;
    background-position-x: bottom;
    background-position-y:top;
    background-attachment: fixed;
    /* background-attachment: fixed;   */
}
.some-other-things{
    padding: 70px 0 ;
}
.just-there-bann{
    min-height: 150px;
    padding: 30px 0;
    width: 100%;
    background-image: linear-gradient(to right, rgba(0,0,0,0.7),rgba(0,0,0,0.5)),url(../img/current-account.png);
    background-attachment: fixed;  
}
.just-there-bann-safe{
    min-height: 150px;
    padding: 30px 0;
    width: 100%;
    background-image: linear-gradient(to right, rgba(0,0,0,0.7),rgba(0,0,0,0.5)),url(../img/safe-box.jpg);
    background-attachment: fixed;  
}
.just-there-bann-fraud{
    min-height: 150px;
    padding: 30px 0;
    width: 100%;
    background-image: linear-gradient(to right, rgba(0,0,0,0.7),rgba(0,0,0,0.5)),url(../img/fraud.jpg);
    background-attachment: fixed;  
}
.just-there-bann-insight{
    min-height: 150px;
    padding: 30px 0;
    width: 100%;
    background-image: linear-gradient(to right, rgba(0,0,0,0.7),rgba(0,0,0,0.5)),url(../img/insights.gif);
    background-attachment: fixed;  
}
.just-there-bann-int-mobile{
    min-height: 150px;
    padding: 30px 0;
    width: 100%;
    background-image: linear-gradient(to right, rgba(0,0,0,0.7),rgba(0,0,0,0.5)),url(../img/int-mobile.jpg);
    background-attachment: fixed;  
}
.just-there-bann-personal{
    min-height: 150px;
    padding: 30px 0;
    width: 100%;
    background-image: linear-gradient(to right, rgba(0,0,0,0.7),rgba(0,0,0,0.5)),url(../img/personal-banking-n.jpg);
    background-attachment: fixed;  
}
.oth-div{
    padding: 70px 0;
    width: 100%;
}
.explore-wealth{
    min-height: 350px;
    width: 100%;
    padding: 100px 0 70px 0;
    background-image: linear-gradient(to right, rgba(0,0,0,0.7),rgba(0,0,0,0.5)),url(../img/explore-wealth.jpg);
    background-size: cover;
    background-attachment: fixed;
    color: #fff !important; 
}
.about-ban{
    min-height: 350px;
    width: 100%;
    padding: 100px 0 70px 0;
    background-image: linear-gradient(to right, rgba(0,0,0,0.7),rgba(0,0,0,0.5)),url(../img/about-ban.jpg);
    background-size: cover;
    background-position: center;
    background-position-x: bottom;
    background-position-y:top;
    background-attachment: fixed;
    color: #fff !important; 
}
.followed-blue{
    background: #2548AF ;
    color: #fff;
    padding: 100px 0;
}
.rounder-followed{
    background: #526EBF;
    border-radius: 100%;
    padding: 20px;
    height: 100px;
    width: 100px;
}
.icon-r{
    height: 70px;
    width: 70px;
}
.diver-bann{
    min-height: 350px;
    width: 100%;
    padding: 100px 0 70px 0;
    background-image: linear-gradient(to right, rgba(0,0,0,0.7),rgba(0,0,0,0.5)),url(../img/diver-bann.jpg);
    background-size: cover;
    background-attachment: fixed;
    color: #fff !important; 
}
.goals-bann{
    min-height: 350px;
    width: 100%;
    padding: 100px 0 70px 0;
    background-image: linear-gradient(to right, rgba(0,0,0,0.7),rgba(0,0,0,0.5)),url(../img/goals.webp);
    background-size: cover;
    background-attachment: fixed;
    color: #fff !important; 
}
.career-bann{
    min-height: 350px;
    width: 100%;
    padding: 100px 0 70px 0;
    background-image: linear-gradient(to right, rgba(0,0,0,0.7),rgba(0,0,0,0.5)),url(../img/career-bann.webp);
    background-size: cover;
    background-attachment: fixed;
    color: #fff !important; 
}
.diver-sub{
    padding: 70px 0;
    min-height: 200px;
    width: 100%;
}
.diver-inclusion{
    min-height: 250px;
    padding: 70px 0;
    color: #fff !important;
    background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.2)),url(../img/diverity.webp);
    /* background-attachment: fixed; */
}
.about-sub{
    background: #005AA1;
    color: #fff !important;
    padding: 40px 0;
    min-height: 200px;
    width: 100%;
}
/* .bnnn{
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    margin: -50px;
    padding: 50px 0;
} */
.bnnn{
    padding: 50px 20px;
}
.commitment{
    padding: 0 0 50px 0 !important;
}
.content-ott{
    padding: 100px 0 30px 0;
}
.opl{
    display: none;
}
.mobile-hide{
    display: none !important;
}
 .show-mob{
        display: none !important;
    }
 /*   .show-md{
        display: none !important;
    } */
.bann h1{
    color: #fff !important;
}
.bann p{
    color: #fff !important;
}
.insights{
    padding: 100px 0;
}
.cooky{
    background: rgba(0,0,0,0.8);
    position: fixed;
    bottom: 2px;
    left: 0;
    right: 0;
    z-index: 600;
    padding: 14px 0;
}
.btn-cooky{
    background: #222;
    min-width: 150px;
    min-height: 40px;
    border-radius: 20px;
    color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.btn-cooky:hover{
    background: #222;
    color: #fff !important;
}
.serv{
    padding: 70px 0 70px 0;
    /* background: #00485E; */
    background: #fff;
}
.serv h2{
    color: #000;
}
.serv img{
    height: 150px;
    width: 100%;
}
.serv h6{
    font-size: 20px;
}
.serv p{
    font-size: 16px;
}
.global-impact{
    padding: 70px 0 0 0;
    background: #F7F7FA;
}
.ffhh{
    background:#1F2339;
    padding: 70px 0 10px 0;
    color: #efefef;
}
.foott{
    background:#000;
    /* background:#1F2339; */
    padding: 70px 0 10px 0;
    color:  #aeb2be;
}
.ffhh li::before{
   content: '>>';
   padding: 0 7px;
   color: #fff;
}
.ffhh h5{
    color: #fff;
}
.ffhh a{
    font-size: 13px;
    color: #efefefe0;
}
.ffhh a:hover{
    color: #fff !important;
}
.ffhh .fab{
    font-size: 20px;
}
.card{
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.btn-open-acc{
    /* background: #FF0033; */
    color: #FFFFD8;
    font-size: 14px;
    min-width: 160px;
    max-width: 180px;
    margin: 0 auto;
    /* padding: 0 10px; */
    background-color: #00485E;
    /* height: 36px;
    line-height: 36px; */
    color: #fff !important;
    border-color: #00485E;
    display: block;
}
.btn-open-acc:hover{
    color: #fff !important;
}
.btn-open-acc-k{
    color: #FFFFD8;
    font-size: 16px;
    min-width: 160px;
    /* max-width: 180px; */
    margin: 0 auto;
    /* padding: 0 10px; */
    background-color:#00485E;
    /* height: 36px;
    line-height: 36px; */
    color: #fff !important;
    border-color:#00485E;
    /* display: block; */
}
.btn-open-acc-l{
    color: #FFFFD8;
    font-size: 16px;
    min-width: 160px;
    max-width: 250px;
    margin: 0 auto;
    /* padding: 0 10px; */
    background-color: #00485E;
    /* height: 36px;
    line-height: 36px; */
    color: #fff !important;
    border-color: #00485E;
    /* display: block; */
}
.btn-open-acc-p{
    color: #FFFFD8;
    font-size: 20px;
    min-width: 160px;
    max-width: 250px;
    margin: 0 auto;
    /* padding: 0 10px; */
    background-color:#00485E;
    /* height: 36px;
    line-height: 36px; */
    color: #fff !important;
    border-color:#00485E;
    /* display: block; */
}
.wiget-container{
    min-height: 200px;
    padding: 20px 10px;
    border-radius: 6px;
    border: 2px solid #56be89;
  }
  .nav-pills .nav-item{
    background:#1F3638 !important;
    margin: 5px;
    border-radius: 5px;
    padding: 2px 5px;
    width: 15.5%;
    text-align: center;
  }
  @media(max-width:768px){
    .nav-pills .nav-item{
        width: 30%;
    }
    .nav-pills .nav-item a{
        font-size: 8px !important;
    }
  }
  .nav-pills .nav-item a{
    color: #56be89 !important;
  }
  .nav-pills .nav-item:hover{
    background: #f7f7f7 !important;
  }
  .nav-pills .nav-item .active{
    background: #f7f7f7 !important;
  }
  .card-h{
    text-align: center;
    min-height: 60px;
    padding-top: 20px;
  }
  .card-b{
    background: #F1F2F6;
    padding: 20px 0;
    height: 145px;
    text-align: center;
  }
  .card-b h2{
    color: #56be89;
  }
  .round{
    height: 50px;
    align-items: center;
    width: 50px;
    border-radius: 50%;
    background: #F1F2F6;
    /* background: #000; */
    margin-bottom: -18px;
  }
  .round2{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background:#1C2937;
    /* background: #000; */
  }
  .round1{
    height: 30px;
    align-items: center;
    width: 30px;
    border-radius: 50%;
    background: #F1F2F6;
  }
  .inner-round{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #fff; 
  }
  .card-f{
    min-height: 50px;
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: center;
  }
  .wiget-btn-group{
    padding-top: 48px;
  }