/*GLOBAL VARIABLES*/
:root{
    --yellow:#fba810;
    --grey: #545353;
    --bs-body-color:#545353;
    --bs-table-color:#545353;
    --primary-blue:#2c4063;
}


@font-face {
    font-family: Montserrat-Regular;
    src: url('../fonts/Montserrat-Regular.ttf');
    font-weight: normal;
  }

  @font-face {
    font-family: Montserrat-Light;
    src: url('../fonts/Montserrat-Light.ttf');
  }

  @font-face {
    font-family: Montserrat-Bold;
    src: url('../fonts/Montserrat-Bold.ttf');
    font-weight: bold;
  }

  @font-face {
    font-family: Montserrat-Thin;
    src: url('../fonts/Montserrat-Thin.ttf');
  }

  @font-face {
    font-family: Dax-Regular;
    src: url('../fonts/Dax-Regular.woff2');
    font-weight: normal;
  }

  @font-face {
    font-family: Dax-Light;
    src: url('../fonts/Dax-Light.woff2');
  }

  @font-face {
    font-family: Dax-Bold; 
    src: url('../fonts/Dax-Bold.woff2');
    font-weight: bold;
  }

  @font-face {
    font-family: Dax-Thin;
    src: url('../fonts/Dax-Thin.woff2');
  }

  @font-face {
    font-family: Dax-Medium;
    src: url('../fonts/Dax-Medium.woff2');
  }

  html,body{
    width: 100%;
    height: 100%;
  }


body{
    font-family: 'Montserrat-Regular';
    line-height: 22px;
    color:var(--grey);
    line-height: 1;
}

.text-thin{
    font-family: 'Montserrat-Thin';
}

.text-regular{
    font-family: 'Montserrat-Regular';
}

.text-bold{
    font-family: 'Montserrat-Bold';
}

.text-light{
    font-family: 'Montserrat-Light';
}

.dropdown-item.active, .dropdown-item:active
{
    color:#FFF !important;
    background-color: var(--primary-blue);
}

label{
    margin-bottom: 0.35rem;
}

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

body.text-zoom-2 .zoomable
{
    font-size: 1.25rem;
}

body.text-zoom-3 .zoomable
{
    font-size: 1.5rem;
}

body.text-zoom-4 .zoomable
{
    font-size: 1.65rem;
}

body.text-zoom-5 .zoomable
{
    font-size: 1.75rem;
}

/** Zoomable H4 tags **/
body.text-zoom-2 .zoomable h4
{
    font-size: 1.5rem;
}

body.text-zoom-3 .zoomable h4
{
    font-size: 1.75rem;
}

body.text-zoom-4 .zoomable h4
{
    font-size: 2rem;
}

body.text-zoom-5 .zoomable h4
{
    font-size: 2.25rem;
}
/** End of Zoomable H4 tags **/

/** Zoomable H4 tags **/
body.text-zoom-2 h5.page-desc
{
    font-size: 1.3rem;
}

body.text-zoom-3 h5.page-desc
{
    font-size: 1.45rem;
}

body.text-zoom-4 h5.page-desc
{
    font-size: 1.6rem;
}

body.text-zoom-5 h5.page-desc
{
    font-size: 1.75rem;
}
/** End of Zoomable H4 tags **/


/** Zoomable About-us**/
body.text-zoom-5 .our-services-topics-heading
{
    font-size: 2rem;
}

body.text-zoom-3 .about-us-directors-name{
  font-size: 1.5rem;
}

body.text-zoom-4 .about-us-directors-name{
    font-size: 1.75rem;
  }

  body.text-zoom-5 .about-us-directors-name{
    font-size: 2rem;
  }

/** End of zoomable about-us **/

/** Zoomable Laws & Regulations **/
body.text-zoom-3 .ep-sub-page-center-content-heading
{
    font-size: 1.5rem !important;
}

body.text-zoom-4 .ep-sub-page-center-content-heading
{
    font-size: 1.75rem !important;
}
body.text-zoom-5 .ep-sub-page-center-content-heading
{
    font-size: 2rem !important;
}

/** End of zoomable Laws & Regulations**/

/** Zoomable E-Participation Co-Creation **/
body.text-zoom-2 .ep-filter-ul li,
body.text-zoom-2 .ep-filter-ul1,
body.text-zoom-2 .ep-filter-blue-head
{
    font-size: 1.25rem;
}

body.text-zoom-3 .ep-filter-ul li,
body.text-zoom-3 .ep-filter-ul1,
body.text-zoom-3 .ep-filter-blue-head
{
    font-size: 1.5rem;
}

body.text-zoom-4 .ep-filter-ul li,
body.text-zoom-4 .ep-filter-ul1,
body.text-zoom-4 .ep-filter-blue-head
{
    font-size: 1.65rem;
}

body.text-zoom-5 .ep-filter-ul li,
body.text-zoom-5 .ep-filter-ul1,
body.text-zoom-5 .ep-filter-blue-head
{
    font-size: 1.75rem;
}

body.text-zoom-2 .ep-filter-by-headings
{
    font-size: 1.5rem;
}
body.text-zoom-3 .ep-filter-by-headings
{
    font-size: 1.75rem;
}
body.text-zoom-4 .ep-filter-by-headings
{
    font-size: 2rem;
}
body.text-zoom-5 .ep-filter-by-headings
{
    font-size: 2.25rem;
}
/** End of Zoomable E-Participation Co-Creation **/

/** Zoomable contact-us**/
body.text-zoom-2 .contact-form-title-further-info
{
 font-size: 1.25rem;
}
body.text-zoom-3 .contact-form-title-further-info
{
 font-size: 1.5rem;
}
body.text-zoom-4 .contact-form-title-further-info
{
 font-size: 1.75rem;
}
body.text-zoom-5 .contact-form-title-further-info
{
 font-size: 2rem;
}
/** End of Zoomable contact-us**/

/** Zoomable media-center**/
body.text-zoom-2 .media-news-detail,
body.text-zoom-2 .media-news-date
{
 font-size: 1.5rem;
 line-height: 1.1;
}
body.text-zoom-3 .media-news-detail,
body.text-zoom-3 .media-news-date
{
 font-size: 1.75rem;
 line-height: 1.1;
}
body.text-zoom-4 .media-news-detail,
body.text-zoom-4 .media-news-date
{
 font-size: 2rem;
 line-height: 1.1;
}
body.text-zoom-5 .media-news-detail,
body.text-zoom-5 .media-news-date
{
 font-size: 2.15rem;
 line-height: 1;
}

body.text-zoom-2 .media-news-title
{
 font-size: 1.65rem;
}
body.text-zoom-3 .media-news-title
{
 font-size: 1.85rem;
}
body.text-zoom-4 .media-news-title
{
 font-size: 2.15rem;
}
body.text-zoom-5 .media-news-title
{
 font-size: 2.35rem;
}

body.text-zoom-2 .digital-library-list,
body.text-zoom-2 .newsletter-issue-viewpdf
{
 font-size: 1.35rem;
}
body.text-zoom-3 .digital-library-list,
body.text-zoom-3 .newsletter-issue-viewpdf
{
 font-size: 1.45rem;
}
body.text-zoom-4 .digital-library-list,
body.text-zoom-4 .newsletter-issue-viewpdf
{
 font-size: 1.65rem;
}
body.text-zoom-5 .digital-library-list,
body.text-zoom-5 .newsletter-issue-viewpdf
{
 font-size: 1.75rem;
}

/** End of Zoomable media-center**/

body.grayscale{
    filter: grayscale(1);
}

.top-padding{
    padding-top: 180px;
}

.hero-text{
    font-size: 4vw;
}

.fs-huge{
    font-size: 4.5rem;
    margin: auto 0px;
    white-space: nowrap;
}

.fp-table{
    display: table;
    width: 100%;
    height: 100vh;
    padding-top: 180px !important;
}

.fp-row{
    display: table-row;
}

.fp-cell{
    display: table-cell;
    height: 100%;
}

.fp-section{
    display: flex;
    height: 100%;
    flex-direction: column;
}

section.fp-section{
    display: table-;
}

.pt-200{
    padding-top: 200px;;
}

.top-menu{
    transition: all .75s ease;
    background: #FFF;
    z-index: 999;
}

.slide-container{
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 1s ease-in-out;
    position: relative;
}

.slide-item{
    direction: ltr;
}



@media(min-width: 1025px)
{
    .container-fluid{
        padding: 0px 70px;
    }

  
}

@media(min-width: 1441px)
{
    .container-fluid{
        padding: 0px 100px;
    }

   
    .section-divider{
        margin:16px 100px !important;
    }
}

.g-6,.gx-6 {
    --bs-gutter-x: 5rem
}

.g-6,.gy-6 {
    --bs-gutter-y: 5rem
}

.g-7,.gx-7 {
    --bs-gutter-x: 7rem
}

.g-7,.gy-7 {
    --bs-gutter-y: 7rem
}

.dax-thin{
    font-family: 'Dax-Thin';
}

.dax-light{
    font-family: 'Dax-Light';
}

.dax-regular{
    font-family: 'Dax-Regular';
}

.dax-medium{
    font-family: 'Dax-Medium';
}

.Montserrat-Bold{
    font-family: 'Montserrat-Bold';
}

h1,.h1{
    font-size: calc(2.5rem + 1.5vw);
    line-height: 1;
}

h2{
    font-size: 3rem;    
    line-height: 1;
}

p{
    line-height: 1.5;
}

.ps-100{
    padding-left: 100px;
}

.pe-100{
    padding-right: 100px;
}

a, a:active, a:visited{
    text-decoration: none;
    color:#6896C7;
}

a:hover{
    text-decoration: none;
}


.sidenav{
    display: flex;
    flex-direction: column;
    left: 100%;
    right:0;
    top:139px;
    bottom: 0;
    z-index: 999;
    background: rgba(140, 174, 213, 0.93);
    transition: all .5s ease-in-out;
}



.sidenav .nav-item{
   /* white-space: nowrap;*/
    white-space: inherit;
    width: 100%;
    margin-bottom: 0.51em;
}

