/* Custom CSS */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


a {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
    -webkit-transition-property: all;
    transition-property: all;
    text-decoration: none;
    
}


a:hover{
  color:#C11F4D;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}



p a{
    color: #004c97;
}



section ul li a{
    color: #004c97;
}

figcaption{
    font-size:13px;
    margin-top:15px;
    font-style: italic;
}

.caption {
    font-size:13px;
    margin-top:15px;
    font-style: italic;
}

.active-link{
    color: #C11F4D;
}


.ee-components-view {

    max-width: 1920px !important;
}


div.pdfemb-viewer {
    margin:0 auto !important;
}


.supply-chain-slider{
    height:800px;
}

div.pdfemb-toolbar div { display:none !important; }


.app-body-main {
   
    overflow-y: hidden !important;
   
}


.col-hide{
    display: block;
}


#player_1{
    margin: 0 auto;
    width: 900px;
    height: 465px;
    display: block;
}


.vjs-control-bar  span{
    margin-top: initial !important;
    display: block !important;
    font-style: normal !important;
    font-size: unset !important;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
   
    font-size: 38px;
}

.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 50%;
  margin: 0px 10px;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}





.iframe-long{
    height:2400px;
}




.video-wrapper iframe {
  
    width: 100%;
}


.post-video{

}

.post-audio{
    margin:0 auto;
    display: block;
}

.post-content img{
    margin: 0 auto;
    display: block;
}


.bold-600 {
    font-weight: 600 !important;
}


.bold-500 {
    font-weight: 500 !important;
}


.row { padding: 0 10px; }


.aligncenter{
    text-align: center !important;
}

.text-uppercase{
    text-transform: uppercase;

}

.current > a {
  color:#C11F4D !important;
}



.slick-slider  div div {
    display: block !important;
}


.site-wrapper {
    margin-top:30px;
}


.small-btn-right{
    float:right;
}

.btn-outline-white:before {
    content: '';
    position: absolute;
    background-color: #FFF;
    right: -50px;
    bottom: 0;
    width: 3.25rem;
    height: 100%;
    transform-origin: bottom right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.btn-outline-white:hover:after {
    left: -25%;
}

.btn-outline-white:after {
    content: '';
    position: absolute;
    background-color: #FFF;
    left: 100%;
    bottom: 0;
    width: 125%;
    height: 100%;
    transition: left 500ms ease-in-out;
    transform-origin: bottom right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.btn-outline-white:hover > span{
    color: #C11F4D !important;
    z-index: 5;
    position: relative;
}





.btn-red:before {
    content: '';
    position: absolute;
    background-color: #FFF;
    right: -55px;
    bottom: 0;
    width: 3.25rem;
    height: 100%;
    transform-origin: bottom right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.btn-red:hover:after {
    left: -25%;
}

.btn-red:after {
    content: '';
    position: absolute;
    background-color: #FFF;
    left: 100%;
    bottom: 0;
    width: 125%;
    height: 100%;
    transition: left 500ms ease-in-out;
    transform-origin: bottom right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.btn-red:hover > span{
    color: #C11F4D !important;
    z-index: 5;
    position: relative;
}


.btn-red:before {
    content: '';
    position: absolute;
    background-color: #FFF;
    right: -55px;
    bottom: 0;
    width: 3.25rem;
    height: 100%;
    transform-origin: bottom right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.btn-red:hover:after {
    left: -25%;
}

.btn-red:after {
    content: '';
    position: absolute;
    background-color: #FFF;
    left: 100%;
    bottom: 0;
    width: 125%;
    height: 100%;
    transition: left 500ms ease-in-out;
    transform-origin: bottom right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.btn-red:hover > span{
    color: #C11F4D !important;
    z-index: 5;
    position: relative;
}



.btn-red-grey:before {
    content: '';
    position: absolute;
    background-color: #bfbebe;
    right: -55px;
    bottom: 0;
    width: 3.25rem;
    height: 100%;
    transform-origin: bottom right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.btn-red-grey:hover:after {
    left: -25%;
}

.btn-red-grey:after {
    content: '';
    position: absolute;
    background-color: #bfbebe;
    left: 100%;
    bottom: 0;
    width: 125%;
    height: 100%;
    transition: left 500ms ease-in-out;
    transform-origin: bottom right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.btn-red-grey:hover > span{
    color: #C11F4D !important;
    z-index: 5;
    position: relative;
}



section{
  padding: 80px 40px;
}

footer{
  padding: 80px 40px;
  margin-top: -4px;

}

footer a:hover{
  color:#C11F4D;

}


footer ul li {
    list-style: none;
    margin-bottom: 5px;
    font-size: 16px;
}

footer ul{
    margin-left: 0;
}




.footer-title{
  margin-bottom: 10px;
  font-weight: 500;
  color:#C11F4D ;
}

.footer-social a{
  margin-right:16px;
  font-size: 20px;
}

.footer-social a:hover{
  color:#C11F4D;
 
}


footer span{
  font-size: 13px;
}

footer .btn span{
  font-size: 15px;
}


.section-header {
  font-family: 'Outfit', sans-serif;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

.section-desc {
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    margin-bottom: 30px;
    color: #333;
}

.subscribe-container{
    display: inline-block;
}


.subscribe-container .btn{
    width: 100%;
}

.artemis-logo{
  width:20%;
  max-width: 100px;
}


.copyright{
  margin-top:40px;
  line-height: 1em;

}


.copyright .col-md-7{
  text-align: left;
}




.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {

    padding-right: 10px;
    padding-left: 10px;
}


.side-padding{
  padding:40px;
}



.align-center{
  text-align: center;
}




.red-arrow-btn {
  font-weight: 500;
  margin-top:20px;
  display: block;
}

.red-arrow-btn:hover {
  color:unset;
  cursor: pointer;
}

.red-arrow-btn span {
    padding: 9px 16px;
    background: #C11F4D;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-family: helvetica;
    font-size: 12px;
    letter-spacing: 3px;
    position: relative;
    transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    cursor: pointer;
    margin-left:10px;
   
}

.red-arrow-btn span::after {
    content: '';
    border-width: 0.3vmin 0.3vmin 0 0;
    border-style: solid;
    border-color: #FFF;
    transform-origin: 100% 0;
    width: 1.2vmin;
    height: 1.2vmin;
    transform: rotate(45deg);
    box-sizing: border-box;
    top: 16px;
    right: 12px;
    position: absolute;
}

.red-arrow-btn-small {
  display: flex;
  margin-bottom: 15px;
  font-weight: 500;
  font-family: 'Outfit', sans-serif;
}


.red-arrow-btn-small span {
   padding: 3px 8px;
    background: #C11F4D;
    border: 0;
    min-width: 26px;
    height: 30px;
    color: #fff;
    text-transform: uppercase;
    font-family: helvetica;
    position: relative;
    transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    cursor: pointer;
    margin-right: 10px;
   
}


.red-arrow-btn-small:hover > span {
    background: grey;
  
   
}

.red-arrow-btn-small span::after {
    content: '';
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #FFF;
    transform-origin: 100% 0;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    box-sizing: border-box;
    top: 15px;
    right: 9px;
    position: absolute;
}


.white-arrow-btn-small {
  display: flex;
  margin-bottom: 15px;
  font-weight: 500;
  font-family: 'Outfit', sans-serif;
  color:#FFF;
}


.white-arrow-btn-small span {
   padding: 3px 8px;
    background: #FFF;
    border: 0;
    min-width: 26px;
    height: 30px;
    color: #C11F4D;
    text-transform: uppercase;
    font-family: helvetica;
    position: relative;
    transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    cursor: pointer;
    margin-left: 10px;
   
}


.white-arrow-btn-small:hover > span {
    background: #C11F4D;
  
   
}

.white-arrow-btn-small:hover > span::after  {
    border-color: #FFF;
  
   
}

.white-arrow-btn-small span::after {
    content: '';
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #C11F4D;
    transform-origin: 100% 0;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    box-sizing: border-box;
    top: 15px;
    right: 9px;
    position: absolute;
}




.red-arrow-btn-large {
  font-weight: 500;
  margin-top:20px;
  display: block;
}

.red-arrow-btn-large:hover {
  color:unset;
  cursor: pointer;
}

.red-arrow-btn-large span {
       padding: 16px 16px;
    background: #C11F4D;
    border: 0;
    display: block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
    transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    cursor: pointer;
   
}

.red-arrow-btn-large span::after {
        content: '';
    border-width: 0.3vmin 0.3vmin 0 0;
    border-style: solid;
    border-color: #FFF;
    transform-origin: 100% 0;
    width: 11px;
    height: 11px;
    transform: rotate(45deg);
    box-sizing: border-box;
    top: 17px;
    right: 12px;
    position: absolute;
}


.page-col-container:hover > .red-arrow-container  .red-arrow-btn-large span {
 
    background: #bfbebe;
  
   
}



.top-bar{
    display: block;
    width: 100%;
    background: #FFF;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 40px;
    z-index: 999;
    transition: 0.4s top cubic-bezier(.3, .73, .3, .74);
}

.top-bar a:hover{
    color:#C11F4D;

}


.top-bar-left{
  width:25%;
}


.top-bar-right{
  width:auto;
  display: flex;
  align-items: center;
  justify-content: end;
}

.top-social{
  padding:0 15px;
}

.top-social a{
  color:rgba(67,67,67,1);
  font-size: 20px;
  margin: 0 10px;
}

.top-social a:hover{
  color:#C11F4D;
 
}

.top-link{
  border-left:solid 1px #333;
  padding:0 15px;
  font-size: 15px;
  color: #C11F4D;
}

.top-search{
  background-color:#FFF;
  padding: 4px 4px;
}


#mobile-menu{
  display: none;
}

.search-box {
 
  background: #FFF;
  height: 35px;
  padding: 8px 10px 0 10px;
}

/* input */
.search-input {
  outline: none;
  border: none;
  background: none;
  width: 0;
  padding: 0;
  color: #000;
  float: left;
  font-size: 16px;
  transition: .3s;
  line-height: 40px;
  margin:0;
}

.search-input::placeholder {
  color: #dbc5b0;
}

.search-btn {
    float: right;
    width: 21px;
    border-radius: 50px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: .3s;
    border: 0;
    font-size: 21px;
    position: relative;
        margin-top: -2px;
}

#search-btn {

    z-index: -1;
        display: none;
}


.search-input.selected{
  width: 500px;
  padding: 0 6px;
  margin-top: -3px;
}

#search-btn.selected {
    z-index: 99;
    display: flex;
}

.search-box:hover > .search-btn,
.search-input:focus + .search-btn,
.search-input:not(:placeholder-shown) + .search-btn {
  background: #fff;
  color: #cd595a;
}


.logo{
    min-width: 97px;
    max-width: 100px;

}

.amro-title{
    font-family: 'Outfit', sans-serif;
    color: #333;
    width: 75%;
    padding: 1rem 1rem 0.5em 0.5em;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
        margin-bottom: 0;
        letter-spacing: revert;
}


.logo img{
  width:100%;
}




.header-left{
  width:36%;
  display: flex;
  align-items: center;
  justify-content: left;
}


.header-right{
  width:auto;

}


.menu-items{
  display: flex;
  align-items: center;
  justify-content: end;

}
.menu-items li{
  padding: 0.8em .2em;
  margin: 0em;
  cursor: pointer;
}
.menu-items::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: var(--decoration-left);
  width: var(--decoration-width);
  height: 5px;
  background: #D1224A;
  transition: 500ms;
}



    .slider {
        width: 100%;
        margin:0 auto;

        
    }


     .home .slider {
        width: 100%;
        margin:0 auto;
        height:75vh;
    }

    .home .slider .img-wrap {
        display: block;
        position: relative;
        height: 72vh;
    }


    .vlt-header{
        height:75px;
    }


    header {
        
      
        z-index: 999;
        width: 100%;
        
    }



    .slick-slide {
    margin: 0px 0px;
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center; 
    }

    .slick-slide img {
          width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }






.main-slider-desc{

        font-family: 'Outfit', sans-serif;
    margin: 0 auto;
    color: #FFF;
    padding: 9% 60px 10% 150px;
    height: 70vh;
    position: absolute;
    top: 0;

  
}





.main-slider-desc h1{

     font-size: 43px;
    line-height: 56px;
  
}

.main-slider-desc-title{

     font-size: 43px;
    line-height: 56px;
    font-family: 'Outfit', sans-serif;
    font-weight: 500;

}


.main-slider-desc span{

    font-size:14px;
    font-weight: lighter;
}

.main-slider-desc p{

  margin: 0 0 10px;
  font-weight: 400;
  
}


.slider .img-wrap {
  display: block;
  position: relative;
  height: 70vh;
}

.slider .img-wrap:before {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100vh;
}

.slider img {
  display: block;
  width: 100%;
  height: auto;
}




#highlights  .slick-slide {
    margin: 0px 20px 0 0;
   
}


.arrow-layer{
  padding:0 40px;
  margin-top: -15px;
  background: #F8F8F8!important;
}


.arrow-container img{
  width:45px;
}

#topics .arrow-container{
      margin-left: -40px;
}




.copyright .col-md-7{
  text-align: right;
}



.margin-overlap{
  margin-top:-11%;
}

.bg-parallax {
  background-attachment: fixed;
}


/* Regional Knowledge Hub */


#regional-knowledge-hub ul {
    list-style: none;
    margin-left: 0;
}

#regional-knowledge-hub ul li {

    padding: 15px 15px;
    border-bottom: solid 1px #FFF;
    color:#FFF;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: all;
    transition-property: all;
    cursor: pointer;
}

#regional-knowledge-hub ul li::after {
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #FFF;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    box-sizing: border-box;
    float: right;
    margin-top: -12px;
}


