@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
html,body{
    font-family: cairo;
    color: #000;
}
 .bi::before, [class*=" bi-"]::before, [class^=bi-]::before {
    color: #fff;
    vertical-align: .25em;
}

ul.dropdown-menu.mt-3.border-0.text-right.position-absolute.left-auto.right-0.show {
    border-radius: 12px;
    padding: 1em;
}

 ul.dropdown-menu.mt-3.border-0.text-right.position-absolute.left-auto.right-0.show {
    border-radius: 12px;
    padding: 1em;
     text-align:left
}
.dropdown-item.active, 
.dropdown-item:active,
.dropdown-item:hover,
.dropdown-item:focus{
    background:#4156a6;
    color:#fff!important;
    border-radius:5px;
    text-align: left;
}
.slide-overlay { 
     width: 100%!important;
    background: none!important;
} 

.NPS-project .heder-text,
.NPS-Achivment .heder-text,
.text-center{
    text-align: center;
}
.NPS-project .heder-text,
.NPS-Achivment .heder-text{
    padding-top: 3EM;
    text-align: center;
}

div#NPSAchivment {
    padding-bottom:3em
}
.parallax {
    min-height: 100vh;
}

.clr-lightblue{color: #fff;text-align: center;}
.hd-padd {
    padding-top: 1em;
}
.NPS-Program-Header{
 color:#000;
 padding-bottom: 8em!important;
}
.NPS-Program {
    margin-top: -3em;
}
.heder-text{
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.statstic .heder-text{padding: 2em 7em  2em  0em;line-height: 44px;}
.subheder-text{
    font-size: 1.4em;
    font-weight: bold;
    position: relative;
}
.minheder-text{
        font-size: 1.2em;
    font-weight: 500;
}
.min-textP{
    font-size: 1em;
    font-weight: 200;
    color: #ececec;
}.NPS-copyright {
    FONT-SIZE: 0.7EM;
}
.subheder-text{
 position:relative;}
.statistic-card .subheder-text:after 
{content:'';
 display:inline-block;
 position:absolate ;   
 padding-top:15px;
 width:30px;
 height:35px;
 background-image: url(/Style%20Library/Portal/img/NationalStrategy/dollar.png);
background-size:contain;
 background-position-y:5px;
background-repeat:no-repeat;
}
.StatisticSideRow
.col-xl-4.col-lg-4.col-md-6.col-sm-12:nth-child(4)  .subheder-text:after{display:NONE}
.back-to-top {
    background-color: #4156a6;
}
.back-to-top:hover {
    background-color: #4156a6;
}
.NPS-contact .min-textP {
 margin-top:-1.5em;
 font-size: 1em;
 font-weight: 200;
 color: #fff;
 font-weight: 400;
}
.NPS-contact .min-textP a {
    color: #b6e1dc;
}
p{
    font-size: 1em;
    font-weight: 300;
}
.hero-text-h{
    font-size: 3em;
    line-height: 90px;
    font-weight: bold;
    padding: .5em 0 0 0;
}
.hero-text-p{
    font-size: 1.2em;
    font-weight: 100;
    padding: 0 2em 0 0em;
}

img {
    width: 100%;
}
.flt-B{
    float: left;
}
.flt-E{
    float: left;
}
.padd-3{
    padding: 3em 0;
}
.NPS-hold-bg {
    color: #fff;
    font-family: cairo;
    background: #272d69;
    background-image: url(/Style%20Library/Portal/img/NationalStrategy/bgS01.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.NPS-hold-bg2{
    background: #272d69;
    background-image: url(/Style%20Library/Portal/img/NationalStrategy/bgS2.png);
    color: #fff;
    font-family: cairo;
    background-size: cover;
    background-position:bottom;
    background-repeat: no-repeat;
    background-position-y: -376px;
}  
.NPS-hold-bg3{
    background: #272d69;
    background-image: url(/Style%20Library/Portal/img/NationalStrategy/bgS02.png);
    color: #fff;
    font-family: cairo;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
} 
.NPS-Header .col-xl-3.col-lg-3.col-md-4.col-sm-12 {
    POSITION: RELATIVE;
}

.dropdown.align-bottom.d-inline-block.ps-4.pe-4.viewing-options.align-self-end.ml-auto {
    POSITION: ABSOLUTE;
    TOP: 15px;
    RIGHT: 0;
}

.NPS-Header img{
    height: 50px;
    width: auto;
}
.NPS-Header .flt-B{
    height: 90px;
    width: auto;
}
.Overview-vid{
    position: relative;
}
.Overview-vid img{
    border-radius: 20px;
}

.yt-wrapper {
  position: relative;
  width: 100%;
  max-width: 600px;
  /* aspect-ratio: 14 / 9; */
  cursor: pointer;
}
 
.vidoframe {
    width: 98%;
    height: 297px;
    border: 2px solid #8080bb;
    border-radius:10px
}

.yt-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.yt-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 45px;
  background: #4156a6;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  padding: 0 0 0 10px;
  cursor: pointer;
}

.NPS-Mission { 
    padding: 4em 0;
}
.NPS-Mission div:nth-child(4) .NPS-vision {
    margin: 8em 0 0;
}

.NPS-vision{
    width: 101%;
    POSITION: RELATIVE;
    z-index: 999;
    margin-bottom: 4em;
}
.NPS-vision:before{
    content:'';
    display: block;
    position: absolute;
    padding-top:10px;
    width: 200px;
    height: 200px;
    background-image: url(/Style%20Library/Portal/img/NationalStrategy/visionBg.png);
    background-size:contain;
   
    background-repeat:no-repeat;
    z-index:9;
    top:-2em;
    left:-4em
}
.NPS-vision h2,
.NPS-vision P{
    position:relative;
    z-index:2
}
.NPS-vision h2{
     PADDING: 0.5EM 0;
}
div#NPS-Mission .col-xl-4.col-lg-5.col-md-9.col-sm-12:nth-child(2) .NPS-vision p:after {content:'services.';padding-left: 5px;}
div#NPS-Mission .col-xl-4.col-lg-5.col-md-9.col-sm-12:nth-child(4) .NPS-vision p:after {content:'project.';padding-left:5px}
img.VIDICON {
    height: 75px;
    POSITION: ABSOLUTE;
    TOP: 30%;
}
.NPS-Objective {
    padding-bottom: 5em;
}
h2.obj-level {
     font-size: 1.2em;
    font-weight: bold;
    border: 1px solid #fff;
    padding: 0.5em 2em;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    width: 380px;
    margin: 2em auto 0.5em;
}
.NPS-Obj  {
      padding: 1em;
      font-weight: 100;
      text-align: left;
}
.NPS-Obj img {
     height: 45px;
    margin-bottom: 1em;
    WIDTH: AUTO;
    font-weight: 100;
    text-align: right;
}
 .NPS-Prg-card {
    display: block;
}
.prg-card {
    display: inline-block;
    MARGIN: 1EM 0em;
    /* VERTICAL-ALIGN: MIDDLE; */
    width:100%;
    position:relative;
    overflow: hidden;
}

.prg-card-img {
    display: inline-block;
    /* width: 240px; */
    float:left;
    margin: 0 0 2em 0;
    text-align: center;
    vertical-align: middle;
}

.prg-card-txt {
    FONT-FAMILY: 'CAIRO';
    display: inline-block;
    float:right;
    vertical-align: middle;
    width: 65%;
}
.prg-card-txt H2 {
    FONT-SIZE: 1.6EM;
    FONT-WEIGHT: BOLD;
    LINE-HEIGHT: 35PX;
    margin-top: 1;
    color:#272d69
}
.prg-card-img img{
    max-width: 215px;
    vertical-align: middle;
}
.prg-card:nth-child(odd) .prg-card-img  {
    float:right
}
.prg-card .prg-card-text {/* padding-right: 3em; */vertical-align: middle;}
.prg-card:nth-child(odd) .prg-card-text {
    float:left;
    display:inline-block;
    padding-left: 3em;
}
.prg-card-text  h2 {
    color: #8080bb;
    font-weight: 700;
    font-size: 1.4em;
    line-height: 40px;
}
.NPS-statistic {
    position: relative;
}
h1.numb-statistic {
    font-size: 3em;
    font-weight: 700;
    color: #b6e1dc;
}
.statistic-card {
    margin: 2em 1em;
}
.ncp-prj-card{ 
    text-align:center
}
.ncp-prj-card img{
    /* height: 200px; */
    margin: 1em auto;
    width: auto;
    max-width: 215px;
} 
.ncp-prj-card{
    margin:1em 0;
}
.parallax,
.carousel-item.slide-0.h-100.active, 
.carousel-item.slide-1.h-100.active ,
.carousel-item.slide-2.h-100.active{
    height: 90vh!important;
    display:block
} 

/* ===== Tablet ===== */
@media (min-width: 769px) and (max-width: 1024px) {
.ncp-prj-card{
    margin:1em 0;
}
.parallax,
.carousel-item.slide-0.h-100.active, 
.carousel-item.slide-1.h-100.active ,
.carousel-item.slide-2.h-100.active{
    height: 160vh!important;
    display:block
}
    .ncp-prj-card .min-textP,
    .ncp-prj-card .minheder-text{
    margin-right: 2em;
}
      .ncp-prj-card .minheder-text{
        margin-top:3.5em
    }
}

/* ===== Mobile ===== */
@media (min-width: 320px) and (max-width: 768px) {
    .NPS-Objective {
    padding-bottom: 10em;
}
 
   .NPS-Program-Header.padd-3, .NPS-Overview.padd-3{padding-bottom:0}
    .NPS-Mission div:nth-child(4) .NPS-vision{margin-top:1em}
    .statstic .heder-text{padding-left:0;padding-right:0}
    .hero-text-p{padding-right:0}
    h2.obj-level{width:295px}
    .vidoframe{width:2950x;height:2550x;}
    .NPS-Header img{margin-bottom:1em}
    .slide-overlay,
    .ncp-prj-card .col-xl-12.col-lg-12.col-md-8.col-sm-12,
    .ncp-prj-card .min-textP, .ncp-prj-card .minheder-text
    {width:100%;padding:0;margin-left:0;margin-right:0}
.parallax,.carousel-item.slide-0.h-100.active, 
.carousel-item.slide-1.h-100.active ,
.carousel-item.slide-2.h-100.active{
    height: 160vh!important;
    display:block
}
    .ncp-prj-card .minheder-text{
        margin-top:1em
    }
    .statstic .heder-text{padding-left:0;line-height:52px}
    .NPS-project .heder-text, .NPS-Achivment .heder-text{
        line-height:52px
    }
}
 
.NPS-strategy {
    text-align: center;
    color: #fff;
    padding: 5em;
    BACKGROUND: #373b5f;
    background-image: url(/Style%20Library/Portal/img/NationalStrategy/NPSFile.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    display: none;
}
.NPS-strategy a{
    display: inline-block;
    width: auto;
    padding: 1em 5em;
    line-height: 28px;
    border: 1px solid #fff;
    color: #fff;
}
.NPS-strategy a:hover,
.NPS-strategy a:focus ,
.NPS-strategy a:visited { background:#ffffff5c;}
.NPS-strategy a i{
    font-size: 22px;
    color: #fff;
    padding: 0 0.3em;
}  
.NPS-footer{
    background: #2c3e61;
    text-align: center;
    display: block;
    width: 100%;
    padding-top: 3em;
}
.NPS-footer img {
    height: 100px;
    margin-bottom: 1.5em;
    max-height: 60px;
    text-align: center!important;
    width: 100%;
}
.NPS-sponcer{
    /* padding: 1em; */
}
.NPS-sponcer div.row div:nth-child(3) {/* width:auto; *//* margin: 0 auto; */text-align: center;}
.NPS-sponcer div.row div:nth-child(4) img{width:auto;/* margin: 0 auto; *//* text-align: center; */}

.NPS-footer
.col-xl-2.col-lg-2.col-md-4.col-sm-12:nth-child(4)  img{
        height: 66px;
        width: auto;
        text-align: right;
        float: right;
        /* margin-top: 1em; */
}
.NPS-social {
    text-align: center;
    /* padding:2em; */
}
.NPS-social img {
    text-align: center;
    height:30px
}
.NPS-social ul {
    list-style: none;
    display: inline-flex;
    text-align: center;
}
.NPS-social ul li{
    padding:0.5em
}
    
@media (max-width: 776px) {
.flt-E {float: none; }
 .NPS-Header img {margin-bottom:2em}  
.NPS-Mission {margin-right:3em} 
.imgStatistic  { margin: 2em auto; max-width: 215px;}
.NPS-footer .col-xl-2.col-lg-2.col-md-4.col-sm-12:nth-child(4) img{ float: none;margin-top:1.5em}
.NPS-strategy a  {padding:1em ;width:100%} 
}