.sidenav.open{
    left: calc(100% - 400px);
}

.sidenav a.nav-link{
    display: inline-block;
    width: 90%;
    font-size: 1.5rem;
    color:#FFF;
    text-decoration: none;
    padding: 3px 16px;
    padding-right: 0;
}

.sidenav a.nav-link.sub-nav{
    font-size: 1.25rem;
    padding-left: 1.5rem;
}

.sidenav a.nav-link:focus, .sidenav a.nav-link.active{
    color:#3a4b7e !important;
}

.sidenav .arrow:focus, .sidenav .arrow.active{
    color:#3a4b7e !important;
}

.sidenav a.nav-link:hover{
    color:#BCDAF9;
}

.sidenav .arrow{
    cursor: pointer;
    transition: all .3s ease;
    display: inline-block;
    width: 7%;
}


/*** SIDENAV FROM LEFT ***/
.sidenav.left{
    right: 100%;
    left:-100px;
    overflow: hidden;
    z-index: 9999;
}

.sidenav.left.open{
    right: calc(100% - 420px);
    left:0;
}


.dotted-nav{
    right: 45px;
    text-align: right;
    color: var(--yellow);
    margin-top:calc(100vh / 2 - 90px);
    z-index: 555;
}


.dotted-nav a.nav-link
{
    text-decoration: none;
    color: transparent;
    transition: all .5s ease;
    padding: 5px 10px 0px;    
}

.dotted-nav a.nav-link.active, .dotted-nav a.nav-link:hover{
    color: var(--yellow)
}

.dotted-nav a.nav-link::after{
    content: " ";
    display: inline-block;
    border-radius: 12px;
    width: 12px;
    height: 12px;
    background-color: #FFF;
    border:2px solid #999;
    margin-left: 10px;
}

.dotted-nav a.nav-link.active::after, .dotted-nav a.nav-link:hover::after{
    content: " ";
    display: inline-block;
    border-radius: 12px;
    width: 12px;
    height: 12px;
    background-color: var(--yellow);
    border-color: var(--yellow);
}

.hero-banner{
    height: 200px;
    background-image: url('../img/hero-banner.jpg');
    background-size: cover;
    
}

.quoted-text{
    font-size: 44px;
}

.form-control{
    background-color: #EFEFEF;
    border-radius: 0;
}

.form-select
{
    border-radius: 0;
}

.form-control.underline{
    border: 0 none;
    border-bottom: var(--bs-border-width) solid var(--bs-border-color);
    background: none;
}

.btn-primary{
    background-color: #F6BA1F;
    border-color: #F6BA1F;
    border-radius: 0;
}

.btn-primary:hover{
    background-color: #F6BA1F;
    border-color: #F6BA1F;
    color:#555;
}

.form-control:focus{
    border-color: #F6BA1F;
    box-shadow: 0 0 0 0.25rem #f6ba1f6b;
    box-shadow: none;
}

input[type=radio]{
    accent-color: #F6BA1F;
    width: 16px;
    height: 16px;
}

.file-upload-wrapper{
    height: 150px;
    border: 1px dashed #F6BA1F;
    border-radius: 100%;
    padding: 30px 30px;
    width: 150px;
    margin:0px auto;
    font-size: large;
    text-align: right;
}

.fp-section.fp-table, .fp-slide.fp-table{
    padding-top: 200px;
}

.fp-tableCell{
    vertical-align: top;
}



.section-title{
    color:#6896C7;
}

.border-right{
    border-right:1px solid #999;
}

.border-left{
    border-left:1px solid #999;
}

.pos-relative{
 position: relative;
}

.pos-absolute{
    position: absolute;
}



.top-0{
    top:0;
}

.right-15{
    right:15px;
}

.right-100{
    right:100px;
}

a.social-media{
    display: inline-block;
    text-align: center;
    color: white;
    background: #999;
    border-radius: 100%;
}

a.social-media:hover{
    background-color: #F6BA1F;
    
}

.login-banner{
    z-index: -999;
}

.login-circle-banner-img{
    max-width:360px;
}

footer{
    position: absolute;
    margin-bottom: 30px;
}

.text-gray{
    color: #545353 !important;
}

.text-light-gray{
    color: #858585 !important;
}

.text-gray-light{
    color:#C2C1C1;
}

.text-light-blue{
    color:#8CB6E6;
}

.text-blue{
    color: #72A8EB;
}

.text-dark-blue{
    color:#31447D !important;
}

.bold{
    font-weight: bold;;
}

.text-green{
    color:rgb(99, 165, 137);
}

.text-brown{
    color: #d3a67d;
}

.fs-large{
    font-size: 1.5rem;
}

.fs-x-large{
    font-size: x-large;
}

.fs-22{
    font-size: 22px;
}

.fs-24{
    font-size: 24px;
}

.fs-28{
    font-size: 28px;
}

.fs-30{
    font-size: 30px;
}

.fs-44{
    font-size: 44px;
}

.fs-83{
    font-size: calc(3.5rem + 1.5vw);
}


.w-20{
    width: 20%;
}

.w-35{
    width: 35%;
}

.w-40{
    width: 40%;
}

.w-55{
    width: 55%;
}

.w-65{
    width: 65%;
}

.line-height-1{
    line-height: 1;
}

.slideshow-container{
    max-height: 850px;
    overflow: hidden;
}

.triangle{
    z-index: -1;
}

.banner-triangle{
    z-index: 999 !important;
}

.triangles-overlay{
    position: absolute;
    z-index: 99;
    width: 20vw;
    left: calc((20vw / 2) * -1);
    top: calc(15vh / 2);
}

.triangles-blue{
    right:30px;
    top:0;
}

.triangles-green{
    top:-100px;
}

.triangles-light-blue{
    width: 15vw;    
    top: calc(15vh / 2);
    left: calc(15vw / 2* -1);
}

.news-triangles{
    /* margin-top:-30px; */
    margin-left: -200px;
    width: 10rem;
    max-width: 180px;
}

.down-arrow
{
    transform: rotate(270deg);
    fill:#707070;
    height: 70px;
    width: 70px;
    display: inline-block;
    background-image: url('../img/svg/angle-down.svg');
    background-size: contain;
}

.svg-down-arrow{
    transform: rotate(270deg);
    fill:#707070;
    height: 70px;
    width: 70px;
    display: inline-block;
}

.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}

.ml-auto{
    margin-left: auto;
}

.ml-200{
    margin-left: 200px;
}

.ml-40-percent{
    margin-left: 40% !important;
}

.ml-50-percent{
    margin-left: 50% !important;
}

.mt-100{
    margin-top:100px;
}

.mb-100{
    margin-bottom: 100px;
}

.mt-150{
    margin-top:150px !important;
}

.left-100{
    left:100px;
}

.left-auto{
    left:auto !important;
}

.right-0{
    right:0 !important;
}

.bg-white-opacity-7{
    background: rgba(255,255,255,.7);
}

.bottom-30{
    bottom:30px;
}

.img-circle{
    border-radius: 100%;
}

.bg-dark-blue{
    background-color: #2d3f62;
}

.bg-dark-gray{
    background-color: #727b80;
}

.news-section{
    max-width: 204px;
    margin: auto;
}

.slide-overlay{
    background: rgba(150,150,150,.5);
    padding: 15px 40px;
    color: #FFF;
    /* bottom: 500px; */
    margin-bottom: 50px;
    position: relative;
    width: 65%;
    line-height: 1;

    margin-bottom: 0;
    position: absolute;
    bottom: 50px;
}

.ss-overlay{
    display: inline-block;
    position: absolute;
    right: 60px;
    bottom: 20px;
    padding: 70px;
    background: rgba(220,220,220,.5);
    color: #FFF;
    text-align: center;
}

body.text-zoom-5 .zoomable.transport-overlay, 
body.text-zoom-4 .zoomable.transport-overlay,
body.text-zoom-3 .zoomable.transport-overlay,
body.text-zoom-2 .zoomable.transport-overlay{
    line-height: 1 !important;
    padding: 1rem !important;
}

.slide-text{
    line-height: 1;    
    font-family:Dax-Thin;
    font-size: 5vh;
}

.margin-top-200{
    margin-top: 200px;
}
.title-width
{
    width: 90% !important;;
}
.sub-title{
    display: inline-block;
    position: relative;
    width: 55%;
    text-align: left;
    color:#31447D;
}

.sub-title h2{
    padding: 30px 15px 0px;
}

.line-height-medium{
    line-height: 1.35em;
}

.ps-100{
    padding-left: 100px;
}

.pe-100{
    padding-right: 100px;
}

.animated-link{
    transition: all .3s ease;
    text-decoration: none;
}


.animated-link:hover{
    margin-left: 5px;
    text-decoration: none;
}

.viewing-options .dropdown-menu{
    border-radius: 0;
    background: rgba(255,255,255,.7);
    padding:30px 10px 5px;    
}

.viewing-options .dropdown-item{
    padding: 8px 16px;
    border-bottom: 2px solid #FFF;
}

.viewing-options li:last-child .dropdown-item{
    border-bottom: 0px none;
}

.rotate-180{
    transform: rotate(180deg);
}

hr.section-divider{
    margin: 16px 70px;
}

.parallax{
    background-size: cover;
    background-repeat: no-repeat;
}

.carousel-inner{
    height:calc(-225px + 100vh);
}

.parallax{
    min-height:calc(-225px + 100vh);
}

.collapsible-list li{
    cursor: pointer;
}

.collapsible-list li span:hover{
    color:#6896C7;
}

p.collapsible-list-item {
    display: none;
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
}

p.collapsible-list-item.show {
    display: inline-block;
}

.txt-search::-webkit-input-placeholder{
    color:#6896C7;
}

.txt-search{
    background-color: #FFF;
    border:0px none;
    border-bottom: 1px solid #FFF;
    border-color: #FFF;
    cursor: pointer;
}

.txt-search:focus{
    border-color: #858282 ;
}

.txt-search-container{
    margin-bottom: -5px;
    width: 130px;
}

.bi-search::before{
    
    color:#6896C7
}