#nav-regional-hub li a{
  display: block;
}

#nav-regional-hub li a:hover{
  color:#FFF;
}

.rkh-header h2{
  font-size: 39px;
    line-height: 49px;
}


#regional-knowledge-hub ul li:hover{
  background-color: #C11F4D;
}


#areo-updates .row{

  padding: 0 20px 0 10px;
}

#areo-updates .col-md-6{
    min-height:450px;
}

.full-width-container{
  position: relative;
  width: 100%;
  padding:0 40px;
}



.full-width-container-left,
.full-width-container-right {
  width: 50%;
  float: left;
}

.full-width-container-left{
  padding: 0px 10% 100px 50px;
  color: #fff;
  margin-top: -10px;
}

.full-width-container-right {
  position: absolute;
  right: 0px;
  width: 50%;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
}

.full-width-container-right img {

    width:100%;
    height: 100%;
    object-fit: cover;
}

.full-width-container ul {

    list-style: none;
    margin-left: 0;

}


.full-width-container ul li {

    padding: 15px 0;
    border-bottom: solid 1px #FFF;
}

.full-width-container ul  li::after{
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #FFF;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    box-sizing: border-box;
    float: right;
    margin-top: 13px;
}


.full-width-container .container{
      display: table;
    margin: 0 auto;
}

.container-60{
  width:70%;
}




#nav-featured  > li.selected {
    font-weight: 500;

}

#nav-featured  > li:hover {
    cursor: pointer;
     font-weight: 500;
}



.search-submit{
     padding: 24px 24px;
    background: #C11F4D;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-family: helvetica;
    font-size: 12px;
    letter-spacing: 3px;
    position: relative;
    transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    cursor: pointer;
    display: block;
  
}


.search-submit::after{
    content: '';
    border-width: 0.3vmin 0.3vmin 0 0;
    border-style: solid;
    border-color: #FFF;
    transform-origin: 100% 0;
    width: 1.5vmin;
    height: 1.5vmin;
    transform: rotate(45deg);
    box-sizing: border-box;
    top: 24px;
    right: 18px;
    position: absolute;

  
}


.section-arrow{
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 40%;
    width: 0;
    height: 0;
    border-color: #E5E5E5 transparent transparent transparent;
    border-style: dashed;
    border-width: 19px;
    float: right;
}


/* Homepage */

.hightlights-container{
  width: 100%;
  margin-bottom: 20px;
  position: relative;

}

.hightlights-container:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}


.highlights-layer{
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0px;
    overflow: hidden;
    transition: height 0.5s ease-out;
}


.article-info{
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 40px 30px;
    color: #FFF;
    width: 100%;
    font-weight: 600;
    display: block;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
}

.article-info.top{
	bottom: unset;
	top:0px;
}

.article-desc {
        max-height: 0;
    display: block;
    transition: max-height, 0.5s ease-in-out;
    overflow: hidden;
    font-size: 16px;
    line-height: 23px;
    font-weight: 300;
    margin-top: 5px;
   
}

.hightlights-container:hover > .highlights-layer > .article-info > .article-desc {
    max-height:150px;
 
}




.article-categories-tag{
    font-size: 10px;
    font-weight: 400;
    font-family: 'Outfit', sans-serif;
    line-height: 1em;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: inline-block;
    padding: 8px 8px;

}

.article-title{
    color: #FFF;
 
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    font-size: 23px;
    letter-spacing: 0.5px;
    line-height: 1.3em;
}


.publication-search{
  display:flex;
  margin-top:30px;
}

.publication-search input[type='search']{
  margin:0;
  padding: 9px 30px;
  background-color: #EEE;
}


#highlights .btn{
    float:right;
}

#publications-documents {

      padding: 80px 40px 150px; 
}

#topics #nav-featured a:hover{
  color:#FFF;
  font-weight: 600;
}




#home-section-2{
      background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
}



#rkh-aftn-row{
    padding:0 35px;
}


#regional-knowledge-hub{

    border-right:solid 10px #FFF;

}

#aftn{

   
    border-left:solid 10px #FFF;

}



.rkh-aftn-header{
    height: 79px;
    display: block;

}

.rkh-aftn-sub-header{
    height: 100px;
    
}





/*Others*/

#page-header .col-md-12 { padding:0 }

#page-header p{ margin-bottom:10px;}

.col-left-padding { padding-left:40px; }

.col-vertical-center-padding { 
    padding: 40px 40px;
    display: flex;
    align-items: center;
    justify-content: left;
}

.col-padding { 
    padding: 0px 40px;
 
}

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

.col-img{
    height:450px;
}


.counter {
  animation-duration: 0.1s;
  font-size: 50px;
  font-weight: 600;
}

.counter-symbol {
  font-size: 50px;
  font-weight: 600;
}



/* navbar */

.navbar {
  background: #ffffff;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
    padding: 0px 40px 0px;
  -webkit-box-shadow: 0 15px 8px 0 rgb(0 0 0 / 15%);
  box-shadow: 0 15px 8px 0 rgb(0 0 0 / 15%);
}

.navbar .logo {
  text-decoration: none;
  color: #122f48;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 20px;
  padding-bottom: 7px;
  padding-top: 7px;
}

/* nav menu button */

.menu-btn {
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}

.navbar .menu-btn__lines::before,
.navbar .menu-btn__lines::after {
  content: "";
  position: absolute;
}

.navbar .menu-btn__lines,
.navbar .menu-btn__lines::before,
.navbar .menu-btn__lines::after {
  width: 1.5rem;
  height: 0.1rem;
  background: #132f48;
  transition: all 0.4s ease-in-out;
}

.navbar .menu-btn__lines::before {
  transform: translateY(-0.5rem);
}

.navbar .menu-btn__lines::after {
  transform: translateY(0.5rem);
}

.navbar .menu-items {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.navbar ul li {
  list-style: none;
}

.navbar ul li .arrow {
  transition: all 0.3s ease-out;
}

.navbar ul li a {
  text-decoration: none;
  color: #333;
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
}
}

/* dropdown menu */

.navbar .dropdown {
  position: relative;
}



.navbar .dropdown-menu,
.menu-right {
  position: absolute;
  background: #e9ecef;
  width: 190px;
  line-height: 30px;
  border-radius: 0 0 5px 5px;
  top: 65px;
  border-top: 1px solid white;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  -webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
  box-shadow: 0 20px 50px 0 rgb(0 0 0 / 5%);
}

.navbar .menu-right {
  top: 0;
  left: 100%;
}
.navbar .dropdown-menu,
.menu-left {
  left: unset;
  right: 0;
}
.navbar .menu-left {
  left: -100%;
}


.navbar .menu-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0.1rem;
  font-size: 14px;
  text-transform: uppercase;
}

.mega-menu .menu-item{
    text-transform: initial;
}

.navbar .menu-item:hover {
  color: #C11F4D;
}

.menu-item.first-item {
  padding: 1rem 0.6rem 0.8em;
}

.navbar .dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.navbar .dropdown-right:hover .menu-right {
  left: 100%;
  opacity: 1;
  visibility: visible;
}

.navbar .dropdown-right:hover .menu-left {
  left: -100%;
}

/* mega menu  */

.navbar .mega-menu {
  position: absolute;
  left: 0;
  width: 100%;
  border-top: 1px solid #ffffff;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
}

.mega-menu .content {
  background: #FFF;
  padding: 50px 50px 30px;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  width: 100%;
  justify-content: space-between;

}

.mega-menu .widget-title{
  font-size: initial;
  font-weight: 500;
}


.mega-menu .widget-title a{
  font-size: initial;
  font-weight: 500;
}


.mega-menu .widget-title a:hover{
  color:#C11F4D;
}

.mega-menu ul{
  margin-left:0;
}

.mega-menu ul li{
  padding: 0.3em 0;
}

.mega-menu ul li a{
  font-weight: 400;
  font-size: 16px;
}

.mega-menu ul li a:hover{
  color: #C11F4D;
}

.mega-menu .menu-title{
  font-weight: 500;
}

.mega-menu-desc{
      border-right: solid 1px #CCC;
          padding-top: 20px;
          padding-right:40px;
              color: #000;
}

.mega-menu .widget_nav_menu .menu-item {
    padding: 7px 0.1rem;
}

.span-btn{
  display: none;
}

.blog .content {
  grid-template-columns: repeat(4, 1fr);
}

.content .col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 3rem;
}

.content .col .img-wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: 20vw;
  overflow: hidden;
}

.content .col .img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.content .col img {
  width: 100%;
  transition: transform 0.3s ease-in-out;
}

.content .col .img-wrapper:hover img {
  transform: scale(1.1);
}

.content .col .menu-title {
  color: #ff5722;
  font-size: 1.2rem;
  line-height: 3rem;
  font-weight: bold;
}

.content .col p {
  line-height: 1.2rem;
  margin-top: 5px;
  color: #112f48;
}

.content .col .mega-links {
  border-left: 1px solid #3c3c3c;
}

.content .col .read-more {
  font-size: 16px;
  display: flex;
  padding-top: 1rem;
  color: #03a9f4;
  transition: color 0.3s ease;
  justify-content: flex-end;
  padding-right: 10px;
}

.col .mega-links li,
.col .mega-links li a {
  padding: 0 1rem;
}

.menu-items li:hover .mega-menu {
  opacity: 1;
  visibility: visible;
}

.mega-menu .red-arrow-btn{ padding:0 }

.content .col .read-more:hover {
  color: #ff5722;
}



/* animation menu hamburger */
.menu-btn.open .menu-btn__lines {
  transform: translateX(1rem);
  background: transparent;
}

.menu-btn.open .menu-btn__lines::before {
  transform: rotate(45deg) translate(-0.5rem, 0.5rem);
  background: #132f48;
}

.menu-btn.open .menu-btn__lines::after {
  transform: rotate(-45deg) translate(-0.5rem, -0.5rem);
  background: #132f48;
}


/* Sticky Menu */

.nav-sticky{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: transform 0.4s;
  z-index: 999;

}

.scroll-down .nav-sticky {
  transform: translate3d(0, -100%, 0);
}



/* About Us*/
section#page-header{
  padding: 200px 50px 50px;
  height:450px;
  display: flex;
  align-items: end;
}

.overlap-images{
    max-height: 400px;
    max-width: 400px;
    margin:0 auto;
}


.overlap-images img{
    height: 350px;
    width: 350px;
}

.image-container{
  margin-bottom:20px;
  text-align: center;
}


.about-us-img-1{
    margin-top: -3%;

}


.about-us-img-2{
    margin-top: -25%;
    margin-left: 0%;
}


.about-us-img-3{
    margin-top: -40%;
    margin-right: 0%;
}


#about-us-section-1-links {
 
    padding:0;
}

#about-us-section-2 p{
  color: #333;
}


#about-us-section-2 a{
  color: #333;
}

#about-us-section-2 a:hover{
      color: #C11F4D;
}



/* Topics*/

.red-arrow-container {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
}

#topics .red-arrow-btn-large span {
  margin-right:0;
}

.page-col-container{
  width: 100%;
}


#topics .page-col-container{
  width: 100%;
  position: relative;
  overflow: hidden;
  background-size: 100%;
  transition: all 0.4s ease-in-out;
  height:40vh;

}



#topics .page-col-container:hover{
    background-size: 110%;

}

.page-col-container:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}


.page-col-layer{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    transition: height 0.5s ease-out;
    display: table;
}


.page-col-info{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: initial;
}


.page-col-title{
    color: #FFF;
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    font-size: 28px;
    letter-spacing: 0.5px;
    line-height: 1.3em;
    padding: 0 10px;
    margin-bottom: 0;
}


.page-col-desc {
    max-height:0;
    display: block;
    transition: max-height, 0.5s ease-in-out;
    overflow: hidden;
    font-size: 13px;
    font-weight: 300;
    margin-top:5px;
   
}


 #topics-container .col-md-4 {
    display:none;
    margin-bottom: 20px;
    overflow: hidden;
   
}





/* Post*/


.post-content a{
    color:#004c97;
}

.post-content span {
    font-size: 14px;
    margin-top: 18px;
    display: block;
    font-style: italic;
}


#post-section .col-md-8 {
   padding-right:30px;
   
}

#post-section .publications-reports-header {
   font-weight: 600;
   
   
}

#post-section .publications-reports-container {
   padding:20px;
   
}

#post-section .post-social-share{
    margin-bottom: 20px;
}


#post-section .post-date{
    margin-bottom: 10px;
    color: #666;
}

#post-section .post-content{
    margin-bottom: 10px;
    margin-top:30px;
}

#post-section .post-authors{
    margin-bottom: 15px;
}

#post-section .post-authors a , #post-section .post-topics a{
   color:#004c97 ;
}


#post-section .post-topics{
    margin-bottom: 15px;
}