.nowrap{
    white-space: nowrap;
}

.pp-arrow{
    position: absolute;
    left:100%;
    bottom:0;
    width: 32px;
}

.pp-arrow img{
    height: 24px;
    transform: rotate(270deg);
}

.collapsible-list .bi-chevron-right{
    transition: all .3s ease;
}

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

.reel{
    position: absolute;
    width: 1px;
    display: inline-block;
    background-color: #CCC;
    height: 0px;
    transition: all 1s ease-out;
    margin-top:-5px;
}

.reel.on{
    height: 100%;
}

.back-to-top{
    display: none;
    position: fixed;
    bottom: 60px;
    right: 60px;
    z-index: 99;
    font-size: 0px;
    border: none;
    outline: none;
    background-color: #999;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 100%;
    opacity: .75;
    transition: all .3s ease;
}

.back-to-top:hover{
    opacity: 1;
    background-color: #31447D;
}

.purpose-img{
    background-image: url('../img/home/purpose.webp');
    background-size:cover ;
    height: 200px;

}

.anchor{
    margin:30px 0px;
    margin: 0;
    z-index: 999 !important;
}

.bg-cover{
    background-size: cover;
}

.owl-stage-outer,.owl-stage,.owl-item{
    height: 100%;
}

.owl-dots{
    direction: ltr;
}

.owl-theme .owl-dots .owl-dot span{
    background-color: #FFF;
}

.owl-theme .owl-dots .owl-dot.active span{
    background-color: transparent;
    border:2px solid #FFF;
}

.owl-theme .owl-nav.disabled+.owl-dots{
    position: relative;
    margin-top:-30px
}

.nav-link .arrow{
    transition: all .3s ease;
}

.nav-link.active .arrow{
    transform: rotate(180deg);
}

.arrow.active{
    transform: rotate(180deg);
}

.nav-link.collapsed .arrow{
    transform: initial;
}

.carousel-item{
    /* display: flex !important; */
    background-size: cover;
}

.carousel-indicators [data-bs-target]
{
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

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

.parallax-container
{
    flex-wrap: nowrap;
    overflow: hidden;
}

.extra-wide{
    width: calc(50% + 150px);
}


/* COMMON STYLES USED ON SUB-PAGES */

.highlight
{
    font-size: 2.75rem;
}

.highlight.text-right{
    padding-right: 1rem;
}

section.scroll-top-offset{
    scroll-margin-top:4rem;
    padding-top: 6rem !important;
}

.section-title{
    padding-bottom: 50px !important;
}

.section-title h1{    
    font-size: 3.5rem;
    color:#31447D;
}

.reel-lg{
    border-left: 14px solid #8cb6e6cc;
    padding-bottom: 0;    
    margin: 0;
}

.page-desc{
    font-size: 1.25rem;
    padding-bottom: 50px;
    margin-bottom: 0;
    margin-top: auto;
    z-index: 999;
}

.section-parallax-container
{
    max-height: 500px !important;
}

.section-parallax{
    background-attachment: fixed;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100% !important;
}

.parallax-text
{
    font-size: 1rem;
    margin-top:-40px;
    color: #FFF;
}

.intro{
    font-size: 1.25rem;
}

.row{
    margin: 0;  
}

@media (max-height: 840px) {

    .section-banner-container {
        max-height: 300px !important;
    }

}

/* END OF COMMON SUB-PAGES STYLES */



/* ----- ABOUT US ----- */



.btn-light-gray {
    background-color: #abababa6;
    border-radius: 0;
    color: #FFF;
    padding: .25rem 2rem;
}

.btn-light-gray:hover {
    background-color: #abababa6;
}

.reel-lg {
    border-left: 15px solid #8cb6e6cc;
}


/* .about-us.section-parallax {
    background-image: url('../img/home/about-us-banner-new.webp');
} */

.about-us-section-top {
    padding-top: 18%;

}

.about-us-title-pl {
    margin-left: 16%;
    margin-right: 0px !important;
}

.about-us-title {
    width: 100% !important;

}

.about-us-title-content h5 {
    color: rgb(84, 83, 83);
    font-family: 'Montserrat-Light';
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-size: 24px;
    line-height: 1.1em;
    font-weight: 600;
    margin-left: -10px !important;
}

.about-us-triangle-img {
    width: 446px;
    height: 381px;
    object-fit: cover;
    box-shadow: 0 0 0 #000;
    position: static;
    margin-top: -180px;
}

.national-projects {
    font-family: 'Montserrat-Light';
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    color: #72A8EB;
    font-size: 50px;
    line-height: 0.9em;
    text-align: right;
    padding-right: 30px;
}

.national-projects-content-section {
    margin-left: -40px;
}

.pavilization-program-title {
    font-weight: bold;
    color: #31447D;
}

.about-us-privatization-right-content {
    padding-left: 10px;

}

.about-us-private-content-small {
    background: transparent;
    color: #545353;
    font-size: 16px;
    line-height: 1.3em;
}
.about-us-dark-blue-heading{
    color:#31447D !important;
    font-size:2rem;
    font-family: 'Montserrat-Bold';
    font-weight: bold;
    padding-top:10px;
}
.goto-projct-pipeline {
    font-style: normal;

    color: #72A8EB;
    font-size: 18px;
}
.our-services-topics-heading
{
    font-weight: normal;    
    color: #31447D;
    font-size: 1.6rem;  
    padding-top:30px!important;
    line-height: 1;
    margin-bottom:0.25rem !important;
}
.our-services-topics-desc
{
    font-style: normal;
    color: #72A8EB;
    font-size: 18px;  
}
.about-us-saudi-vision
{
    font-size: 24px;
    float: right;
    margin-top:2rem;
}
.margin-left-2-percent
{
    margin-left:2%;
}
.about-us-vision-mission-left-content-bold
{
    font-weight:700;
}
.about-us-vision-mission-left-content
{
    font-size: 2.75rem;
    
    color: #63A589;
}

.nowrap
{
    white-space: nowrap;
}

.about-us-bod-title-msg
{
    color: #545353;
    vertical-align: bottom!important;
    height: 100%;
    float: right;
    text-align: left;
    padding-top:90px;
}
.board-of-directors-title {
    font-size: 30px;
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    letter-spacing: 0.05em;
    font-style: normal;
    font-weight: 600;
    padding-bottom: 20px;
    padding-top: 30px;
    color: #31447D;
}

.about-us-section-divider-custom-width {
    width: 80%;
    text-align: center;
    margin-left: 10% !important;
}

.about-us-directors-img {
    width: 100%;
    /* height: 225px; */
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 100%;
}
.exe-mgmt-triangle
{
    width: 17rem;
   vertical-align: bottom!important;
   float: right;
   text-align: right;
   margin-top:-340px;
}
.about-us-directors-name {
    
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    letter-spacing: normal;
    font-size: 22px;
    color: #31447D;
    line-height: 1.1em;
    text-align: center;
    padding-top: 10px;
}

.about-us-board-of-directors-triangle {
    width: 396px;
 
    margin-left: 150px;
    margin-top: 150px;
}

.about-us-directors-list {
    margin-top: 50px;
    margin-bottom: 30px;
}

.about-us-directors-list hr {
    width: 70% !important;
    margin:1rem auto;
}

.about-us-main-pillars-triangle {
    width: 250px;
    margin-top: -50px;
  
}

.about-us-main-pillars-title {
  
    font-size: 35px;
    color: #31447D;
    font-weight: 600;
}

.about-us-icons-desc {
    color: #545353;
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 1.1em;
    text-align: center;
    font-size: 24px;
    letter-spacing: 0em;
}

.about-us-pillars-section {
    margin-top: -70px !important;
}

.about-us-pillars-icons-row {
    margin-top: 40px;
}

.reel-about-us {
    position: relative;
}

.about-us-icons-section {
    margin-bottom: 40px;
}

.about-us-triangle-green {
    margin-top: -150px;
    margin-left: 20%;
}

.pt-100
{
    padding-top: 100px;
}

.services-triangle
{
    position: absolute;
    max-width: 250px;
    margin-left: -300px;
}

.our-services-img {
    max-height: 200px;
}

/*  MOBILES */
@media (max-width: 575px) {

    .container{
        padding:0 ;
    }

    .pavilization-program-title {
        margin-top: 80px !important;
        margin-left: 40px !important;
    }

    .about-us-private-content-small {
        margin-left: 40px !important;
    }

    .goto-projct-pipeline {
        margin-left: 40px !important;
    }

    .about-us-main-pillars-title {
        padding-top: 120px !important;
    }

    .section-title h1
    {
        font-size: 2.5rem;
        margin-top: 3rem;
    }

    .section-parallax
    {
        background-position-y: top;
    }

    .triangle
    {
        max-width: 200px;
    }

    .section-parallax
    {
        background-attachment: scroll;
    }

    .national-projects
    {
        padding-right: 0;
    }

    .about-us-privatization-right-content
    {
        padding-left: 2rem;
    }

    .about-us-directors-img
    {
        width: 60%;
    }

    .exe-mgmt-triangle
    {
        padding-top: 0;
    }

    .pt-xs-0{
        padding-top: 0 !important;
    }

    .about-us-bod-title-msg
    {
        padding-top: 1.5rem;
    }

}

@media (max-height: 840px) {
    h5.page-desc {
        font-size: 1rem;
    }
}
/* ----- END OF ABOUT US ----- */

/* ----- CONTACT US ----- */

.btn-light-gray
{
    background-color: #abababa6;
    border-radius: 0;
    color:#FFF;
    padding: .25rem 2rem;
}

.btn-light-gray:hover{
    background-color: #abababa6;
}

.reel-lg{
    border-left: 15px solid #8cb6e6cc;
}


  .contact-us-title-big h1
{
    margin-left:20px!important;
    margin-top:5px;
    padding: 0px 15px 10px;
    font-size:58px;
    color:#31447D;
    
}
.contact-telephone-title
{ 
    /* font-size:18px!important; */
    color:#31447D!important;
    font-family: 'Montserrat-Bold';
   
}
.contact-number
{
    /* font-size:18px; */
    color:#545353;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em;
    line-height: 1;
    
}
.contact-telephone-title a
{
    /* font-size:18px; */
    font-weight:normal;
}
.reel-contact-us{
    position: absolute;
    width: 15px;
    display: inline-block;
    background-color: #a3c5eb!important;
    height: 0px;
    transition: all 1s ease-out;
    margin-top:10px;
}
.reel-contact-us.on{
    height: 50%;
}
.contact-title-section
{
    /* padding-left:80px!important; */
    vertical-align: baseline!important;
    text-align: left;
    padding-right:20px !important;;
}
.contact-title-section1
{
    padding-left:120px!important;
    vertical-align: baseline!important;
    text-align: left;
    padding-right:20px !important;;
}
.contact-img
{
    float: right;
    width: 250px;
 position: absolute;
 margin-top: -150px;;
}
.fp-table-contact
{
height:max-content!important;
padding-top:50px!important;
}
.contact-desc
{
    padding-right:100px;
}
.contact-form-title
{
    
    /* font-size:28px; */
    color:#545353;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em;
    line-height: 1;
}
.contact-form-title-further-info
{
    /* font-size:20px; */
    color:#545353;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em;
    line-height: 1;
}
.contact-text
{
    border-top:0px;
    border-left:0px;
    border-right: 0px;
    border-bottom:solid 2px #AAA!important;
    background: none!important;
    width:80%!important;
}
.contact-text-long
{
    border-top:0px;
    border-left:0px;
    border-right: 0px;
    border-bottom:solid 2px #AAA!important;
    background: none!important;
    width:90%!important;
}
.contact-form-label
{
    font-size:15px;
    color:#000!important;
    font-weight: 500;
    font-style: normal;
    padding-top: 20px !important;;
}
.contact-send-btn
{
    font-size:26px;
    color:#8CB6E6;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0em;
    line-height: 1.5em;
}

.ncp-map-iframe
{
    width: 100%;
    height: 100%;
    border:0;
}

.contact-map.section-parallax{
    height: 80% !important;
}


.contact-info{
    margin-top:-200px;
}



@media (max-height: 840px) {
    h5.page-desc{
        font-size: 1rem;
    }
}

@media (max-width: 575px) {
    .section-title h1
    {
        font-size: 2.5rem;
        margin-top: 3rem;
    }

    .section-parallax
    {
        background-position-y: top;
    }

    .triangle
    {
        max-width: 120px;
    }

    .contact-img
    {
        margin-top: -200px;
    }
}
/* ----- END OF CONTACT US ----- */



/* ----- E-PARTICIPATION ----- */

.ep-banner1-triangle
{
    position: absolute;
    margin-top:-180px;
}
.ep-banner1-triangle-sub-page1
{
    position: absolute;
    margin-top:-150px;
}
.ep-center-title-blue
{
    font-size: 2.75rem;
    color:#8CB6E6;
    font-weight: normal;
    padding: 0;
}

a.ep-center-title-blue,a.ep-center-title-blue:visited,a.ep-center-title-blue-small,a.ep-center-title-blue-small:visited{
    color:#8CB6E6;
}

.ep-center-title-blue-small
{
    font-size: 2rem;
    color:#8CB6E6;
    font-weight: normal;
}
.ep-sub-page-center-content-heading
{
    text-align: left!important;     
    font-size:1.3rem!important;
}
.ep-sub-page-center-content-desc-ol
{
line-height: 1.5;
}
.page-item:not(:first-child) .page-link {
    border-left: 1px solid gray;
}

.page-item:first-child .page-link {
    border-left: 0 none;
}

.page-item:last-child .page-link {
    border-left: 0 none;
}

.page-item .page-link {
    color: gray;
}
.ep-filter-by
{
    font-size:1.75rem;
    color:#31447D;
}
.ep-filter-by-headings
{
    color:#31447D;
    
}
.active>.page-link,
.page-link.active {
    background: transparent !important;
    color: #8cb6e6cc !important;
}

.disabled>.page-link {
    background-color: transparent;
}

.ep-center-title-arrow
{
    font-size: 2rem;
    font-weight: normal; 
    padding: .5rem 0 0 0;
}

.btn-light-gray {
    background-color: #abababa6;
    border-radius: 0;
    color: #FFF;
    padding: .25rem 2rem;
}

.btn-light-gray:hover {
    background-color: #abababa6;
}

.reel-lg {
    border-left: 15px solid #8cb6e6cc;
}


/* .e-part.section-parallax {
    background-image: url('../img/home/e-participation-banner-1.png');
} */

.about-us-section-top {
    padding-top: 18%;

}

.about-us-title-pl {
    margin-left: 16%;
    margin-right: 0px !important;
}

.about-us-title {
    width: 100% !important;

}

.about-us-title-content h5 {
    color: rgb(84, 83, 83);
    font-family: 'Montserrat-Light';
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-size: 24px;
    line-height: 1.1em;
    font-weight: 600;
    margin-left: -10px !important;
}

.about-us-triangle-img {
    width: 446px;
    height: 381px;
    object-fit: cover;
    box-shadow: 0 0 0 #000;
    position: static;
    margin-top: -180px;
}

.national-projects {
    font-family: 'Montserrat-Light';
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    color: #72A8EB;
    font-size: 50px;
    line-height: 0.9em;
    text-align: right;
    padding-right: 30px;
}

.national-projects-content-section {
    margin-left: -40px;
}

.pavilization-program-title {
    font-weight: bold;
    color: #31447D;
}

.ep-intro-right-content {
    padding-left: 20px;

}

.about-us-private-content-small {
    background: transparent;
    color: #545353;
    font-size: 16px;
    line-height: 1.3em;
}
.ep-feedback-blue-heading{
    color:#31447D !important;
    font-size:1.75rem;
    font-family: 'Montserrat-Bold';
    font-weight: bold;
    padding-top:10px;
}
.goto-projct-pipeline {
    font-style: normal;

    color: #72A8EB;
    font-size: 18px;
}
.our-services-topics-heading
{
    font-weight: normal;
    
    color: #31447D;
    font-size: 1.6rem;  
    padding-top:30px!important;
    line-height: 1;
    margin-bottom:0px!important;
    }
.our-services-topics-desc
{
    font-style: normal;
    color: #72A8EB;
    font-size: 18px;  
}
.back-to-ep
{
    font-size: 24px;
    /* float: right; */
    margin-top:20px;
    color: #72A8EB;
    text-align: left!important;
}
.margin-left-2-percent
{
    margin-left:2%;
}
.about-us-vision-mission-left-content-bold
{
    font-weight:700;
}
.ep-filter-blue-head
{
    font-size: 1.1rem;
    font-weight: bold;
    color: #31447D;
}
.ep-filter-ul li
{
    font-size:1.1rem;
    padding-bottom: 0.25rem;
}
.ep-filter-ul1
{
    font-size:1rem;
    line-height: 1.3;

}
.ep-filter-ul-li-grey::marker
{
color:#DDD!important;
}
.ep-filter-ul-li-blue::marker
{
    color: #8CB6E6!important;
}
.ep-width-70-percent
{
    width:80%!important;    
    margin-left:10px;
}
.ep-filter-search
{
    font-size: 1.3rem!important;
    color: #8CB6E6!important;
}
.ep-clear-filter
{
    font-size: 1.3rem!important;
    color: #8CB6E6!important;
    padding-left:10px;
}
.ep-filter-search-view
{
    font-size: 1.2rem;
    color: #8CB6E6!important;
    display: block;
}
.ep-filter-text-box
{
    border: none;
    border-bottom: solid 1px #000;
    border-radius: 0 !important;
    margin-left:10px;
    width:50%;
    margin-bottom:20px;
}
.ep-intro-left-content
{
    font-size: 2.5rem;    
    color: #8CB6E6;
    text-align: right;
    float: right;
    line-height:1em;
    font-weight:normal!important;
}
.ep-filter-result-date
{
    font-size: 1.2rem;
}

.ep-filter-ul1,.ep-filter-ul
{
    padding-left: 1rem;
}

.about-us-bod-title-msg
{
    color: #545353;
    vertical-align: bottom!important;
    height: 100%;
    float: right;
    text-align: left;
    padding-top:90px;
}
.board-of-directors-title {
    font-size: 30px;
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    letter-spacing: 0.05em;
    font-style: normal;
    font-weight: 600;
    padding-bottom: 20px;
    padding-top: 30px;
    color: #31447D;
}

.about-us-section-divider-custom-width {
    width: 80%;
    text-align: center;
    margin-left: 10% !important;
}

.about-us-directors-img {
    width: 100%;
    /* height: 225px; */
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: 100%;
}
.exe-mgmt-triangle
{
    width: 17rem;
   vertical-align: bottom!important;
   float: right;
   text-align: right;
   margin-top:-340px;
}
.about-us-directors-name {
    
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    letter-spacing: normal;
    font-size: 22px;
    color: #31447D;
    line-height: 1.1em;
    text-align: center;
    padding-top: 10px;
}

.about-us-board-of-directors-triangle {
    width: 396px;
 
    margin-left: 150px;
    margin-top: 150px;
}

.about-us-directors-list {
    margin-top: 50px;
    margin-bottom: 30px;
}

.about-us-directors-list hr {
    width: 70% !important;
    margin-left: 15%;
}

.about-us-main-pillars-triangle {
    width: 250px;
    margin-top: -50px;
  
}

.about-us-main-pillars-title {
  
    font-size: 35px;
    color: #31447D;
    font-weight: 600;
}

.about-us-icons-desc {
    color: #545353;
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 1.1em;
    text-align: center;
    font-size: 24px;
    letter-spacing: 0em;
}

.about-us-pillars-section {
    margin-top: -70px !important;
}

.about-us-pillars-icons-row {
    margin-top: 40px;
}

.reel-about-us {
    position: relative;
}

.about-us-icons-section {
    margin-bottom: 40px;
}

.about-us-triangle-green {
    margin-top: -150px;
    margin-left: 20%;
}

.pt-100
{
    padding-top: 100px;
}

li::marker{
    color: #545353;
}

li b{
    font-family: 'Montserrat-Bold';
    color: #545353;
}

li.status.Closed, .status-closed{
    color: #E21C21;
}

li.status.Open{
    color: #090;
}

li.status.Upcoming{
    color: rgb(219, 118, 3);
}

.btn-primary {
    background-color: #8cb6e6;
    border-color: #8cb6e6;
    color: #FFF !important;
    align-items: center !important;
    padding: 0.5rem 2rem !important;
    margin: 0px auto;
}

.btn-primary:hover, :not(.btn-check)+.btn-primary:active {
    background-color: #78abe5;
    border-color: #78abe5;
}

hr.gray-line
{
    opacity: 1;
    color: #ACACAC;
}


/*  PAGINATION STYLES */

.page-link{
    border:0px none;    
}

.page-item:not(:first-child) .page-link
{
    border-left: 1px solid gray;
}

.page-item:first-child .page-link
{
    border-left: 0 none; 
}

.page-item:last-child .page-link
{
    border-left: 0 none; 
}

.page-item .page-link
{
    color: gray;
}

/*  END OF PAGINATION STYLES */

@media (max-width: 575px) {
    .pavilization-program-title {
        margin-top: 80px !important;
        margin-left: 40px !important;
    }

    .about-us-private-content-small {
        margin-left: 40px !important;
    }

    .goto-projct-pipeline {
        margin-left: 40px !important;
    }

    .about-us-main-pillars-title {
        padding-top: 120px !important;
    }

    .section-title h1
    {
        font-size: 2rem;
        margin-top: 3rem;
    }

    .section-parallax
    {
        background-position-y: top;
    }

    .banner-triangle
    {
        max-width: 200px;
        margin-top: -100px;
    }

    .section-parallax
    {
        background-attachment: scroll;
    }

    .section-parallax-ep1
    {
        background-size: contain;
    }

    .pt-xs-0{
        padding-top: 0 !important;
    }

    .ep-center-title-blue
    {
        font-size: 2rem;
        padding: 0 1rem;
    }

    .ep-center-title-blue-small
    {
        font-size: 1.5rem;
        padding: 0 1rem;
    }

    .ep-center-title-arrow
    {        
        font-size: 2rem;
        padding: initial;
    }

    .ep-feedback-blue-heading
    {
        font-size: 1.5rem;
        padding:0 1rem;
    }

    hr{
        margin:1rem;
    }

    .ep-banner1-triangle-sub-page1
    {
        margin-top:-50px;
    }

    .large-list-container
    {
        padding: 1rem !important;
    }
}
/*Media mobile end */


@media (max-height: 840px) {
    h5.page-desc {
        font-size: 1rem;
    }

    .sub-intro{
        /* line-height: 1.2rem !important; */
        font-size: 0.9rem;
        display: inline-block;
    }

    /* .large-list-container{
        width: 55%  !important;
    }

    .section-title h1
    {
        font-size: 3rem;
    } */

    .ep-filter-result-date
    {
        font-size: 1rem;
    }
}


/* ----- END OF E-PARTICIPATION ----- */



/* ----- FAQ ----- */

.btn-light-gray {
    background-color: #abababa6;
    border-radius: 0;
    color: #FFF;
    padding: .25rem 2rem;
}

.btn-light-gray:hover {
    background-color: #abababa6;
}

.reel-lg {
    border-left: 15px solid #8cb6e6cc;
}


/* .section-parallax {
    background-image: url('../img/home/faq-banner.png');
} */


.reel-faq {
    position: absolute;
    width: 15px;
    display: inline-block;
    background-color: #a3c5eb !important;
    height: 0px;
    transition: all 1s ease-out;
    margin-top: 10px;
}

.culture-section {
    /* padding-left: 250px !important; */
    vertical-align: baseline !important;
}

.culture-section1 {
    /* padding-left: 120px !important; */
    vertical-align: baseline !important;
    text-align: left;
    padding-right: 20px !important;
    ;
}

.fp-table-faq {
    height: 20px !important;
    margin-top: 70px !important;
}

.faq-triangles {
    width: 300px !important;
    top: 150px;
    left: 50%;
}

.faq-triangle-container{
    position: absolute;
    margin-top: calc(50vh);
    right: calc(25vw);
}

.why_ncp {

    font-size: 1rem;
    color: #545353 !important;
    padding-left: 3% !important;
    padding-top: 1%;
    margin-bottom: 6%;
}

.why_ncp_hr {
    background-color: #000 !important;
    color: #000 !important;
    height: 1px;
    margin-top: 15px;
}

.faq-why-ncp-pic {
    border-radius: 100%;
    position: absolute;
    max-width: 270px;
    bottom: -2.5rem;
    left:60%;
}

.faq-triangles{
    z-index: 999;
}

.faq-what-will-kingdom-triangles {
    position: absolute;
}

.faq-img-circle {
    border-radius: 150px;
    margin-top: -90px;
    width: 260px;
    margin-left: -700px !important;
    height: 260px;
}

.faq-section {
    padding-left: 50px !important;
    margin-top: -120px !important;
}


.faq-img {
    width: 263px;
    height: 306px;
}


.find_out_more {
    color: #8CB6E6;
    font-size: 26px;
    padding-right: 60px;
    float: right;
    text-align: left;
}

.ol-bullet-color-light-blue li::marker {
    color: #99bee9;
}

@media (max-height: 840px) {
    h5.page-desc {
        font-size: 1rem;
    }
}


@media (max-width: 575px) {
    .section-title h1
    {
        font-size: 2.5rem;
        margin-top: 3rem;
    }

    .section-parallax
    {
        background-position-y: top;
    }

    .triangle
    {
        max-width: 200px;
    }

    .section-parallax
    {
        background-attachment: scroll;
    }

    
    .pt-xs-0{
        padding-top: 0 !important;
    }

    .faq-triangles
    {
        left: 50% !important;
    }

    .find_out_more
    {
        float: unset;
    }

    .faq-why-ncp-pic{
        position: relative;
        /* margin-top: -200px; */
    }


    .ol-bullet-color-light-blue
    {
        padding-left: 1rem;
    }
}
/* ----- END OF FAQ ----- */


/* ----- JOIN US ----- */


.btn-light-gray {
    background-color: #abababa6;
    border-radius: 0;
    color: #FFF;
    padding: .25rem 2rem;
}

.btn-light-gray:hover {
    background-color: #abababa6;
}



.pt-100 {
    padding-top: 100px;
}

.join-us-banner-triangles {
    max-width: 400px;
    object-fit: cover;
    position: absolute;
    margin-top: 550px;
    padding-left: 7%;
}

.join-us-sub-title {
    display: inline-block;
    position: relative;
    width: 60%;
    text-align: left;
    color: #31447D;
}

.join-us-sub-title1 {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-top: 18px;
    
    text-align: left;
    color: #545353;
}

.join-us-sub-title2 {
  
    text-align: left;
  
}

.join-us-sub-title3 {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-top: 18px;

    text-align: left;
}

.join-us-sub-title3 h4 {
    padding-left: 52px;
}

.join-us-sub-title3 span {
    height: 60% !important;
    /* margin-top: 60px; */
}

.reduce-padding {
    margin-top: -20px !important;
}

.remove_padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.join-us-title h2 {
    margin-left: 0px !important;
    margin-top: 5px;
    padding: 0px 15px 10px;
}

.join-us-title-big h1 {
    margin-left: 20px !important;
    margin-top: 5px;
    padding: 0px 15px 10px;
}

.culture_title {
    vertical-align: baseline !important;
}

.reel-join-us {
    position: absolute;
    width: 15px;
    display: inline-block;
    background-color: #a3c5eb !important;
    height: 0px;
    transition: all 1s ease-out;
    margin-top: 10px;
}

.reel-join-us.on {
    height: 100%;
}

/* .join-us.section-parallax {
    background-image: url('../img/home/join-us-img_parallax.jpg');
} */

.join-us-full-content-width {
    width: 90% !important;
}

.join-us-img-circle {
    border-radius: 100%;
    width: 100%;
}

.list_working_for_ncp {
    padding-top: 20px;
}

.culture_list {
    padding-left: 15px;
    padding-right: 0px;
    line-height: 1.2;

}

.culture_list_desc {
    padding-left: 0px;
    text-align: left;
    line-height: 1.5 !important;
    width: 100%;
    /* font-size: 16px; */
}

.working_for_ncp_title {
    font-size: 23px !important;
    color: #8cb6e6;
    padding-top: 5px;
    margin-left: -5px;
    font-weight: bold;
    
}

.culture-img {
    /* width: 853px; */
    max-height: 200px;
    object-fit: cover;
    object-position: 50% 50%;
    height: fit-content;
}

.culture-section {
    padding-top: 30px !important;
}

.culture_text_1 {
    /* font-size: 16px !important; */
    color: #8cb6e6;
    font-weight: bold;
    /* text-align: center; */
    line-height: 1;
}

.culture_text_2 {
    text-align: center;
    font-size: 100px !important;
    color: #8cb6e6;
    font-weight: normal;
    line-height: 1;
}

.culture_text_3 {
    line-height: normal;
    font-weight: normal !important;
}

.bottom-line {
    height: 2px;
    background-color: #8cb6e6 !important;
    display: inline-block;
    width: 60px;
}

.culture_text_1 p {
    text-align: center !important;
}

.about-you-heading {
    /* font-size: 53px; */
    color: #8cb6e6 !important;
    padding-right: 0px;
}

.about-you-heading1 {
    /* font-size: 53px; */
    color: #8cb6e6 !important;
    padding-left: 50px;
    margin-top: -10px;
}

.vacancies-heading {
    padding-left: 0px;
    font-size: 27px;
    color: #FFF !important;
    padding-right: 0px;
    font-weight: bold;
    padding-left: 30px;
}

.vacancies-heading1 {
    font-size: 27px;
    color: #FFF !important;
    padding-left: 25px;
    margin-top: -20px;
    padding-right: 0px;
    font-weight: bold;

}

.job-location {
    font-size: 18px;
    color: #545353 !important;
    padding-left: 30px;
    margin-top: -20px;
    background-color: #ababab;

}

.job-desc {
    font-size: 16px;
    color: #FFF !important;
    padding-left: 30px;
    margin-top: -20px;
    background-color: #ababab;
}

.latest-vacancies {
    background-color: #ababab;
}

.vacancies-title {
    color: #FFF;
}

.latest-vacancies span {
    background: #FFF !important;
}

.apply {
    font-size: 25px;
    color: #fff;
    padding-left: 30px;
    padding-top: 10px;
}

.vacancies-img-circle {
    border-radius: 150px;
    width: 280px;
    margin-top: -150px !important;
}

.view_portal {
    text-align: right;
    margin-top: 0px !important;
}


.text-green {
    color: rgb(99 165 137) !important;
}

.font-weight-600 {
    font-weight: 600;
}

.title-desc {
    font-family: 'Montserrat-Light';
}

.skills-triangles
{
    width: 300px;
    margin-left: -300px;
}

@media (max-width: 575px) {
    .section-title h1
    {
        font-size: 2.5rem;
        margin-top: 3rem;
    }

    .section-parallax
    {
        background-position-y: top;
    }

    .triangle
    {
        max-width: 200px;
        height: auto;
    }

    .section-parallax
    {
        background-attachment: scroll;
    }

    
    .pt-xs-0{
        padding-top: 0 !important;
    }

    .culture-section-desc{
        padding-top: 2rem !important;
    }


    .join-us-sub-title3 span
    {
        display: none;
    }

    .about-you-heading1
    {
        padding-left: 0;
        margin-top:0;
    }
}


@media (max-height: 840px) {
    h5.page-desc {
        font-size: 1rem;
    }
}
/* ----- END OF JOIN US ----- */

/* ----- KNOWLEDGE CENTER ----- */

.btn-light-gray {
    background-color: #abababa6;
    border-radius: 0;
    color: #FFF;
    padding: .25rem 2rem;
}

.btn-light-gray:hover {
    background-color: #abababa6;
}

.reel-lg {
    border-left: 15px solid #8cb6e6cc;
}


.btn-inquire {
    padding: .5rem 1.5rem;
}


.training.nav .nav-link {
    color: #B4B4B4;
}

.training.nav .nav-link.active {
    color: #31447D;
}

.training.nav .nav-link.active {
    font-weight: 700;
    font-family: 'Montserrat-Bold';
}

.session-tile {
    margin: 30px auto;
    transition: all .3s ease;
    display: flex;
    flex-direction: column;
    padding-right: 30px;
}

.session-tile:hover {
    margin-top: 15px;
}

.session-desc {
    height: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1rem;
    line-height: 1.2em;
    display: inline-table;
    margin-bottom: auto;
}

.btn {
    border-radius: 0 !important;
}


.btn-outline-primary,
.btn-primary.dark:hover {
    /* color: #31447D !important; */
    background-color:#3c5397;
    border-color: #3c5397;
    border-radius: 0 !important;
    text-decoration: none;
}

.btn-primary.dark,
.btn-outline-primary:hover {
    background-color: #31447D;
    color: #FFF !important;
    text-decoration: none;
    border-color: #31447D;
}


.sub-title {
    width: auto;
}

.trianlges-green {
    left: calc(100vw / 2 + 100px);
    bottom: -100px;
}

.page-link {
    border: 0px none;
}

.page-item:not(:first-child) .page-link {
    border-left: 1px solid gray;
}

.page-item:not(:first-child) .page-link
{
    margin-left: initial;
}

.page-link:hover
{
    background-color: initial;
    color: #6896C7;
    box-shadow: none;;
}

.page-item:first-child .page-link {
    border-left: 0 none;
}

.page-item:last-child .page-link {
    border-left: 0 none;
}

.page-item .page-link {
    color: gray;
}

.active>.page-link,
.page-link.active {
    background: transparent !important;
    color: #8cb6e6cc !important;
}

.disabled>.page-link {
    background-color: transparent;
}

.btn-primary {
    background-color: #8cb6e6;
    border-color: #8cb6e6;
    color: #FFF !important;
    align-items: center !important;
    padding: 0.5rem 2rem !important;
    margin: 0px auto;
    margin-top: 0.5rem;
    white-space: nowrap;
}

.btn-primary:hover,:not(.btn-check)+.btn-primary:active {
    background-color: #78abe5;
    border-color: #78abe5;

}

.text-small{
    font-size: small;
}

.bi-play-circle{
    font-size: small;
}


.btn-success {
    background-color: #91bb95;
    border-color: hwb(126 49% 27%);
    color: #FFF;
    padding: 0.5rem 2rem !important;
    margin: 0px auto;
}

.btn-success:hover {
    background-color: #75b07b;
    border-color: #75b07b;
}

a.btn-success {
    color: #FFF;
}

.tile-img {
    padding-bottom: 10px;
    max-width: 100%;
}

.heading-blue {
    padding-left: 20px;
}

.date-dark-blue {
    color: #31447D;
}

.text-light-blue {
    color: #8cb6e6 !important;
    /* font-weight: bold !important; */
}

.calendar-triangles {
    top: 0;
    left: -120px;
}

/* .kc-parallax.section-parallax {
    background-image: url('../img/home/knowledge-center.jpg');
} */

.parallax-text {
    margin-top: -60px;
}

.reel-knowledgeCenter {
    width: 15px;
    display: inline-block;
    background-color: #a3c5eb !important;
    height: 0px;
    transition: all 1s ease-out;
    margin-top: 10px;
    height: 30%;
}

.reel-knowledgeCenter.on {
    height: 30%;
}

.kc-banner-triangles {
    margin-top: -320px;
    margin-left: -30px;
}

.ml-18-percent {
    margin-left: 18%;
}

.kc-training-triangle {
    margin-top: -20px;
}

.pl-6-percent {
    padding-left: 6%;
}

.max-width-100 {
    max-width: 100%;
}

.ml-minus-10 {
    margin-left: -10px;
}

.kc-training-triangle {
    margin-right: -75px;
}

.title-desc {
    font-family: 'Montserrat-Light';
}


.knowledge-center-parralax-right-img {
    margin-top: -210px;
}

.parallax-leftside-text {
    color: #FFF;
    margin-top: -60px;
    float: left !important;
    text-align: right;
    padding-left: 150px;
}

.kc-img-container .white-triangle-overlay{
    bottom: 1rem;
    left:1rem;
}

/**** END OF KNOWLEDGE CENTER ****/


/*** VIOLATIONS ****/

table.borderless td{
    border:none !important;
}
.short-divider
{
    width: 100% !important;;
    float: left!important;
    margin-top: 3rem;
    margin-bottom: 3rem;
   
}
.complaints-table label[required]::after{
    content:' *';
    color:orange;
}
.complaints-table-ref-no
{
    width: 35%;
}
.violation-table label[required]::after{
    content:' *';
    color:orange;
}
.input-border-grey
{
    border: solid 1px #AAA;
}
.violation-nav
{
    display: contents;
}
.violation-nav .nav-link.active{
    font-family: 'Montserrat-Bold';
}
.violation-nav li
{
    margin-bottom: -0.5rem!important;
}

.table.text-gray label, .table.text-gray p, .table.text-gray td{
    color:#545353;
}

/**** END OF VIOLATIONS ****/

/*** MOBILES ****/
@media (max-width: 575px) {
    .top-padding {
        padding-top: 180px !important;
    }

    .kc-title-mobile {
        text-align: left !important;
    }

    /* .session-tile img,
    h4,
    p,
    a {
        margin-left: -70px;
    } */

    .training-calendar-item p {
        margin-left: 10px !important;
    }

    /* .calendar-body h4 {
        padding-left: 20px !important;
    } */

    .ml-40-percent {
        margin-left: 0 !important;
    }

    .highlight-text {
        margin: 0 !important;
        width: 100% !important;
        padding-top: 1.5rem !important;
        font-size: 1.25rem;
    }

    .kc-banner {
        width: 100%;
    }

    .kc-trianlges-green {
        width: 25vw;
    }

    .nav h3 {
        font-size: 1rem;
    }

    .nav {
        flex-wrap: nowrap;
    }

    .training-calendar-item h1 {
        font-size: 4rem;
    }

    .calendar-body h4 {
        font-size: 1rem;
    }

    .btn-inquire {
        margin-top: 0 !important;
        margin-bottom: 1rem;
        width: 100%;
        padding: .5rem 1.5rem;
    }

    .section-divider {
        display: none;
    }

    .session-tiles {
        margin: 0;
    }

    .session-tile {
        padding: 0;
    }

    .section-title h1
    {
        font-size: 2rem;
        margin-top: 3rem;
    }

    .section-parallax
    {
        background-position-y: top;
    }

    .triangle
    {
        max-width: 200px;
    }

    .section-parallax
    {
        background-attachment: scroll;
    }

    .pt-xs-0{
        padding-top: 0 !important;
    }

    .w-xs-75{
        width: 75% !important;
    }

    .calendar-body{
        padding: 0 !important;
    }

}

@media (max-height: 840px) {
    h5.page-desc {
        font-size: 1rem;
    }
}
/* ----- END OF KNOWLEDGE CENTER ----- */

/* ----- KNOWLEDGE CENTER SUBPAGE ----- */

.btn-light-gray
{
    background-color: #abababa6;
    border-radius: 0;
    color:#FFF;
    padding: .25rem 2rem;
    margin-top: auto;
}

.btn-light-gray:hover{
    background-color: #abababde;
    color: #FFF;
}

.reel-lg{
    border-left: 15px solid #8cb6e6cc;
}

/* .kc-sub-parrallax.section-parallax {
    background-image: url('../img/home/knowledge-center-sub-page-parallax.jpg');
} */

.parallax-text
{
    margin-top:-60px;
}


.kc-best-practices-text {
    color: #31447D;
    
}

.return-to-kc-landing-page h5 {
    font-size: 1.5rem;
    color: #8CB6E6;
}

.return-to-kc-landing-page-left-arrow {
    color: #AAA;
}



.knowledge-center-best-practice h2 {
    /* padding-left: 1.25rem; */
    vertical-align: baseline;
    color: #31447D;
    font-size: 28px;
    font-weight: bold;
    font-family: 'Montserrat-Bold';
}

.kc-video-part1 {
    font-style: normal;
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    color: #B4B4B4;
    font-weight: normal;
    letter-spacing: 0em;
    font-size: 28px;
}

.kc-pagination {
    font-style: normal;
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    color: #666666;
    font-weight: normal;
    line-height: 1em;
    text-align: right;
    font-size: 18px;

}

.kc-contrct-content {
    font-weight: bold;
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    color: #545353;
    font-size: 21px;
}

.kc-contrct-contents-ul {
    font-weight: 500;
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: top;
    color: #545353 !important;
    font-size: 16px;
    padding-left: 20px;
    line-height: 1.5;

}

.fp-table-kc2 {
    display: table;
    width: 90%;
    height: 0px;
    padding-top: 30px;
}

.training-resource-img {
    width: 100%;
}

.training-resource-parts {
    margin: 0;
    font-size: 19px;
    color: #31447D;
    line-height: 1em;
    font-weight: 600;
    padding-top: 1rem;
    text-align: center;
}

.training-resource-desc {
    margin: 0;
    padding-bottom: 1rem;
    font-size: 19px;
    line-height: 1 !important;
}

.training-resource-view-btn {
    font-size: 16px;
    line-height: 1em;
    text-align: center;
    margin-block: 0;
    margin: 0;
    background-color: #c8c8c8;
    color: #FFF;
    padding: 10px 30px 10px 30px;
    width: 60% !important;
    text-align: center;
    border: none;
}

.resource-div {
    margin-bottom: 40px;
    text-align: center;
    padding: 0rem 2rem 0rem 0rem;
    display: flex;
    flex-direction: column;
}
.divider-custom-width
{
    width: 80%!important;
    margin-left: 10%!important;
}
.video-frame {
    width: 100%;
    height: 75%;
}



@media (max-height: 840px) {
    h5.page-desc{
        font-size: 1rem;
    }
}


/*** MOBILES ****/
@media (max-width: 575px) {
    .top-padding {
        padding-top: 180px !important;
    }

    .kc-title-mobile {
        text-align: left !important;
    }

    /* .session-tile img,
    h4,
    p,
    a {
        margin-left: -70px;
    } */

    .training-calendar-item p {
        margin-left: 10px !important;
    }

    /* .calendar-body h4 {
        padding-left: 20px !important;
    } */

    .ml-40-percent {
        margin-left: 0 !important;
    }

    .highlight-text {
        margin: 0 !important;
        width: 100% !important;
        padding-top: 1.5rem !important;
        font-size: 1.25rem;
    }

    .kc-banner {
        width: 100%;
    }

    .kc-trianlges-green {
        width: 25vw;
    }

    .nav h3 {
        font-size: 1rem;
    }

    .nav {
        flex-wrap: nowrap;
    }

    .training-calendar-item h1 {
        font-size: 4rem;
    }

    .calendar-body h4 {
        font-size: 1rem;
    }

    .btn-inquire {
        margin-top: 0 !important;
        margin-bottom: 1rem;
        width: 100%;
        padding: .5rem 1.5rem;
    }

    .section-divider {
        display: none;
    }

    .session-tiles {
        margin: 0;
    }

    .session-tile {
        padding: 0;
    }

    .section-title h1
    {
        font-size: 2rem;
        margin-top: 3rem;
    }

    .section-parallax
    {
        background-position-y: top;
    }

    .triangle
    {
        max-width: 200px;
    }

    .section-parallax
    {
        background-attachment: scroll;
    }

    .pt-xs-0{
        padding-top: 0 !important;
    }

    .pt-xs-6rem{
        padding-top: 6rem;
    }

    .ps-xs-3
    {
        padding-left:1rem ;
    }

    .d-xs-block
    {
        display: block;;
    }

    .w-xs-75{
        width: 75% !important;
    }

    .knowledge-center-best-practice h1
    {
        padding-right: 1.25rem;
    }

    .training-resource-img
    {
        width: 60%;
        margin:auto;
    }
}

/* @media (min-width: 1400px) {
    .video-container
    {
        padding-left: 200px;
    }
} */

@media (min-width: 1201px) and (max-width: 1280px) {
    .training-resource-desc
    {
        font-size: 0.9rem;
        line-height: 1rem !important;
    }

    .resource-div 
    {
        padding: 0rem 1rem;
    }


    .kc-contrct-contents-ul
    {
        font-size: 14px !important;
    }

    .btn-light-gray
    {
        padding: .25rem 1rem;
    }
}
/* ----- END OF KNOWLEDGE CENTER SUBPAGE ----- */

/* ----- LAWS & REGULATIONS ----- */


.btn-light-gray
{
    background-color: #abababa6;
    border-radius: 0;
    color:#FFF;
    padding: .25rem 2rem;
}

.btn-light-gray:hover{
    background-color: #abababa6;
}

.reel-lg{
    border-left: 15px solid #8cb6e6cc;
}


/* .laws.section-parallax {
    background-image: url('../img/home/laws-regulations.jpg');
} */

.laws-title-content h5 {
    padding-right: 40px;
    text-align: left;
    font-family: 'Montserrat-Light';
}

.laws-reel.on {
    height: 85%;
    margin-top: 8px;
}

.laws-big h1 {
    margin-left: 20px !important;
    margin-top: 5px;
    padding: 0px 15px 10px;
}

.laws-medium h2 {
    margin-left: 10px !important;
    margin-top: 5px;
    padding: 0px 5px 10px;
    color: #33457e;
    font-size: 2.5rem !important;
    font-weight: normal;        
    line-height: 2.5rem;
}
.divider-full-width
{
    width:90%!important;
    margin-left:5%!important;
}
.view-key-docs
{
    color: #8CB6E6;
    font-size: 24px;
    padding-top: 30px;
    float: right;
    text-align: left;
}
.sub-title-laws
{
    width: 90%!important;
}
.laws-small h5 {
    color: #545353;
    font-size: 1rem;
    padding-right: 40px;
}

.laws-content-padding {
    padding-top: 20px;
    padding-bottom: 20px;
}

.laws-view-pdf {
    font-size: 18px;
    color: #8CB6E6;
}

.laws-middle-content {
    margin-left: -30px;
}

.reel-laws {
    position: absolute;
    width: 15px;
    display: inline-block;
    background-color: #a3c5eb !important;
    height: 0px;
    transition: all 1s ease-out;
    margin-top: 10px;
}

.reel-laws.on {
    height: 50%;
}


.laws-img-circle {
    border-radius: 100%;
    margin-top: -100px;
    width: 270px;
    object-fit: cover;

}

.laws-section-content {
    padding-left: 50px !important;

}

.laws-subtitle h1 {
    padding-top: 0px !important;
}

.laws-section {
    max-width: 100%;
}

/* .section-divider {
    width: 45%;
    margin-left: 29% !important;
} */

.laws-triangle-img {
    width: 360px;
    object-fit: cover;
    margin-top: 30px;
    padding-left: 10px;
}

.laws-section-top {
    padding-top: 90px;

}

.fp-table-laws {
    padding-bottom: 0px !important;
    margin-top: 140px !important;
}



@media (max-width: 575px) {
    .section-title h1
    {
        font-size: 2rem;
        margin-top: 3rem;
    }

    .section-parallax
    {
        background-position-y: top;
    }

    .triangle
    {
        max-width: 200px;
        height: auto;
    }

    .section-parallax
    {
        background-attachment: scroll;
    }

    
    .pt-xs-0{
        padding-top: 0 !important;
    }

    .laws-img-circle
    {
        margin:0 !important;
        /* max-width: 200px; */
        position: relative !important;
        bottom: 235px;
    }

    .laws-small h5
    {
        padding-right: 0;
    }

    .laws-medium h1
    {
        font-size: 2rem;
    }
}


@media (max-height: 840px) {
    h5.page-desc{
        font-size: 1rem;
    }
}


/* ----- END OF LAWS & REGULATIONS ----- */

/* ----- MEDIA CENTER ----- */


.btn-light-gray
{
    background-color: #abababa6;
    border-radius: 0;
    color:#FFF;
    padding: .25rem 2rem;
}

.btn-light-gray:hover{
    background-color: #abababa6;
}

.reel-lg{
    border-left: 15px solid #8cb6e6cc;
}



@media (max-width: 575px) {
    .media-top-padding {
        padding-top: 180px !important;
    }

    /* .photo-video-img {
        margin-right: 50px !important;
    } */

    .photo-video-section-first-content {
        padding-top: 80px !important;
    }
}

/* .section-parallax {
    background-image: url('../img/media-center/banner.jpg');
} */

.media-title-content h5 {
    padding-right: 0px;
    text-align: left;
    vertical-align: baseline !important;
    margin-top: 90px;
    font-family: 'Montserrat-Light';
}

.media-title-content h1 {
    padding-right: 0px;
    text-align: left;
    vertical-align: baseline !important;
    margin-top: 50px !important;
    padding-bottom: 0px !important;
}

.media-title-content {
    vertical-align: baseline !important;
}

.media-big h1 {
    margin-left: 20px !important;
    margin-top: 5px;
    padding: 0px 0px 10px;
    vertical-align: baseline !important;

}

.media-medium h1 {
    margin-left: 10px !important;
    margin-top: 5px;
    padding: 0px 5px 10px;
    color: #33457e;
    font-size: 2rem;
    font-weight: normal;
    line-height: 2rem;
    vertical-align: baseline !important;
}

.media-small h5 {
    color: #545353;
    font-size: 1rem;
    padding-right: 90px;
}

.media-content-padding {
    padding-top: 20px;
    padding-bottom: 20px;
}

.media-middle-content {
    margin-left: -30px;
}

.media-laws.on {
    height: 100%;
}


.laws-img-circle {
    border-radius: 100%;
    width: 270px;
    height: 270px;
    object-fit: cover;
    bottom: -2.5rem;
    left: 60%;
}

.media-section-content {
    padding-left: 50px !important;

}

.media-subtitle h1 {
    padding-bottom: 0px !important;
}

.media-section {
    width: 100%;
    margin: 0 !important;
}

.media-section-title h1 {
    letter-spacing: normal;
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    font-weight: normal !important;
    font-style: normal;
    vertical-align: baseline;
    color: #31447D;
    font-size: 36px !important;
}

.laws-triangle-img {
    width: 400px;
    object-fit: cover;
    margin-top: -300px;
    padding-right:40px;
}

.media-section-top {
    padding-top: 10%;

}

.media-down-chevron {
    font-size: 40px;
    color: #707070;
    width: 500px;
}

.media-news {
    font-size: 1.75rem;
    letter-spacing: 0.05em;
    font-style: normal;
    font-weight: normal;
    color: rgb(49, 68, 125);
}

.media-press {
    font-size: 1.7rem;
    letter-spacing: 0.05em;
    font-style: normal;
    font-weight: normal;
    color: rgb(180, 180, 180);
    font-family: 'montserrat-Light';
    padding-right: 50px;
}

.media-news-icon {
    font-size: 30px;
    background-color: #2d3f62;
    color: #FFF;
    margin-left: -5px !important;
}
.view-project-pipeline {
    color: #8CB6E6;
    font-size: 26px !important;
    padding-top: 60px;
    float: right;
    text-align: left;
}
.media-news-img-icon i {
    vertical-align: bottom;
    line-height: 1.2;
}

.media-news-right-content {
    padding-left: 30px;
}

.media-news-img {
    /* width: 571px; */
    /* height: 380px; */
    /* object-fit: cover; */
    max-width: 100%;
}

.media-news-date {
    font-size: 20px;
    color: #324158;
    margin-bottom: 0.5rem;
}

.media-news-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #31447D;
    font-family: 'Montserrat-Bold';
    margin-bottom: 0.5rem;
}