.posts .section-header {
    font-family: 'Outfit', sans-serif;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 30px;
}


.posts .section-header-small{
    font-family: 'Outfit', sans-serif;
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 20px;
}

#pdf-downloads-list {
    list-style: none;
    margin-left: 0;
    line-height: 1.2em;
}

#pdf-downloads-list li{
    padding: 5px 0px;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: all;
    transition-property: all;
    cursor: pointer;
}

#pdf-downloads-list li .col-md-2 span::after {
    content: "";
    display: inline-block;
    background-image:url('../img/amro_download_icon.svg');;
    font-size: 20px;
    text-rendering: auto;
    transform-origin: 100% 0;
    float: right;
    width: 20px;
    height: 20px;

}

.post h2{
    font-weight: 600;

}

.post-category{
    display: inline-block;
    padding: 5px 20px;
    background-color: #C11F4D;
    margin-bottom: 10px;
    font-weight: 500 !important;
    font-size: 13px;
    color: #FFF;
    text-transform: uppercase;
    line-height: 1.6;
    letter-spacing: initial;
    font-family: 'Roboto', sans-serif;
}


.category-asean3-regional-economic-outlook-areo .post-category{
  
    background-color: #DC6F27;

}


.post-header-img {
    padding: 150px 20px 150px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height:400px;
}


.post-header {
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height:400px;
    position: relative;
    width: 100%;
    display: block;
}

.post-header .container {
    
        position: absolute;
    bottom: 0px;
    padding: 40px 30px;
    color: #FFF;
    width: 90%;
    font-weight: 600;
    display: block;
}


.post-header-no-padding {
    padding: 0px 10px 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}


.post p {
    margin: 0px 0 20px;
}

.post .accordion p {
    margin: 30px 0 30px;
}

.post .accordion .row {
    padding: 0 10px 30px;
}

.post-disclaimer { 
    
    font-size:12px; 

}

.post-header-date {
    font-size: 25px;
    line-height: 1.3 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    padding: 0;
    letter-spacing: 0.5px;
    text-transform: none;
    margin-bottom: 1rem;
    margin-top: 0;
}


.post-header-container .button-container {

    text-align: right;
}

.button-container{
    text-align:right;
}



/*AREO Posts */


.areo-posts  .slick-prev:before, .areo-posts  .slick-next:before {
 
    filter: drop-shadow(0.12rem 0.1rem 0.5rem rgba(0, 0, 0, 1));
}

.areo-posts .slider{
    width: 80%;
}

.areo-posts .slider .img-wrap {
    
    height: 100%;
}

.areo-posts .slick-slide img {
   
    height:auto;
}

#post-background-video .col-md-4 {

    margin-bottom: 20px;
    padding: 0 20px;

}

#post-background-video .col-md-4 iframe{

    height: 40vh;
    background-color: #000;

}

.areo-posts #post-section .col-md-7 {
    padding-right: 5%;
}


.areo-posts #post-section .post-content {
    margin-bottom: 10px;
    margin-top: 0px;
}

.areo-posts h5 {
    font-weight: 300;
}



.areo-posts #post-section .col-md-7 {
    margin-bottom: 40px;
}


#areo-post-section-3 .col-md-6{
    margin-bottom: 40px;
}

#areo-post-section-3 p{
        margin: 0px;
}


#areo-post-section-5 .report-chapter-container{
     padding: 15px 15px;
    border-bottom: solid 0.5px #333;
    color: #333;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: all;
    transition-property: all;
    cursor: pointer;

}


#areo-post-section-5 .report-chapter-container::after{
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #333;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    box-sizing: border-box;
    float: right;
    margin-top: -16px;

}




#areo-post-section-5 .report-chapter-container:hover {
    background-color: #C11F4D;
    color:#FFF;
}



#areo-post-section-5 .report-chapter-container:hover::after{
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #FFF;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    box-sizing: border-box;
    float: right;
    margin-top: -16px;
}


#areo-post-section-5 .report-chapter-container .report-chapter-name {
    padding-right:40px;
}

#areo-post-section-5 .report-multilanguage-container{
     padding: 15px 15px;

}


#areo-post-section-6 .section-header-small{
    font-family: 'Outfit', sans-serif;
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 20px;
}


/*Event Post*/

.event-post #post-section .post-date{
    margin-bottom: 10px;
    color: #333;
}

.event-post #post-section{
    padding-bottom: 60px;
}


#event-post-section-2, #event-post-section-3 {
    padding: 50px 30px;
}

#event-post-section-2 p {
    margin: 0px 0 20px;
}

.event-post #event-post-section-2 .inner {
  display: none;
  padding-left: 10px;
}



.event-post  #event-post-section-2 .timetable-toggle {
  width: 100%;
  display: block;
  color: #333;
  padding-left: 10px;
  transition: background 0.3s ease;
}

.event-post #event-post-section-2 .timetable-toggle::after {
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #333;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    box-sizing: border-box;
    float: right;
    margin-top: 20px;
    top: 0;
    right: 20px;
    position: absolute;
     transition: all .35s;
}

.event-post #event-post-section-2 .timetable-toggle.show::after {
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #333;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    box-sizing: border-box;
    float: right;
    margin-top: 10px;
    top: 0;
    right: 20px;
    position: absolute;
     transition: all .35s;
}





.event-post .speaker-container{
    text-align: center;
        margin-bottom: 40px;
            align-items: baseline;

}

.event-post .speaker-image{

    width: 15vw;
    height: 15vw;
    min-width: 200px;
    min-height: 200px;
    background-color: #EEE;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}


.event-post .speaker-container h5{
    font-size: 19px;
        margin-bottom: 10px;

}

.event-post .speaker-container p {
    margin: 5px 0 5px;
}

.event-video-container iframe{
    height:600px;
}

.event-video-img{
    width:100% !important;
}

.slider-nav-thumbnails .slick-prev, .slider-nav-thumbnails  .slick-next {
    top:40%;

}


#event-post-section-4 .col-md-3{
    margin-bottom: 20px;
        height: 40vh;
    overflow: hidden;
}

#event-post-section-4 .col-md-3 img {
    max-width: 100%;
    height: auto;
    width: 100%;
}


.frame-width-height {
    width:100%;
    height:1800px;
}


.popup-wrapper .box__title{
    margin: 0px 0px 5px 0px !important;
}

.popup-wrapper .box__description p{
    font-family: "Montserrat", Sans-serif !important;
    line-height: normal;
}

body .popup-wrapper{
  position:fixed;
  z-index:99999;
  transition: all .7s cubic-bezier(.14,.06,.41,1.39);
  opacity:0;
  visibility:hidden;
  background-color: rgba(0, 0, 0, .8);
  height:100%;
   width:100%;
    top:0;
  left: 0;
}

body .popup-wrapper.popup-is-visible {
  opacity:1;
  visibility:visible;
}

/* Prevent Body from Scrolling when Popup is visible */
body.wpp-noscroll {
  overflow: hidden;
}

/* Center Align Popup Content inside the Section */

.wpp-popup-inside{
    display: flex;
    flex-direction: column !important;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.wpp-popup-content{
    background-color: #FFF;
    width: 70vw;
}

.popup-container{
    padding:50px;
    text-align: left;
}


.wpp-popup-close {
  cursor:pointer;
}

.elementor-image-box-img{
    overflow:hidden;
}

.speaker-popup-container{
    padding-right:30px;
}

.speaker-name {
    margin-bottom: 15px;
    display: block;
}

.speaker-name h4{
    margin-bottom:5px;
}

.speaker-desc{
    font-size: 16px;
}

.ee-components-view {
  
    max-width: initial !important;
}

/* Blogs Posts */

.blogs-posts .hightlights-container {
   
    height: 30vh;
}


 .blogs-posts  .article-info {
      padding: 25px 30px;
}

.news-media-posts .hightlights-container {
   
    height: 30vh;
}


 .news-media-posts  .article-info {
      padding: 25px 30px;
}

.areo-posts .hightlights-container {
   
    height: 30vh;
}

 .areo-posts  .article-info {
      padding: 25px 30px;
}


.publications-posts .hightlights-container {
   
    height: 30vh;
}


 .publications-posts  .article-info {
      padding: 25px 30px;
}


.blogs-posts  .hightlights-container .article-title, .news-media-posts  .hightlights-container .article-title , .areo-posts  .hightlights-container .article-title, .publications-posts .hightlights-container .article-title
 {
  
    font-size: 21px;
  
}


    .event-post #event-post-section-4 .hightlights-container {
       
        height: 35vh;
    }

    .event-post #event-post-section-4  .article-info {
      padding: 25px 30px;
    }


    .event-post #event-post-section-5 .hightlights-container {
       
        height: 35vh;
    }

    .event-post #event-post-section-5  .article-info {
      padding: 25px 30px;
    }


/* Blank Post */

.blank-posts .hightlights-container {
   
    height: 30vh;
}

.blank-posts .aed-table td{
    border: none;
    display: table-cell;
    width: 10px;
}




/* Search Result */


.search-entry-readmore a{
        text-decoration: underline;
}

.search-results .col-md-12{
    padding: 0;
}

.search-results input[type='search'] {
    width: 100%;
    margin: 0;
    padding: 9px 30px;
    background-color: #FFF;
    border: solid 0.5px #333;
}

.search-form-container {
    display: flex;
    margin-top: 30px;
}

.search-result-count-sort{
    padding:20px 0px;
}


.search-result-count-sort select {
    background-image: url(../img/arrow-down-solid.svg);
    background-repeat: no-repeat;
    background-position: right 7px bottom 50%;
    background-size: 13px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: solid 0.5px #333;
    padding: 6px 25px 6px 10px;
    margin-top: -5px;
    color: #333;
}



.search-result-count-sort .facetwp-facet {
        margin-bottom: 0px;
}

.search-result-selections {
    padding: 0 0 30px;
}

.facetwp-selections ul{
    margin:0;
}

.search-results-sidebar {
    padding-right: 10px;
    font-size: 15px;
}

.search-results-sidebar hr{
   margin: 20px 0;
    width: 20%;
    border-bottom: solid 0.5px #333;
}



.search-results-sidebar .filter-header{

    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
}

.facetwp-facet-reset {
    margin-bottom: 20px !important;
}

.facetwp-selections {
    margin-bottom: 20px;
}

.filter-date {
    display: flex;
}

.filter-date span{
    margin-right: 10px;
}

.filter-date .filter-header{ display:none; }

.facetwp-type-date_range{
    margin-bottom: 20px !important;
}


.fdate-alt-input{
    background-image: url(../img/arrow-down-solid.svg);
    background-repeat: no-repeat;
    background-position: right 7px bottom 50%;
    background-size: 13px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: solid 0.5px #333 !important;
    padding: 6px 10px 6px 10px;
    margin-top: -5px;
    color: #333 !important;
    width: 80%;
}

.filter-date-label{
    font-weight: 600;
    display: block;
    width: 42px;
}

.facetwp-selection-label{
    display:none;
}

.facetwp-checkbox, .facetwp-radio {
    
    margin-bottom: 7px !important;
    
}

.facetwp-toggle{
    text-decoration: underline !important;
}

.facetwp-link {
    margin-bottom: 7px !important;
}

.facetwp-facet-pager_numbers{
    text-align: center;
}

.facetwp-page.prev, .facetwp-page.next{
    background-color:#bfbebe;
    padding:5px 15px;
}

.facetwp-facet-date .facetwp-counter{
    display: none;
}

.facetwp-checkbox .facetwp-counter{
    display: none;
}


.search-results-content {
    padding:5px;
}

.search-results-content .row{
    padding:0;
}



.search-results-content p {
    margin: 0px 0 5px;
}

.search-results-content article{
        margin-bottom: 40px;
    border-bottom: solid 0.5px #333;
    padding-bottom: 40px;
}

.search-results-content .post-category {
    display: inline-block;
    padding: 5px 20px;
    background-color: #C11F4D;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 12px;
    color: #FFF;
    text-transform: uppercase;
}


.search-results-content .post-image {
/*      height: 45vh; */
    overflow: hidden;
    text-align: center;
    padding-left: 5%;
    padding-right: 0;
}

.search-results-content .post-image img {
     height: auto;
    width: 100%;
}

.search-results-content .col-md-7{
    padding-left:0;
        padding-right: 30px;
}

.facetwp-selections li {
  
    padding: 10px 15px;
    background-color: #EEE;
    margin-right: 5px;
    margin-bottom: 5px;
}

.search-post-author, .search-post-date {
    color:#777;
}

.search-results-content .search-post-author{
    margin: 0px 0 15px;
}

.search-post-content{
     margin: 10px 0 0px;
}



/* Publications */



#publications-search{
    padding: 50px 20px;
}

.publications .main-slider-desc {
     font-family: 'Outfit', sans-serif;
    margin: 0 auto;
    color: #FFF;
    padding: 0px 60px 0px 150px;
    position: absolute;
    height: 450px;
    display: flex !important;
    align-items: center;
    justify-content: left;
}


.publications  .slider-line {
    width: 30px;
    margin: 40px 0 10px;
    border: solid 2px;
}

.publications .slider .img-wrap {
    
    height: 450px;
}



.page-search-container{
    display: flex;
   
}

.page-search-container input[type='search'] {
    margin: 0;
    padding: 9px 30px;
    background-color: #FFF;
}