.media-news-detail {
    font-size: 1.25rem;
    color: #545353;
    line-height: 1.3em;
    margin-bottom: .5rem!important;
    /* margin-bottom: 0 !important; */
}

.media-news-readmore {
    font-size: 1.25rem;
    color: #8CB6E6;
    display: inline-block;
    /* margin-bottom: 1rem !important; */
}
.open-data-library-see-more,.see-more
{
    font-size: 1.6rem !important;
    color: #8CB6E6;
    padding-left:1rem;
}
.news-list-top-padding {
    padding-top: 30px;
}

.media-news-hr {
    height: 5px !important;
    color: #000 !important;
    /* margin-top: 30px; */
}

.media-center-big-image {
    /* background-image: url('../img/media-center/middle-banner.webp'); */
    width: 100%;
    height: 100%;

    max-height: 500px;
    background-size: cover;
    background-position-y: -200px;
    overflow: hidden;
}

.photo-video-triangles {
    width: 350px;
    margin-top: -120px;
    position: absolute!important;
}

.photo-video-section {
    margin: 0;
    margin-top: 50px;
    bottom: 0px !important;

}

.photo-video-section-first-content {
    margin-top: -80px !important;
    max-width: 100% !important;
}

.photo-video-section-padding {
    margin-top: 5px;
    max-width: 100%;
}

.corporate-film {
    letter-spacing: 0em;
    margin: 0px 4px 0px 0px;
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
    display: initial;
    color: #72A8EB;

}

.corporate-film:hover {
    transform: translateX(20px) !important;
    transition: all 1.5s ease-in-out !important;
}

.newsletters-title {
    letter-spacing: 0.05em;
    font-size: 30px;
    color: #B4B4B4;
    font-style: normal;
    font-weight: normal;
}

.newsletter-triangle {
    width: 296px;
    height: 317px;
    object-fit: cover;
    object-position: 50% 50%;
    max-width: 100%;
    padding-left: 30px;
    position: absolute;
    margin-left: -200px;
}

.newsletter-issue {
    color: rgb(50, 65, 88);
    font-weight: 700;
    font-size: 21px;
    line-height: 1.3em !important;
}

.newsletter-issue-date {
    color: #324158 !important;
    font-size: 21px;
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 1.3em;
}

.newsletter-issue-viewpdf {
    color: #8CB6E6;
    font-size: 18px;
}

.newsletter-list-section {
    max-width: 100%;
    padding-left: 5%;
}

.newsletter-title-section {
    max-width: 100%;
    padding-top: 60px;
}

.newsletter-list {
    color: #31447d;
    
}

.previous-years {
    letter-spacing: 0em;
    margin: 0px 4px 0px 0px;
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
    display: initial;
    color: #72A8EB;
    padding-left: 30px;
}
.digital-library-list
{
    font-size: 1.2rem;
    line-height: 1.25;
}
.digital-library-list-heading
{
    color:#31447D !important;
    font-size: 18px;
    margin-bottom: 0;
}
.media-center-carousel {
    background-color: #95b4d2 !important;
    height: 600px;
}
.open-data-library-stars
{
    float: right;
    margin-right:10px;
    padding-top: .25rem;
    opacity: 0.8;
}
.open-data-library-stars i{
    padding: 3px;
    font-size:14px;
}