.page-search-container input[type='search'] {
    width: 100%;
}

#publications-search .btn {
    margin-top: 0px;
    width: 100%;   
    text-align: left;
    padding-left: 10px;
    font-size: 16px;

}

#publications-landing-section-3 {
    padding: 0px 0px;

}

#publications-landing-section-3  .col-md-3 {
    padding: 0;
}

#publications-landing-section-3 .hightlights-container{
    margin-bottom: 0px;
}


#publications-landing-section-3 .article-title {
    font-size:28px;
}

#publications-landing-section-3  .article-desc {

    font-size: 16px;

}


#publications-research .research-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.research-container{
    text-align: center;
}


.research-item {
    background-color: #FFF;
    padding: 20px 15px;
    width: 100%;
    height: 100%;
    max-width: 180px;
    max-height: 180px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 5px 8px 0 rgb(0 0 0 / 15%);
}

.research-icon{
    max-width: 60%;
}

.research-item h5{
    font-size: 18px;
    line-height: 20px;
}

.research-description {
    margin-bottom: 10px !important;
}



/* Blogs */


#blogs-search{
    padding: 50px 20px;
}

.blogs .main-slider-desc {
     font-family: 'Outfit', sans-serif;
    margin: 0 auto;
    color: #FFF;
    padding: 0px 60px 0px 150px;
    position: absolute;
    height: 450px;
    display: flex !important;
    align-items: center;
    justify-content: left;
}


.blogs.slider-line {
    width: 30px;
    margin: 40px 0 10px;
    border: solid 2px;
}

.blogs .slider .img-wrap {
    
    height: 450px;
}


.blogs  .slider-line {
    width: 30px;
    margin: 40px 0 10px;
    border: solid 2px;
}



#blogs-search .btn {
       margin-top: 0px;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    font-size: 16px;

}




#blogs-topics .blogs-topics-link {
    padding: 15px 15px;
    border-bottom: solid 0.5px #333;
    color: #333;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: all;
    transition-property: all;
    cursor: pointer;
}


#blogs-topics .blogs-topics-link:hover {
    background-color: #C11F4D;
    color:#FFF;
}

#blogs-topics .blogs-topics-link::after {
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #333;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    box-sizing: border-box;
    float: right;
    margin-top: 13px;
}

#blogs-topics .blogs-topics-link:hover::after{
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #FFF;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    box-sizing: border-box;
    float: right;
    margin-top: 13px;
}

#blogs-featured-authors .author-container{
    text-align: center;
}

#blogs-featured-authors .author-name{
   font-weight: 500;
}

#blogs-featured-authors .author-desc{
      font-size: 15px;
    line-height: 23px;
}



#areo-post-section-2 .slider .img-wrap:before {
 
     background: none;
}



/*ACR */

#acr-section-4 .view-all-button {
    text-align: right;
}

#acr-section-4 .section-header{
    margin-top: 15px;
}

#acr-section-4 .post-image {
        height: 45vh;
    overflow: hidden;
    text-align: center;
}

#acr-section-4 .post-image img {
     max-width: 100%;
    height: auto;
    width: 100%;
}


#acr-section-4 article {
    padding:30px 0px;
    border-bottom: solid 0.5px #333;
}

#acr-section-3 .acr-economy-link {
    padding: 15px 15px;
    border-bottom: solid 0.5px #333;
    color: #333;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: all;
    transition-property: all;
    cursor: pointer;
}


#acr-section-3 .acr-economy-link:hover {
    background-color: #C11F4D;
    color:#FFF;
}

#acr-section-3 .acr-economy-link::after {
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #333;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    box-sizing: border-box;
    float: right;
    margin-top: 13px;
}

#acr-section-3 .acr-economy-link:hover::after{
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #FFF;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    box-sizing: border-box;
    float: right;
    margin-top: 13px;
}




/*AREO*/

#areo-section-4 .view-all-button {
    text-align: right;
}

#areo-section-4 .section-header {
    margin-top:15px;
}

#areo-section-4 .post-image {
        height: 45vh;
    overflow: hidden;
    text-align: center;
}

#areo-section-4 .post-image img {
     max-width: 100%;
    height: auto;
    width: 100%;
}


#areo-section-4 article {
    padding:30px 0px;
    border-bottom: solid 0.5px #333;
}




/*News & Media */


#news-media-search{
    padding: 50px 20px;
}

.news-media .main-slider-desc {
    font-family: 'Outfit', sans-serif;
    margin: 0 auto;
    color: #FFF;
    padding: 0px 60px 0px 150px;
    position: absolute;
    height: 450px;
    display: flex !important;
    align-items: center;
    justify-content: left;
}


.news-media .slider-line {
    width: 30px;
    margin: 40px 0 10px;
    border: solid 2px;
}

.news-media .slider .img-wrap {
    
    height: 450px;
}


#news-media-categories {
    position: relative;
    width: 100%;
}

#news-media-categories .col-md-4 {
        padding: 0;
        margin:0;
}

#news-media-categories .row {
    display: flex;
    justify-content: center;
}

#news-media-categories .col-md-3{
    margin-bottom: 20px;
    overflow: hidden;
}

#news-media-categories .hightlights-container {
    
    width: 100%;
    position: relative;
    overflow: hidden;
    background-size: 150%;
    transition: all 0.4s ease-in-out;
    margin-bottom: 0px;
    height: 27vh;
}

#news-media-categories .hightlights-container:hover {
    
    
    background-size: 160%;
}



#news-media-categories .categories-info {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: initial;
}

.categories-info {
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 40px 30px;
    color: #FFF;
    width: 95%;
    font-weight: 600;
    display: block;
}


#news-media-categories .highlights-layer {
    overflow: hidden;
    transition: height 0.5s ease-out;
    display: table;
    
}


 .categories-title {
    font-family: 'Outfit', sans-serif;
    font-size: 28px;
        margin-bottom: 0;
    
}

.news-media .press-toolkit-link {
    padding: 15px 15px;
    border-bottom: solid 0.5px #333;
    color: #333;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: all;
    transition-property: all;
    cursor: pointer;
}


.news-media .press-toolkit-link:hover {
    background-color: #C11F4D;
    color:#FFF;
}

.news-media .press-toolkit-link::after {
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #333;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    box-sizing: border-box;
    float: right;
    margin-top: 13px;
}

.news-media .press-toolkit-link:hover::after{
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #FFF;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    box-sizing: border-box;
    float: right;
    margin-top: 13px;
}

.news-media #news-media-search .btn{
      margin-top: 0px;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
}


.accordion {
  width: 100%;
  margin: 0 auto;
}

.accordion-header {
 padding: 0.5em 0.5em;
  color: #000;
  cursor: pointer;
  font-size: 23px;
  transition: all .3s;
  border-bottom: 1px solid #000;
  font-weight: 500;
font-family: 'Outfit', sans-serif;
}



.accordion-header:hover {
  position: relative;
  z-index: 5;
}

.accordion-body {
  background: #FFF;
  color: #000;
  display: none;
}

.accordion-body__contents {
  padding: 1.5em 0.5em;
}

.accordion__item.active:last-child .accordion-header {
  border-radius: none;
}


.accordion__item > .accordion-header:after {
  content: "\f3d0";
  font-family: IonIcons;
  font-size: 1.6em;
  float: right;
  position: relative;
  top: -2px;
  transition: .3s all;
  transform: rotate(0deg);
}

.accordion__item.active > .accordion-header:after {
  transform: rotate(-180deg);
}


/* What We Do */

#what-we-do .hightlights-container {
    height:250px;
}

 #what-we-do-section-2 h4 {
    font-weight: 500;
}


 #what-we-do-section-3 h4 {
    font-weight: 500;
}


/* Organization */


#organization-section-1 .col-md-6{
    padding: 0 30px 20px 0;
}

#organization-section-2 .director-img{
    height: 50vh;
}


#organization-section-2 .director-name{
    margin-top:10px;
    font-weight: 500;
}

#organization-section-3 .col-md-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

#organization-section-3 .management-img{
    height: 33vh;
}


#organization-section-3 .management-name{
    margin-top:10px;
    font-weight: 500;
}

#organization-section-3  .management-designation {
    margin-bottom:20px;
}



#organization-section-4  .group-head-container{
    padding: 15px 10px;
}



#organization-section-4 .management-name{
    margin-top:10px;
    font-weight: 500;
}

/* Technical Assistance */

.ta-testimonials {
     width: 100%;
}

.ta-testimonials.row:nth-child(even) {
    direction:ltr
}
.ta-testimonials.row:nth-child(odd){
    direction: rtl;
}


.ta-testimonials h5{
    font-weight: 500;
    font-size: 26px;
    line-height: 35px;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 30px;
    direction: initial;
}

.ta-testimonials span {
    font-family: 'Outfit', sans-serif;
    font-size: 70px;
    line-height:73px;

}

#technical-assistance-section-1 .hightlights-container {
    height: 50vh;
    margin:0;
}

#technical-assistance-section-1 .highlights-layer {
    display: flex;
    align-items: center;
    justify-content: left;
}

#technical-assistance-section-1  .hightlights-container:after {
    padding-bottom: initial;
}

#technical-assistance-section-1 .hightlights-container:hover > .highlights-layer > .article-info > .article-desc {
    max-height: 300px;

}


#technical-assistance-section-1 .article-info{
    
    padding: 50px 55px;
    bottom: unset;
    top: unset;
    left: unset;
    font-weight: 400;
    background-image: none;
}

#technical-assistance-section-1 .article-title {
  
    margin-bottom: 10px;
}


#technical-assistance-section-1 {
    padding: 80px 30px 20px;
}


/*Work With Us*/

#current-opportunities .col-vertical-center-padding {

    align-items: initial;
    justify-content: left;
}


@media(min-width:1600px){
	#technical-assistance-section-1 .hightlights-container {
    	height: 250px;
	}

	#technical-assistance-section-1 .highlights-layer {
		height: 250px;
	}


}




/* CMIM */

#cmim-section-1 {
    padding-bottom:0;
}



.cmim-video {
    height: 70vh;
}

#cmim-section-2-1 {
    padding:0;
}



#cmim-section-2-1 .container{
    padding: 0px 55px;
}


#cmim-section-2-1 .col-md-4{
    padding: 50px 55px;
}


#cmim-section-3-1 {
    padding:0;
}

#cmim-section-3-1 .col-md-12 {
    padding-right:40px
}


#cmim-section-3-1 .container {
    padding: 0px 55px;
}

#cmim-section-3-1 .col-md-6{
    padding: 70px 55px;
}



.box-container {
    display: flex;
    align-items: center;
}


.max-width-container{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
}


.tab-toggle {
    list-style: none;
    margin: 0;
}

.tab-toggle a {
     color: #004c97;
}


.tab-toggle .tab-toggle-header::after {
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #333;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    box-sizing: border-box;
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    transition: all .35s;
    position: absolute;
    right: 0;
}


.tab-toggle .tab-toggle-header.show::after {
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #333;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    box-sizing: border-box;
    float: right;
    position: absolute;
    transition: all .35s;
        margin-top: 10px;
}

.tab-toggle li span {

    display: block;
    border-bottom: solid 0.5px #999;
    padding: 15px 0;
    font-weight: 500;

}

.tab-hidden{
	display: none;
}

.tab-hidden ul{
    list-style: none;
    margin: 0;
    padding: 10px 0 30px;

}


.box-icon { 

    display: inline-block;
    width: 100px;
    margin-right: 20px;

}

.box-header {
    display: inline-block;
    margin-bottom: 0;
}


/*Article Categories Tag */

.post-category{
        line-height: 1.6;
}

.hightlights-container.category-asean3-regional-economic-outlook .article-categories-tag {
    background-color: #EF701B;

}


.category-asean3-regional-economic-outlook .post-category {
    background-color: #EF701B;


}

.hightlights-container.category-annual-consultation-reports .article-categories-tag {
    background-color: #C63EA9;

}

.category-annual-consultation-reports .post-category{

    background-color: #C63EA9;

}

.hightlights-container.category-history-book .article-categories-tag {
    background-color: #3B92BC;

}

.category-history-book .post-category{

    background-color: #3B92BC;

}

.hightlights-container.category-analytical-notes .article-categories-tag {
    background-color: #83A32C;

}

.category-analytical-notes .post-category{

    background-color: #83A32C;

}


.hightlights-container.category-market-insights .article-categories-tag {
    background-color: #83A32C;

}

.category-market-insights .post-category{

    background-color: #83A32C;

}


.hightlights-container.category-working-papers .article-categories-tag {
    background-color: #83A32C;

}

.category-working-papers .post-category{

    background-color: #83A32C;

}


.hightlights-container.category-policy-perspectives .article-categories-tag {
    background-color: #83A32C;

}

.category-policy-perspectives .post-category{

    background-color: #83A32C;

}

.category-policy-perspectives .post-category{

    background-color: #83A32C;

}

.hightlights-container.category-other-research .article-categories-tag {
    background-color: #83A32C;

}

.category-other-research .post-category{

    background-color: #83A32C;

}

.hightlights-container.category-policy-position-papers .article-categories-tag {
    background-color: #02A888;

}

.category-policy-position-papers .post-category{

    background-color: #02A888;

}