.open-data-library-list li{
    padding-bottom: 0.25rem;
}

.media-center-carousel.slide1 {
    background-color: #95b4d2 !important;
}

.announcement-title {
    color: #FFF;
    font-size: 36px;
    padding-top: 40px;
}

.announcement-detail {
    color: #FFF;
    font-size: 26px;
    padding-top: 40px;
}

.newsletter-list li{
    padding-bottom: 5px;
}



.page-link{
    border:0px none;    
}

.page-item:not(:first-child) .page-link
{
    border-left: 1px solid gray;
}

.page-item:not(:first-child) .page-link
{
    margin-left: initial;
}

.page-link:hover
{
    background-color: initial;
    color: #6896C7;
    box-shadow: none;;
}

.page-item:first-child .page-link
{
    border-left: 0 none;    
}

.page-item:last-child .page-link
{
    border-left: 0 none; 
}

.page-item .page-link
{
    color: gray;
}

.active>.page-link, .page-link.active
{
    background: transparent  !important;
    color: #8cb6e6cc !important;
}

.disabled>.page-link{
    background-color: transparent;
}

.media-banner-container
{
    max-height: 700px;
}

.news-date{
    display: inline;
    margin: 0;
    padding: .5rem 1rem .5rem 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.news-title{
    font-size: 1.25rem;
    font-weight: 700;
    font-family: 'Montserrat-Bold';
    line-height: 1.25;
    /* text-align: justify; */
}

.news-title::before{
    content: '';
    height: 50px;
    width: 10px;
    background-color: #8cb6e6cc;
    display: inline-block;
    position: absolute;
    margin-left: -25px;
}

.gallery-carousel,.carousel-img
{
    max-height: 500px;
    width: 100%;
}

.thumbnail{
    width: 120px;
}

.thumbnail-container
{
    margin: .75rem 0rem;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.album-numbering
{
    margin: 1.5rem;
    margin-left: 0;
}

.album-title-container
{
    border-top:1px solid rgba(0,0,0,.3);
    border-bottom:1px solid rgba(0,0,0,.3);
}

.img-thumbnail
{
    border: 0 none;
    border-radius: 0;
    padding: .5rem;
    transition: all .3s ease;
}

.img-thumbnail:hover{
    transform:scale3d(1.2, 1.2, 1.2);
}

.thumbnail.active .img-thumbnail
{
    opacity:0.5;
}

/* .carousel-inner
{
    height: initial;
} */

.carousel-prev,.carousel-next{
    cursor: pointer;
    transition: all .3s ease;
}

.carousel-prev:hover,.carousel-next:hover
{
    transform: scale(1.5);
}

.carousel-prev{
    margin-right: 0 !important;
}

.carousel-next{
    margin-left: 0 !important;
}

.media-news-img-icon
{
    white-space: nowrap;
    
}

.blue-arrow-square-icon{
    background: #31447D !important;
    color: white !important;
    padding: 5px;
    position: absolute;
    bottom: 0;
    left: 100%;
}

img.white-triangle-overlay {
    position: absolute;
    bottom: 0;
    left: 2rem;
    width: 40%;
    opacity: 0.75;
}

@media (max-height: 840px) {
    h5.page-desc{
        font-size: 1rem;
    }

    .media-news-date
    {
        font-size: 1rem;
    }

    .media-news-title
    {
        font-size: 1.2rem;
    }

    .media-news-detail
    {
        font-size: 1rem;
    }

    .media-news-readmore
    {
        font-size: 1rem;
    }

    .media-news-hr
    {
        margin-top:0 !important;
    }
}


@media (max-width: 575px) {
    .section-title h1
    {
        font-size: 2.5rem;
        margin-top: 3rem;
    }

    .section-parallax
    {
        background-position-y: top;
    }

    .triangle
    {
        max-width: 200px;
        height: auto;
    }

    .digital-library-triangle
    {
        margin:0;
        margin-top:-100px;
    }

    .section-parallax
    {
        background-attachment: scroll;
    }

    
    .pt-xs-0{
        padding-top: 0 !important;
    }

    .culture-section-desc{
        padding-top: 2rem !important;
    }

    .pt-xs-5{
        padding-top: 5rem !important;
    }

    .pt-xs-2{
        padding-top: 2rem !important;
    }

    .media-center-big-image
    {
        height: 200px;
    }

    .media-banner-container
    {
        max-height: 300px;
    }

    .newsletter-list-section
    {
        padding-left:0 ;
    }

    .newsletter-list li
    {
        padding-bottom: 1rem;
    }

    .text-xs-right
    {
        text-align: right !important;
    }

    .laws-triangle-img
    {
        padding: 0;
    }
}

@media (max-width: 1440px) {
    .media-news-detail{
        font-size: 1.1em;
    }
}

@media (max-width: 1440px) {
    .media-news-detail{
        font-size: 1.0em;
    }
}

@media (min-width: 1440px) {
    .media-roller-container{
        width: 50%;
    }
}
/* ----- END OF MEDIA CENTER ----- */