.hightlights-container.category-blogs .article-categories-tag {
    background-color: #2058A8;

}

.category-blogs .post-category{

    background-color: #2058A8;

}

.hightlights-container.category-press-releases .article-categories-tag {
    background-color: #6839B2;

}

.category-press-releases .post-category{

    background-color: #6839B2;

}


.hightlights-container.category-videos .article-categories-tag {
    background-color: #6839B2;

}

.category-videos .post-category{

    background-color: #6839B2;

}


.hightlights-container.category-presentations .article-categories-tag {
    background-color: #6839B2;

}

.category-presentations .post-category{

    background-color: #6839B2;

}


.hightlights-container.category-infographics .article-categories-tag {
    background-color: #6839B2;

}

.category-infographics .post-category{

    background-color: #6839B2;

}


.hightlights-container.category-speeches .article-categories-tag {

    background-color: #6839B2;

}

.category-speeches .post-category{

    background-color: #6839B2;

}


.hightlights-container.category-newsletters .article-categories-tag {

    background-color: #6839B2;

}

.category-newsletters .post-category{

    background-color: #6839B2;
        line-height: 1.6;

}

.hightlights-container.category-multimedia .article-categories-tag {

    background-color: #6839B2;

}

.category-multimedia .post-category{

    background-color: #6839B2;
        line-height: 1.6;

}

.hightlights-container.category-interviews .article-categories-tag {

    background-color: #6839B2;

}

.category-interviews .post-category{

    background-color: #6839B2;

}

.hightlights-container.category-courtesy-visits .article-categories-tag {

    background-color: #6839B2;

}

.category-courtesy-visits .post-category{

    background-color: #6839B2;

}


.hightlights-container.category-events .article-categories-tag {

    background-color: #C42C50;

}


.category-events .post-category{

    background-color: #C42C50;

}



.hightlights-container.category-asean3-joint-statements .article-categories-tag {

    background-color: #F4AD31;

}


.category-asean3-joint-statements .post-category{

    background-color: #F4AD31;

}


.hightlights-container.category-annual-reports .article-categories-tag {

    background-color: #E2617A;

}


.category-annual-reports .post-category{

    background-color: #E2617A;

}


.hightlights-container.category-corporate-documents .article-categories-tag {

    background-color: #E2617A;

}


.category-corporate-documents .post-category{

    background-color: #E2617A;

}


.hightlights-container.category-factsheets .article-categories-tag {

    background-color: #E2617A;

}


.category-facesheets .post-category{

    background-color: #E2617A;

}

.hightlights-container.category-tools-and-databases .article-categories-tag {

    background-color: #014772;

}


.category-tools-and-databases .post-category{

    background-color: #014772;

}

.hightlights-container.category-data .article-categories-tag {

    background-color: #014772;

}


.category-data .post-category{

    background-color: #014772;

}

.hightlights-container.category-databases .article-categories-tag {

    background-color: #014772;

}


.category-databases .post-category{

    background-color: #014772;

}

.hightlights-container.category-tools .article-categories-tag {

    background-color: #014772;

}


.category-tools .post-category{

    background-color: #014772;

}


.hightlights-container.category-opportunities.article-categories-tag {

    background-color: #0D600D;

}


.category-opportunities .post-category{

    background-color: #0D600D;

}


.hightlights-container.category-asean3-financial-stability-report .article-categories-tag {

    background-color: #03989e;

}


.category-asean3-financial-stability-report .post-category{

    background-color: #03989e;

}


.hightlights-container.category-asean3-financial-stability-report.article-categories-tag {

    background-color: #03989e;

}


.category-asean3-financial-stability-report .post-category{

    background-color: #03989e;

}



.extra_box {
    display: none;
}

.extra_box_btn {
    margin-top:15px;
}



/* History */

.history-video-container {
    height:70vh;
}

.history-milestones:nth-child(odd) {
    background: #F8EFF0;
}

.history-milestones h2{
    font-weight: 600;
}

.history-milestones span{
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
}



.history-milestones p{
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
}


/*Advisory Panel*/


.ap-members{
    margin: 0 auto;
    width: 90%;
    margin-top: 40px;
}


.ap-member{
    margin-bottom:40px;
    padding-right:50px;
}

.ap-member:nth-child(3){
    padding-right:0px;
}

.ap-member:nth-child(6){
    padding-right:0px;
}

.ap-member:nth-child(9){
    padding-right:0px;
}


.ap-member-img{
    height:60vh;
}

.ap-member-name{
    margin-top:20px;
}

.ap-member-desc p {
    margin-bottom: 15px;
    line-height: 24px;
}


/* Annual Report Post */


.annual-report-posts .tab-toggle-header {
    font-weight: 500;
        margin-bottom: 10px;
}

.annual-report-posts .tab-hidden li {
    color: #666;
    padding: 5px 0;
}

.ar-post-sections.row:nth-child(even) {
   
    direction:ltr;
}

.ar-post-sections.row:nth-child(odd) .red-arrow-btn-small{
    direction: initial;
}

.ar-post-sections.row:nth-child(odd) {
     direction:rtl;
}

.ar-post-sections.row .col-md-7 p{
      direction:initial;
}


.ar-post-sections.row {
    border-bottom: solid 0.5px #333;
    padding-bottom: 40px;
    margin-bottom: 40px;
}


.annual-report-posts .image-container {
    
    height: 50vh;
    width: 50vh;
}




/* Executive Committee */

#executive-committee-info{
    border-bottom: solid 0.5px #333;
    padding: 30px 10px;
    font-family: 'Outfit', sans-serif;
}

#executive-committee-section span{
    font-size: 14px;
}



/* Newsletters Landing */

#newsletters-post {
    padding: 20px 10px;
    border-bottom: solid 0.5px #333;
}


#newsletters-post  .col-img {
    height: 370px;
}

#newsletters-landing-section-2 .btn-red span {
    font-size: 22px;
}



/* Authors Page */

#authors .author-container {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    margin-bottom: 30px;
}

 #authors-container .col-md-2 {
    display:none;
    margin-bottom: 70px;
    overflow: hidden;
   
}

#authors .author-name{
   font-weight: 500;
}

#authors .author-desc{
      font-size: 15px;
    line-height: 23px;
}


#authors .hightlights-container {
    height: 100%;
    transition: all 0.4s ease-in-out;
}

#authors .author-container:hover .hightlights-container {
    background-size: 120% !important;
}



/* Single Author */

.single-author #main-author-info .col-md-9{
    padding-left: 30px;
}


.single-author .col-md-2{
        flex: 0 0 20%;
        max-width: 20%;
}


.area-of-expertise-container{
    margin-top:30px;
}

.area-of-expertise-container p {
    line-height: 34px;
    font-size: 17px;
    font-weight: 500;
}

.single-author .author-name{
    padding: 20px;
    margin-bottom: 30px;
    display: block;

}

.single-author .author-name h1{
    margin-bottom: 0;
        font-size: 30px;
    line-height: 37px;
    font-weight: 500;

}


.single-author .section-header h2{
    margin-bottom: 0;
    font-family: 'Outfit', sans-serif;
    font-size: 30px;
    font-weight: 600;

}


.single-author .author-designation span{
    font-size: 15px;

}

.single-author .col-md-4{

}



.single-author .hightlights-container{
    height: 30vh;
}


/* Economy */

.economy .updated-date{
    font-weight: 300;
    font-size: 17px;
    margin-top: 20px;
    font-style:italic;
}



.economy .page-col-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-size: 100%;
    transition: all 0.4s ease-in-out;
    height: 30vh;
    margin-bottom: 20px;
}


/* RKH */

.rkh .page-col-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-size: 125%;
    transition: all 0.4s ease-in-out;
    height: 30vh;
    margin-bottom: 20px;
}

.rkh .page-col-container:hover{
  background-size: 150%;


}

.official-login-content{
    min-height: 80px;
        display: inline-flex;
    align-items: center;
    margin-top:10px;
}

.official-login-btns .btn {
    margin: 10px 5px;
}


/* AFTN */

.member-container{
    text-align: center;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
        padding: 0 20px;

}


.member-name{
    font-weight: 500;
    line-height: 1.4em;
        margin-bottom: 45px;

}


/* Live Streaming */

.streaming-javascript-container{
    position: relative;
    z-index: 8;
}

.amro-live-menu a{
    color: #C11F4D !important;
}

#live section{
    padding: 80px 40px 0px;

}


#live #page-title h4{
    margin-bottom: 5px;
}


#live #live-feed-slider, #live #past-events{
    padding: 80px 40px 80px;

}



.livestream-container{
    width: 80% !important;
    margin: 0 auto;
}

.livestream-container a{
    text-decoration: underline;
}



#live .slider {

    height:100%;
    display: inline-block;
    padding: 40px 0 30px;
}

#live .slick-dots{
     bottom: 0;
     padding-left:2%;
}


#live section#live-feed-slider {
    height: 100%;
    display: flex;
    align-items: end;
}


#live .slick-prev {
    left: -96px;
}


#live  .slick-next {
    right: -97px;
}


.past-event-slider-container{
    width: 95% !important;
    margin: 0 auto;
}



.past-event-slider-container .row{
    display:flex !important;
}


.past-event-slider-info {
    padding-left:30px !important;
}


.past-event-slider-info .past-event-tag{
    display: inline-block !important;
    border: solid 1px #FFF;
    line-height: 1;
    padding: 10px;
    margin-bottom: 20px;
    color:#FFF;
}

.past-event-slider-info h3{
    margin-bottom: 0px;
}



.past-event-slider-info .event-date{
    margin-bottom: 20px;
}


.past-event-slider-info .event-desc{
    font-size:17px;
}


.iframe-wrapper{
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}


.livestream-videos-iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

#live-section-3 .section-header{
    margin-top: 15px;
}

#live-section-3 .post-image {
        height: 45vh;
    overflow: hidden;
    text-align: center;
}

#live-section-3 .post-image img {
     max-width: 100%;
    height: auto;
    width: 100%;
}


#live-section-2 #upcoming-events {
    padding:30px 0px;
    border-bottom: solid 0.5px #333;
}

#live-section-2 #upcoming-events .post-info {
    padding-left:20px;
}


#live-section-2 #upcoming-events .red-arrow-btn-small span{
    margin-left:10px;
}

#live-section-2 #upcoming-events .post-desc{
   font-size: 16px;
}




#live .video-container {

    margin-bottom: 30px;
}

.video-container {
    margin-bottom: 70px;
    overflow: hidden;
   
}

.video-container .video-name{
   font-weight: 500;
   line-height: 1.4em;
}

.video-container  .video-desc{
      font-size: 15px;
    line-height: 23px;
}


#live .video-container  .hightlights-container {
    height: auto;
    transition: all 0.4s ease-in-out;
}

#live .video-container :hover .hightlights-container {
    background-size: 120% !important;
}


#live .video-container .hightlights-container:after {
    content: "";
    display: block;
    padding-bottom: 60%;
}

.post-play-icon{
    width: 40px;
    position: absolute;
    left: 43%;
}

/* Surveillance */

#surveillance .row {
    
    align-items: center;
}


#event-post-section-6 .col-md-3{
    margin-bottom: 20px;
}




/* H1,H2,H3 */



.entry-header h1 {
    font-weight: 500;
    font-size: 40px;
    line-height: 46px;
    font-family: 'Outfit', sans-serif;
}




.category-post h2{
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px !important;
    margin: 0px 0 20px;
    letter-spacing: initial;
}


section#page-header h1{

    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;

}

#about-us h2{
    font-size: 30px;
    line-height: 37px;
    font-weight: 500;
}

h2.section-header{
    font-family: 'Outfit', sans-serif;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.3;
}

.red-arrow-btn-small h3{
    display: flex;
    margin-bottom: 15px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
        font-size: 18px;
    line-height: 1.6;
}


.economy h1{
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
}

.economy h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 10px;
}

.economy .section-header{
    font-family: 'Outfit', sans-serif;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

#advisory-panel h1{
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
}

#advisory-panel h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 10px;
}


#who-we-are h1{
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
}

#who-we-are h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 10px;
}


#who-we-are .section-desc{
    font-size: 28px;
    line-height: 1.3 !important;
    font-weight: 300;

}


#history h1{
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
}

#history h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 10px;
}

#history .history-milestones-year{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 10px;
}


#newsletters-landing h1{
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
}

#newsletters-landing  h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 10px;
}

#organization h1{
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
}

#organization h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 10px;
}


.rkh h1{
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
}




.rkh h2.page-col-title{
        color: #FFF;
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    font-size: 28px;
    letter-spacing: 0.5px;
    line-height: 1.3em;
    padding: 0 10px;
    margin-bottom: 0;
}


#surveillance h1{
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
}

#surveillance h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 10px;
}


#technical-assistance h1{
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
}

#technical-assistance h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 10px;
}


#topics h1{
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
}


#what-we-do h1{
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
}


#what-we-do h2{
        font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 10px;
}

#who-we-are h1{
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
}


#who-we-are h2{
        font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 10px;
}


#work-with-us h1{
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
}



/* Responsive style */


@media screen and (min-width: 1920px) {


 #cmim-section-2-1 .container{
    padding: 0px 15px;
}
  

}


@media screen and (min-width: 1600px) {

    .streaming-javascript-container{

        height: 700px;
    }


    .supply-chain-slider{
        height:950px;
    }


 

    .main-slider-desc h1{

         font-size: 50px;
        line-height: 56px;
      
    }

    .main-slider-desc-title{

    font-size: 50px;
        line-height: 56px;
}


    .main-slider-desc {
       
        padding: 10% 60px 10% 150px;
     
    }


    .main-slider-desc .col-md-7{
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
}

    .article-desc {
   
    font-size: 17px;
    line-height: 23px;
}


    .post-header .container {
            position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        padding: 40px 40px;
        color: #FFF;
        font-weight: 600;
        max-width: 1920px;
        width: 97%;
        margin-left: auto;
        margin-right: auto;
    }


    .cmim-video {
        height: 90vh;
    }


    #what-we-do .hightlights-container {
        height:40vh;
    }

    #organization-section-2 .director-img {
        height: 70vh;
    }



   .event-post #event-post-section-4 .hightlights-container {
       
        height: 40vh;
    }

  
   .event-post #event-post-section-7 .hightlights-container {
       
        height: 40vh;
    }



    .blogs-posts .hightlights-container {
       
        height: 40vh;
    }



    .news-media-posts .hightlights-container {
       
        height: 40vh;
    }


    .blank-posts .hightlights-container {
       
        height: 40vh;
    }

     .single-author .hightlights-container {
       
        height: 40vh;
    }





    .areo-posts .hightlights-container {
       
        height: 40vh;
    }



    .publications-posts .hightlights-container {
       
        height: 40vh;
    }

    #newsletters-post {
    padding: 60px 10px;
}

    .ap-member-img {
    height: 70vh;
}


.iframe-long{
    height:3200px;
}




}




@media screen and (min-width: 1300px) {


  .full-width-container-left {
     padding: 0px 10% 100px 50px;
    color: #fff;
    margin-top: -10px;
  }




}




@media screen and (max-width: 1600px) {

    .single-author .article-title {
        color: #FFF;
        font-size: 16px;
        line-height: 1.2em;
    }

    .streaming-javascript-container{

        height: 600px;
    }


}


@media screen and (max-width: 1300px) {

    .streaming-javascript-container{

        height: 450px;
    }


#player_1 {
    margin: 0 auto;
    width: 700px;
    height: 368px;
    display: block;
}
    .header-left {
      width: 17%;
  
  }

  .amro-title {
 
    display: none;
}


.page-col-title {
    color: #FFF;
    font-size: 23px;
    line-height: 1.3em;
}

.rkh h2.page-col-title{
    color: #FFF;
    font-size: 23px;
    line-height: 1.3em;
}

#topics .page-col-container {
   
    height: 30vh;
}

.economy .page-col-container {
   
    height: 20vh;
}

.rkh .page-col-container {
   
    height: 20vh;
}



  .article-title {
    color: #FFF;
    font-size: 21px;
    line-height: 1.2em;
}

    .article-info {
      width: 100%;
      padding: 25px 30px;
}


.mega-menu .col-md-5, .mega-menu .col-md-3, .mega-menu .col-md-2{
    padding-right: 15px;
    padding-left: 15px;

}

.full-width-container-left {
    padding: 0px 10% 100px 0px;
 
}


#about-us .full-width-container-left {
    padding: 0px 5% 100px 0px;
 
}

#home-section-2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -40%;
}


.filter-date {
    display: block;
}



.filter-date-label {
    
    margin-bottom: 10px;
}

.facetwp-type-date_range{
    margin-bottom: 0px !important;
    margin-bottom: ;
}

#what-we-do .hightlights-container {
    height:200px;
}


#post-background-video .col-md-4 iframe {
    height: 30vh;
}


.areo-posts .slider {
    width: 100%;
}


.home .slider .col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 80%;
    max-width: 100%;
}




}





@media screen and (min-width: 1024px) {

  ul.menu-items> .current #main-menu::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -15px;
    left: 0;
    height: 5px;
    width: 100%;
    background-color: #C11F4D;
    transform-origin: center;
    transform: scale(1, 1);
    transition: color 0.3s,transform 0.3s ease-out;
    z-index: 9;
}

.menu-items .active #main-menu::after {
   content: '';
    display: block;
    position: absolute;
    bottom: -15px;
    left: 0;
    height: 5px;
    width: 100%;
    background-color: #C11F4D;
    transform-origin: center;
    transform: scale(1, 1);
    transition: color 0.3s,transform 0.3s ease-out;
    z-index: 9;

}


  .menu-items  li {
      vertical-align: middle;
  }

  .menu-items  #main-menu {
      position: relative;
      display: block;
      transition: color 0.1s,background-color 0.1s,padding 0.2s ease-in;
  }

  .menu-items #main-menu::after {
      content: '';
      display: block;
      position: absolute;
      bottom: -15px;
      left: 0;
      height: 5px;
      width: 100%;
      background-color: #C11F4D;
      transform-origin: center;
      transform: scale(0, 1);
      transition: color 0.3s,transform 0.3s ease-out;
      z-index: 9;
  }
  .menu-items #main-menu:active::after{
      background-color: #C11F4D;
  }
  .menu-items #main-menu:hover::after, #main-menu:focus::after{
      transform-origin: center;
      transform: scale(1, 1);
  }

    ul.menu-items> li:hover #main-menu::after {
      content: '';
      display: block;
      position: absolute;
      bottom: -15px;
      left: 0;
      height: 5px;
      width: 100%;
      background-color: #C11F4D;
      transform-origin: center;
      transform: scale(1, 1);
      transition: color 0.3s,transform 0.3s ease-out;
      z-index: 9;
}




 .blogs-posts #post-section .container,  .news-media-posts #post-section .container {

    width:70%;
  }


  .blogs-posts #post-section .container .row, .news-media-posts #post-section .container .row{

        align-items: center;
        justify-content: center;
  }



}


@media screen and (max-width: 1200px) {

    
    .home .slider .col-md-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}



@media screen and (max-width: 1024px) {



  .top-bar {
  
    padding: 0px 40px;
}


#mobile-menu{
  display: block;
  background-color: #EEE;
  border-bottom: solid 1px #FFF;
}

#mobile-menu .menu-item{
      color: #C11F4D;
    `padding: 1rem 10px 1rem 1rem;
}


.mega-menu-desc{
      border-right: none;
}

.top-link{ display:none }



h2, .h2 {
    font-size: 38px;
 
}


h3, .h3 {
    font-size: 25px;
    
}




 .header-left {
      width: 30%;
  
  }





.section-header {
    font-size: 26px;
    line-height: 1.2em !important;

}





.search-input.selected{
  width: 400px;
  padding: 0 6px;
}




 .header-left {
      width: 90%;
  
  }

  .main-slider-desc{

   
    padding: 10% 80px 10% 80px !important;
  
}  



.slick-slide img {
    width: 120%;
    max-width:120%;
}


.main-slider-desc span{
    font-size:13px;
}



.slider .img-wrap {
    display: block;
    position: relative;
    height: 40vh;
}


.main-slider-desc h1 {
    font-size: 39px;
    line-height: 50px;
}


.main-slider-desc-title {
    font-size: 39px;
    line-height: 50px;
}


  .navbar {
    padding: 0px 40px;
  }

  .overflow {
    overflow: hidden;
  }

  .overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }

  .overlay--active {
    opacity: 1;
    visibility: visible;
  }

  .menu-btn {
    display: flex;
  }

  .navbar .menu-item {
    display: inline-block;
    /* justify-content: space-between; */
    width: 80%;
    padding: 0.1rem;
    font-size: 16px;
}

  .navbar .menu-items {
    position: fixed;
    height: 100%;
    max-height: initial;
    overflow-y: auto;
    width: 80%;
    top: 0px;
    left: 0px;
    background: #FFF;
    display: block;
    transform: translateX(-215vh);
    padding-bottom: 100px;
        margin-left: 0;
  }

  .menu-items li {
    padding: 0.5em 0.2em;
    margin: 0em;
    cursor: pointer;
    border-bottom: solid 1px #EEE;
}

 .mega-menu .menu-items li {
    
    border-bottom: none;
}

.mega-links li{
    border-bottom: none;
}

  .menu-items.open {
    transform: translateX(0px);
  }

.mega-menu-desc{
    display: none;
}

  .menu-items li a {
    padding: 10px 0;
    display: block;
    font-size: 17px;
  }


 .mega-menu  .menu-items li a {
    padding: 10px 0;
    
  }

  .mega-menu .red-arrow-btn {
    padding: 0;
    font-size: 17px;
}

  .menu-items .dropdown-right .right-arrow {
    transform: rotate(90deg);
  }

  .menu-item.first-item {
    padding: 1rem 1rem;
  }

  /* DROPDOWN, MEGA MENUS */

  .navbar .mega-menu {
   
    box-shadow: 0 3px 10px rgb(0 0 0 / 0%);
}
  .menu-items .dropdown-menu,
  .menu-items .menu-right,
  .menu-items .mega-menu {
    position: static;
    opacity: 1;
    top: 4rem;
    visibility: visible;
    margin-left: -18px;
    width: 100%;
    max-height: 0;
     transform: translateX(-441px);
    transform-origin: left;
    overflow: hidden;
    transition: all 0.5s ease;
  }

  .menu-items .dropdown-menu,
  .menu-items .menu-right {
    padding-left: 1rem;
    width: 102%;
    margin-left: -10px;
  }

  .menu-items .mega-menu .col {
    padding-left: 1rem;
  }


  .span-btn {
        display: flex;
    height: 40px;
    content: '\276f';
    margin-top: 8px;
    float: right;
    color: #333;
    font-size: 20px;
    padding: 10px 15px;
    z-index: 10;
    text-align: center;
}


.span-btn.open + .expand-menu {
    max-height: 100%;
    transform: translateX(0px);
}


  .expand-btn.open + .expand-menu {
    max-height: 100%;
    transform: translateX(0px);
  }

  .expand-btn.open + .blog.expand-menu {
    max-height: 100%;
    transform: scaleZ(1);
    max-width: fit-content;
  }

  .navbar .expand-menu {
    border-top: none;
  }



  .mega-menu .content {
    grid-template-columns: auto;
    padding: 0rem 1rem 0 1rem;
     background: none;
  }



  .mega-menu .content .col {
    width: 100%;
    padding-top: 1rem;
    margin-bottom: 0.5rem;
  }

  .col .mega-links li,
  .col .mega-links li a {
    padding: 0 0.5rem;
  }


  .mega-menu .col-md-5, .mega-menu .col-md-3, .mega-menu .col-md-2 {
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 100%;
    max-width: 100%;
}

.mega-menu .mobile-bottom-margin{
      margin-bottom: 40px;
}


  .content .col .mega-links {
    border-left: 0;
    padding-left: 0.5rem;
  }
  .col .mega-links li {
    margin: 0;
  }


.expand-btn:after {
    content: '';
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #000;
    transform-origin: 100% 0;
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    box-sizing: border-box;
    position: relative;
    right: 3px;
    top: 15px;
}

.expand-btn.open:after {
    content: '';
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #000;
    transform-origin: 100% 0;
     width: 13px;
    height: 13px;
    transform: rotate(132deg);
    box-sizing: border-box;
}


  .rkh-header{
    padding: 0 50px;
    margin: 0 -15px;
  }


  .rkh-container{
    padding: 30px 50px;
    margin: -15px;
  }


  #areo-updates .row{

  padding: 0 0px;
}



#publications-documents .col-md-3{
    flex: 0 0 50%;
    max-width: 50%;
   
}

   .margin-overlap {
      margin-top: 0;
  }


  #about-us-section-1-links {
    flex: 0 0 100%;
    max-width: 100%;
}


.about-us-img-2 {
    margin-top: 20px;
    margin-left: 0%;
}


.about-us-img-3 {
    margin-top: 20px;
    margin-right: 0%;
}


.mega-menu .widget_nav_menu .menu-item {
    padding: 0.1rem;
    border:0;
        width: 100%;
}


.hightlights-container {
    width: 100%;
    height:400px;
}



.page-col-container {
    width: 100%;
    height:400px;
}

#topics .page-col-container{
  width: 100%;
  position: relative;
  overflow: hidden;
  background-size: 190%;
  transition: all 0.4s ease-in-out;

}

#topics .page-col-container:hover{
  background-size: 200%;


}

.economy .page-col-container{
  width: 100%;
  position: relative;
  overflow: hidden;
  background-size: 190%;
  transition: all 0.4s ease-in-out;

}

.economy .page-col-container:hover{
  background-size: 200%;


}



.rkh .page-col-container{
  width: 100%;
  position: relative;
  overflow: hidden;
  background-size: 190%;
  transition: all 0.4s ease-in-out;

}

.rkh .page-col-container:hover{
  background-size: 200%;


}



.slider .col-md-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}



.news-media .slider .col-md-7 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
}

.blogs .slider .col-md-7 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
}

.publications .slider .col-md-7 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
}


.news-media #news-media-search .col-md-10{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
}

.news-media #news-media-search .col-md-2{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: right;
}


.blogs #blogs-search .col-md-10{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
}

.blogs #blogs-search .col-md-2{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: right;
}


#blogs-featured-authors .hightlights-container {
       margin-bottom: 20px;
    height:auto;
  
}

#blogs-featured-authors .author-container {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 40px;
}


#news-media-categories .hightlights-container {
    margin-bottom: 0px;
    height:auto;
  
}


#news-media-categories .hightlights-container {
   
    background-size: cover;
    height:25vh;

  
}

#news-media-categories .hightlights-container:hover {
   
    background-size: cover;
  
}


.blogs .main-slider-desc {
     padding: 14% 80px 10% 80px !important;
}


#what-we-do .hightlights-container {
    height:200px;
}


#organization-section-2 .director-img {
    height: 40vh;
}


#cmim-section-1 video{
    height: 60vh;
}

.cmim-video {
    height: 50vh;
}


.box-container {
    display: table;
    margin-bottom: 20px;
  
}

.box-icon {
    display: block;
 
}



#cmim-section-3-1 .col-md-6 {
    padding: 50px 55px;
    margin-bottom: 0;
}




 .blogs-posts #post-section .container,  .news-media-posts #post-section .container {

    width:100%;
  }


#topics .page-col-container{
   height: 100%;
    overflow: hidden;
}

.economy .page-col-container{
   height:25vh;
   margin: 0;
}

.rkh .page-col-container{
   height:30vh;
}


#technical-assistance-section-1 .hightlights-container {
    height: 60vh;
}

#technical-assistance-section-1 .col-md-6{
        margin-bottom: 0px;
}



.areo-posts .slick-slide img {
    width: 100%;
    max-width: initial;
    height:auto;
}


#organization-section-3 .management-img {
    height: 35vh;
}




.ap-member-img {
    height: 39vh;
}


#authors .author-container {
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}


.slick-dots {
  
    padding-left: 55px !important;
  
}



#cmim-section-3-1 .col-md-6 {
    padding: 50px 55px;
    margin-bottom: 0;
}


#technical-assistance-section-2 .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}


#rkh-section-2 .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

#publications-research .research-container {
    display: flex;
    flex-direction: row;
    justify-content: left;
}


#publications-research .research-container .col-md-2{

    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.3333333%;
    max-width: 33.33333%;

}


#publications-search {
    padding: 50px 20px 25px;
}

#blogs-search  {
    padding: 50px 20px 25px;
}


#news-media-search {
    padding: 50px 20px 25px;
}



.main-slider-desc .col-md-8 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
}

.col-vertical-center-padding {
    padding: 0px 40px;
    display: flex;
    align-items: start;
    justify-content: left;
}


.member-container{
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}


#regional-knowledge-hub{

    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border-right:none;

}

#aftn{

    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border-left:none;

}

/* H1,H2,H3 */


.entry-header h1, {
    font-size: 38px;
}

section#page-header h1{

    font-size: 38px;

}


.economy h1{
    font-size: 38px;
   
}

.economy h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}


 .economy .section-header {
        font-size: 26px;
        line-height: 1.2em !important;
    }

#advisory-panel h1{
    font-size: 38px;

}


#advisory-panel h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}




#who-we-are h1{
    font-size: 38px;

}


#who-we-are h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}


#history h1{
    font-size: 38px;

}


#history h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}

#newsletters-landing h1{
    font-size: 38px;
}

#newsletters-landing  h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}

#organization h1{
    font-size: 38px;
}

#organization h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}


.rkh h1{
    font-size: 38px;
}

h2.section-header {
    font-size: 26px;
            line-height: 1.2em !important;
}


#surveillance h1{
    font-size: 38px;
}

#surveillance h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}


#technical-assistance h1{
    font-size: 38px;
}

#technical-assistance  h2{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}


#topics h1{
    font-size: 38px;
}


#what-we-do h1{
    font-size: 38px;
}


#who-we-are h1{
    font-size: 38px;
}

#work-with-us h1{
    font-size: 38px;
}


#who-we-are .section-desc{
    font-size: 25px;
  

}


}


@media screen and (max-width: 900px) {

    .home .slider {
        width: 100%;
        margin: 0 auto;
        height: 102vh;
    }


    .home .slider .img-wrap {
    display: block;
    position: relative;
    height: 96vh;
}

  .home .main-slider-desc h1 {
        font-size: 34px;
        line-height: 40px;
    }



    .home .main-slider-desc h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .main-slider-desc p {
        margin: 0 0 10px;
        font-weight: 400;
        font-size: 15px;
    }

    .red-arrow-btn span::after {
      
        width: 2vmin;
        height: 2vmin;
      
    }

    .main-slider-desc {
        padding: 9% 80px 10% 50px !important;
    }


    .streaming-javascript-container{

        height: 350px;
    }


}




@media screen and (max-width: 768px) {

section {
    padding: 60px 20px;
}

footer {
    padding: 60px 30px;
}

.btn{
    font-size: 17px;
}

footer .btn span {
    font-size: 17px;
}

footer .col-md-5, footer .col-md-1, footer .col-md-2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#player_1{
    width: 100%;
    height: 40vh;
}


.navbar {
    padding: 0px 30px;
}

.top-bar {
    padding: 0px 30px;
}


  .navbar .menu-items {
    position: fixed;
    height: 100%;
    max-height: initial;
    overflow-y: auto;
    width: 80%;
    top: 0px;
    left: 0px;
    background: #FFF;
    display: block;
    transform: translateX(-215vh);
    padding-bottom: 100px;
        margin-left: 0;
  }


  .menu-items.open {
    transform: translateX(0px);
}



.post-header .container {
    position: absolute;
    bottom: 0px;
    padding: 40px 20px;
    color: #FFF;
    width: 85%;
    font-weight: 600;
    display: block;
}

footer ul li {
    
    font-size: 18px;
}

footer ul li a{
    
    font-size: 18px;
}

footer h6{
    font-size: 18px;
}

footer span {
    font-size: 15px;
    line-height: 22px;
}



.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {

  
    margin-bottom: 20px;
}


.col {
    flex-basis: auto;
   
}


.m-swap{
        flex-direction: row-reverse!important;
}


.col-vertical-center-padding {
      padding: 20px 20px 20px;
   
}




.col-img {
    height: 350px;
    margin-top:20px;
    margin-bottom: 20px;
}


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

.side-padding{
  padding:0px;
}


#regional-knowledge-hub {
       background-attachment: initial !important;
}


.home #topics {
    padding: 0px 45px 40px;
}


.home .slider .col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}



#technical-assistance-section-1  .highlights-layer {
    bottom: 0px;
}



#publications-documents {
    padding: 80px 40px 80px;
}




.search-input.selected{
  width: 240px;
  padding: 0 6px;
}

.amro-title {
    padding: 0.5rem 1rem 0.5em 0.5em;
}


.mega-menu-desc {
    border-right: none;
}


.top-social {
   
    display: none;
}

.top-link {
    border-left: none;

}

 
  .copyright .col-md-7 {
    text-align: right;
    margin-top: 20px;
}
   

 .hightlights-container{
  width: 100%;
      margin-bottom: 0px;

}

    .main-slider-desc{

        padding: 15% 80px 10% 55px !important;
  
}  



  .slick-slide img {
      width: 200%;
      max-width:200%;
  }


  .main-slider-desc span{
      font-size:13px;
  }

  .slider .img-wrap {
    
    height: 400px !important;
}

.slider {
    height: 400px !important;
}

.home .slider .img-wrap {
    
    height: 450px !important;
}

.home .slider {
    height: 450px !important;
}


.post-header-img {
    
    height: 450px;
}


.post-header {
 
    height: 450px;
   
}



    .rkh-header{
    padding: 0 10px;
  }

  .rkh-container {
      padding: 30px 10px;

  }

  #areo-updates .col-md-6{
    margin-top: 30px;
        min-height: 250px;
}

  .full-width-container .container{
    padding:0;
  }

  .full-width-container-right {
    position: initial;
    /* right: 0px; */
    width: 100%;
    top: 0px;
    bottom: 0px;
    overflow: hidden;
}

    .full-width-container-left, .full-width-container-right {
    width: 100%;
    float: left;
    padding: 0px 0px 20px;

}

.full-width-container {
  
    padding: 0 40px;
}


#about-us .full-width-container {
    background-size: 465% !important;
    background-position: 9% 0% !important;
 }

  .mobile-bottom-margin{
    margin-bottom:40px;
  }

  .slick-prev:before, .slick-next:before {
    display: none;
  }



#topics .arrow-container{
      margin-left: 0px;
}

 
  .red-arrow-btn {
  
    font-size: 14px;
    position: relative;
  }

  .red-arrow-btn span::after {
  
    width: 1.5vmin;
    height: 1.5vmin;
        right: 11px;
 
  }

footer .red-arrow-btn {
    font-size: 17px;
    position: relative;
}


   .article-title {
    color: #FFF;
    font-size: 21px;
    line-height: 1.3em;
}

 .page-col-title {
    color: #FFF;
    font-size: 22px;
    line-height: 1.3em;
}

.rkh h2.page-col-title {
    color: #FFF;
    font-size: 22px;
    line-height: 1.3em;
}


.top-bar .container {
   padding:0;
}

.search-input.selected {
    width: 250px;
    padding: 0 6px;
}




.search-submit::after {
    content: '';
    border-width: 0.3vmin 0.3vmin 0 0;
    border-style: solid;
    border-color: #FFF;
    transform-origin: 100% 0;
    width: 2.5vmin;
    height: 2.5vmin;
    transform: rotate(45deg);
    box-sizing: border-box;
    top: 24px;
    right: 18px;
    position: absolute;
}


.search-results-content .post-image {
   
    padding-left: 0;
    margin-top: 20px;
}


.full-width-container ul li::after {
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #FFF;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    box-sizing: border-box;
    float: right;
    margin-top: 13px;
}

   .article-info {
      width: 100%;
      padding: 30px 20px;
   
}

.main-slider-desc p {
    margin: 0 0 10px;
    font-size: 13px;
}

.main-slider-desc h1{
  font-size: 36px;
      line-height: 42px;
}

.main-slider-desc-title{
  font-size: 36px;
      line-height: 42px;
}

.about-us-img-2{
  display:none;
}


.about-us-img-3{
  display:none;
}

.overlap-images {
    max-height: initial;
    max-width: initial;
    margin: 0 auto;
}

.overlap-images img {
    height: auto;
    width: auto;
}


#publications-documents .col-md-3{
    flex: 0 0 100%;
    max-width: 100%;
}

#about-us-section-2 .full-width-container {
    background-size: 450%;
}


#publications-documents .btn-red-grey{
  width: auto;
}

#home-section-2{
      background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
}


.hightlights-container {
    width: 100%;
}


.page-col-container {
    width: 100%;
    height: initial;
}


#topics .page-col-container{
 
  background-size: 100%;
   height: 100%;
    overflow: hidden;


}



#topics .page-col-container:hover{
  background-size: 110%;


}


.economy.page-col-container{
 
  background-size: 100%;
   height:35vh;

}



.economy.page-col-container:hover{
  background-size: 110%;


}


#background-video {
    padding: 0;
    height: 350px;
}


.search-result-container {

    flex-direction: column-reverse!important;
}

.slider-nav-thumbnails {display: none !important;}

.slider-video {
    height: 48vh !important;
}

.event-video-container iframe{
    height:350px;
}


.slick-prev {
    left: -24px !important;
}


.slick-next {
    right: -24px !important;
    transform: scaleX(-1);
}

#post-section .col-md-6{

    margin-top:30px;
        min-height: 200px !IMPORTANT;
}





#acr-section-4 .view-all-button {
    text-align: left;
}

#areo-section-4 .view-all-button {
    text-align: left;
}


 #what-we-do-section-3 .col-md-4 {
    margin-bottom:40px;
}

 #what-we-do-section-3 .section-header {
   
    margin-bottom: 20px;
}

#organization-section-2 .director-img {
    height: 38vh;
}


#post-background-video .col-md-4  iframe{
    height: 60vh;
}


#cmim-section-2-1 .container{
    padding: 0px 45px;
}


#cmim-section-2-1 .col-md-4 {
    padding: 50px 45px;
}


#cmim-section-3-1 .col-md-12 {
    padding-right:0px
}





 .event-post #event-post-section-4 .hightlights-container {
       
        height: 40vh;
    }


     .event-post #event-post-section-4 .article-info {
    padding: 35px 30px;
    bottom: 0;
}



 .event-post #event-post-section-7 .hightlights-container {
       
        height: 40vh;
    }


     .event-post #event-post-section-7 .article-info {
    padding: 35px 30px;
    bottom: 0;
}


.blogs-posts .hightlights-container {
   
    height: 40vh;
}

.blogs-posts .article-info {
    padding: 35px 30px;
    bottom: 0;
}

.blank-posts .hightlights-container {
   
    height: 40vh;
}

 .single-author .hightlights-container {
   
    height: 40vh;
}

.blank-posts .article-info {
    padding: 35px 30px;
    bottom: 0;
}


.news-media-posts .hightlights-container {
   
    height: 40vh;
}

.news-media-posts .article-info {
    padding: 35px 30px;
    bottom: 0;
}

.areo-posts .hightlights-container {
   
    height: 40vh;
}

.areo-posts .article-info {
    padding: 35px 30px;
    bottom: 0;
}


.publications-posts .hightlights-container {
   
    height: 40vh;
}

.publications-posts.article-info {
    padding: 35px 30px;
    bottom: 0;
}






#technical-assistance-section-1 .article-desc {
    max-height: 40vh;
}



#technical-assistance-section-1 .hightlights-container {
    height: auto;
    display: block;
}

#technical-assistance-section-1 .highlights-layer {
    height: 100%;
    margin-bottom: 20px;
    position: relative;
}



#technical-assistance-section-1 .article-info {
    padding: 40px 45px;
    position: initial;
}


#header-container .container {
    padding: 0 10px;
}


#cmim-section-1 .col-md-4{
    margin-top:40px;
}


#event-post-section-6 .col-md-3{
    margin-bottom: 20px;
}

#event-post-section-6 .col-md-6{
    text-align: left !important;
    margin-bottom: 20px;
}


.top-search {
    padding: 4px 0px;
}

.search-box {
    
    padding: 8px 0px 0 10px;
}


#organization-section-3 .col-md-2 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px !important;
}


#organization-section-3 .management-img {
    height: 35vh;
}


.ap-members{
    margin: 0 auto;
    width: 100%;
    margin-top: 40px;
}


.ap-member {
    margin-bottom: 40px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px !important;
}




#executive-committee-info .col-md-3{
    margin-top: 15px;
    margin-bottom: 15px;
   
}

#newsletters-post .col-img {
    height: 270px;
}


.post-header-container .button-container {

    text-align: left;
}

.button-container{
    text-align:left;
}


#authors .author-container {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}


section#page-header {
    height: 300px;
        padding: 200px 40px 50px;
  
}

.publications .main-slider-desc {

    height: 400px;
 
}

.blogs .main-slider-desc {

    height: 400px;
 
}

.news-media .main-slider-desc {

    height: 400px;
 
}


.slick-dots {
   
    padding-left: 40px !important
}

.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}

#publications-search {
    padding: 50px 20px 10px;
    margin-top: 0px;
}

#publications-search .btn {
    margin-top: -9px;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
}


#blogs-search {
    padding: 50px 20px 10px;
    margin-top: 0px;
}

#blogs-search .btn {
    margin-top: -9px;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
}


#news-media-search {
     padding: 50px 20px 10px;
    margin-top: 0px;
}

#news-media-search .btn {
    margin-top: -9px;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
}





.rkh .page-col-container {

    background-size: cover;
}

#for-official .col-md-2, #for-official .col-md-1{
    display: none;
}

#for-official .col-md-4, #for-official .col-md-3{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#about-us-section-1-links {
    margin: 0;
}

#other-works .col-md-3{
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;

}


#acr-section-4 .post-image {
    height: auto;
    overflow: hidden;
    text-align: center;
}

#areo-section-4 .post-image {
     height: auto;
}

#acr-section-4 article p {
    margin: 0;
}

#acr-section-4 article .col-align-center {
    margin: 0;
}

#areo-section-4  article p {
    margin: 0;
}

#areo-section-4  article .col-align-center {
    margin: 0;
}


.col-hide{
    display: none;
}


.search-container .col-md-10, .search-container .col-md-2 {

    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;

}


#pdf-downloads-list .col-md-10{
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
    margin: 0;
}



#pdf-downloads-list .col-md-2{
    -ms-flex: 0 0 16%;
    flex: 0 0 16%;
    max-width: 16%;
    margin: 0;
}


.past-event-slider-info {
    padding-left: 10px !important;
}

#live .video-name {
    margin-top:10px;
}

.past-event-slider-container {
    width: 100% !important;
    margin: 0 auto;
}


#live .slider {
 
    padding: 0px 0px;
}

#live #page-title{
    .col-md-12{
        margin-bottom: 0px;
    }
}

#live .section-header {
    margin-bottom:0px;
}

#live #live-feed-slider, #live #past-events {
    padding: 80px 10px 80px;
}

.livestream-container {
    width: 90% !important;
    margin: 0 auto;
}

.speaker-popup-image{
    display: none;
}


.single-author .col-md-2 {
    flex: 0 0 100%;
    max-width: 100%;
}



}




@media screen and (max-width: 568px) {
   


.streaming-javascript-container{

        height: 200px;
    }


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {

    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 20px;
}

    h2, .h2 {
      font-size: 28px;
      line-height: 31px;
  }

  .small-btn-right{
    float:left
}

  #player_1{
    width: 100%;
    height: 28vh;
}


  .slick-dots {
    padding-left: 15px;
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}



  .main-slider-desc {
        padding: 15% 30px 15% 50px !important
  }

.main-slider-desc h1{
      font-size: 34px;
    line-height: 36px;
}

.main-slider-desc-title{
      font-size: 34px;
    line-height: 36px;
}


  .red-arrow-btn span::after {
      width: 2vmin;
      height: 2vmin;
      right: 13px;
  }


  #background-video {
    padding: 0;
    height: 250px;
}


#post-background-video frame{
      height: 300px;
}

.slider-video {
    height: 38vh !important;
}



#organization-section-2 .director-img {
    height: 25vh;
}

#organization-section-3 .management-img {
    height: 20vh;
}


 .event-post #event-post-section-4 .hightlights-container {
       
       height: 37vh;
    }


 .event-post #event-post-section-7 .hightlights-container {
       
       height: 37vh;
    }

.blogs-posts .hightlights-container {
    height: 37vh;
}


.news-media-posts .hightlights-container {
   
    height: 37vh;
}

.blank-posts .hightlights-container {
   
    height: 37vh;
}

.single-author .hightlights-container {
   
    height: 37vh;
}

.areo-posts .hightlights-container {
   
    height: 37vh;
}



.publications-posts .hightlights-container {
   
    height: 37vh;
}



.cmim-video {
    height: 30vh;
}




#technical-assistance-section-1 .hightlights-container:hover > .highlights-layer > .article-info > .article-desc {
    max-height: 50vh;
}


#post-background-video .col-md-4 iframe {
    height: 40vh;
}


#topics .page-col-container {
    height: 25vh;
}


.economy .page-col-container {
    height: 25vh;
}

.rkh .page-col-container {
    height: 25vh;
}


.areo-posts .slider {
    width: 100%;
    height: auto !important;
}

.areo-posts .slider .img-wrap {
    height: auto !important;
}

.slick-slide img {
    width: 220%;
    max-width: initial;
}


#event-post-section-5 .slider-video {
    height: 28vh !important;
}

.event-video-container iframe {
    height: 250px;
}


.ap-member-img {
    height: 45vh;
}


#newsletters-post .col-img {
    height: 200px;
}


#authors .author-container {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0px;
}


#publications-research .research-container .col-md-2{

    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;

}


.margin-overlap {
    margin-top: 0%;
}

#technical-assistance-section-2 .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


#rkh-section-2 .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


.main-slider-desc .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


#news-media-categories .col-md-4 {
        margin-bottom: 20px;
}

.m-swap{
        flex-direction: column-reverse!important;
}

#other-works .col-md-3{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;

}


.single-author #main-author-info .col-md-9 {
    padding-left: 0px;
}


#about-us .full-width-container{
    background-size: 657% !important;
}

.ap-members {
   
    padding: 0;
}


.ap-member {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0px !important;
}


.search-result-count-sort {
    padding: 20px 15px;
}

.facetwp-facet-pager_numbers {
    font-size: 12px;
}

.member-container{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 20px;
}


#rkh-aftn-row{
    padding:0 10px;
}


 .frame-width-height {
    width:400px;
    height:1500px;
}

.wpp-popup-content {
    width: 80vw;
    height:auto;
}

/* H1,H2,H3*/

.entry-header h1,{
     font-size: 28px;
    line-height: 31px;
}

section#page-header h1{

    font-size: 28px;
    line-height: 31px;

}


#what-we-do h1{
        font-size: 28px;
        line-height: 31px;
}


#who-we-are h1{
        font-size: 28px;
        line-height: 31px;
}

#work-with-us h1{
        font-size: 28px;
        line-height: 31px;
}


}



@media screen and (max-width: 480px) {

    #player_1 {
    width: 100%;
    height: 15vh;
}
   
.col-img {
    height: 200px;
}


    .main-slider-desc {
          padding: 90px 40px 0px 45px!important;
    }

    .blogs .main-slider-desc {
    padding: 63px 40px 63px 45px!important;
}

    .news-media .slider-line {
    width: 30px;
    margin: 10px 0 10px;
    border: solid 2px;
}

    .slick-slide img {
      width: 285%;
      max-width: initial;
  

}

.entry-content ul{
	margin-bottom:20px;
}

.extra_box{
	display:none;
	margin-bottom:10px;
}

.extra_box ol{
	margin-left: 21px;
	margin-bottom:20px;
}

.article-desc-nohide{
	font-size: 16px;
    line-height: 23px;
    font-weight: 300;
    margin-top: 5px;
}


#aftn{

    background-size: 341% !important;
    background-position: -477px 0px !important;

}


 .frame-width-height {
    width:400px;
    height:1500px;
}


}


@media screen and (max-width: 380px) {

.slider {
    height: 450px !important;
}

.slider .img-wrap {
    height: 450px !important;
}

.main-slider-desc {
    padding: 82px 40px 0px 45px!important;
}


}


.conct-address-box p{
	margin-bottom:5px;
}

.cus-contact-form label{
	font-weight:600;
	font-size:16px;
}

.cus-contact-form input[type="text"], .cus-contact-form input[type="email"], .cus-contact-form textarea{
	width:100%;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 15px;
	font-size:16px;
} 

.covid-wrapper{
	position:relative;
	margin-bottom:15px;
}

.covid-inner, .covid-inner-2 {
  display: none;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
}

.covid-toggle, .covid-inner-toggle {
  width: 100%;
  display: block;
  color: #333;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom: 1px solid #000;
  cursor:pointer;
  transition: background 0.3s ease;
}

.covid-toggle::after, .covid-inner-toggle::after {
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #333;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    box-sizing: border-box;
    float: right;
    margin-top: 20px;
    right: 20px;
    position: absolute;
     transition: all .35s;
}

.covid-toggle.show::after, .covid-inner-toggle.show::after {
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #333;
    transform-origin: 100% 0;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    box-sizing: border-box;
    float: right;
    margin-top: 10px;
    top: 0;
    right: 20px;
    position: absolute;
     transition: all .35s;
}

.covid-toggle::after, .covid-toggle.show::after{
    top: 15px;
}

.covid-inner-toggle::after, .covid-inner-toggle.show::after{
    top: 10px;
}


.job-form label{
	font-weight:600;
	font-size:16px;
	margin-bottom:5px;
}

.job-form br{
	display:none
}

.job-form input[type="text"], .job-form input[type="email"], .job-form input[type="date"], .job-form select, .job-form input[type="file"]{
	width:100%;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 15px;
	font-size:16px;
}

.job-form.newsletter input[type="email"]{
	padding:10px 15px;
}


.job-form input[type="checkbox"]{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.job-form select{
	background: url('https://amro-asia.org/wp-content/uploads/2023/07/arrow-down.png') no-repeat right;
    -webkit-appearance: none;
    background-position-x: calc(100% - 20px);
}

.job-form .agreement-box .wpcf7-list-item{
	margin-left:0px;
}

.job-form .agreement-box .wpcf7-list-item-label{
	font-weight:400;
}

.job-form .agreement-box label{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

.job-form input[type="date"]::-webkit-calendar-picker-indicator {
	width: 25px;
	height:25px;
}

.job-form input[type="date"]::-webkit-input-placeholder,
.job-form input[type="text"]::-webkit-input-placeholder, 
.job-form input[type="email"]::-webkit-input-placeholder, 
.job-form input[type="date"]::-webkit-input-placeholder{
    opacity: 0.6; 
    color: #818181;
}

.cus-contact-form .wpcf7-response-output, .job-form .wpcf7-response-output{
  padding: 20px 0px !important;
  border-top: 5px solid #D90000 !important;
  border-bottom: 5px solid #D90000 !important;
  border-left: unset !important;
  border-right: unset !important;
  margin:0px !important;
  line-height: 1.6;
  font-size: 18px;
	font-weight:600;
	margin-bottom:20px !important;
}

.newsletter input[type="submit"]{
	font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 17px 40px;

    cursor: pointer; 
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: all;
            transition-property: all;
    text-align: center;
    text-decoration: none;
    letter-spacing: .035em;
    border: none;
    border-radius: unset;
    outline: none;
    margin: 10px 0;
    background-color: #C11F4D;
    color: #FFF;
    width:250px;
    max-width:100%;
}

.newsletter input[type="submit"]:before {
    content: '';
    position: absolute;
    background-color: #bfbebe;
    right: -55px;
    bottom: 0;
    width: 3.25rem;
    height: 100%;
    transform-origin: bottom right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.newsletter input[type="submit"]:hover:after {
    left: -25%;
}

.newsletter input[type="submit"]:after {
    content: '';
    position: absolute;
    background-color: #bfbebe;
    left: 100%;
    bottom: 0;
    width: 125%;
    height: 100%;
    transition: left 500ms ease-in-out;
    transform-origin: bottom right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.newsletter input[type="submit"]:hover{
    color: #C11F4D !important;
    z-index: 5;
    position: relative;
    background-color: #bfbebe;
}

.newsletter span.email{
	display:none
}

.newsletter .elp_form_message.success{
	color:#000 !important;
    font-size:18px !important;
    line-height: 1.6 !important;
}