.elementor-15171 .elementor-element.elementor-element-b33029d .elementor-repeater-item-8a6233f .swiper-slide-bg{background-image:url(https://staging.hrdcorp.gov.my/wp-content/uploads/2021/05/61b.jpg);background-size:cover;}.elementor-15171 .elementor-element.elementor-element-b33029d .elementor-repeater-item-8a6233f .swiper-slide-contents{margin-right:auto;}.elementor-15171 .elementor-element.elementor-element-b33029d .swiper-slide{transition-duration:calc(5000ms*1.2);height:700px;}.elementor-15171 .elementor-element.elementor-element-b33029d .swiper-slide-contents{max-width:40%;}.elementor-15171 .elementor-element.elementor-element-b33029d .swiper-slide-inner{text-align:start;}.elementor-15171 .elementor-element.elementor-element-b33029d .elementor-slide-heading{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-15171 .elementor-element.elementor-element-b33029d .elementor-slide-description{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-15171 .elementor-element.elementor-element-fc67464 .elementor-post__thumbnail__link{padding-bottom:calc( 0.61 * 100% );}.elementor-15171 .elementor-element.elementor-element-fc67464:after{content:"0.61";position:absolute;color:transparent;}.elementor-15171 .elementor-element.elementor-element-fc67464{--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-15171 .elementor-element.elementor-element-fc67464 a .elementor-portfolio-item__overlay{background-color:#002169;}.elementor-15171 .elementor-element.elementor-element-fc67464 a .elementor-portfolio-item__title{color:var( --e-global-color-ac88a25 );}.elementor-15171 .elementor-element.elementor-element-fc67464 .elementor-portfolio-item__title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;}@media(max-width:1024px){.elementor-15171 .elementor-element.elementor-element-b33029d .swiper-slide{height:400px;}.elementor-15171 .elementor-element.elementor-element-b33029d .swiper-slide-contents{max-width:40%;}.elementor-15171 .elementor-element.elementor-element-b33029d .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-15171 .elementor-element.elementor-element-b33029d .elementor-slide-description{font-size:var( --e-global-typography-text-font-size );}.elementor-bc-flex-widget .elementor-15171 .elementor-element.elementor-element-0dacff5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-15171 .elementor-element.elementor-element-0dacff5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-15171 .elementor-element.elementor-element-fc67464 .elementor-portfolio-item__title{font-size:16px;}}@media(max-width:767px){.elementor-15171 .elementor-element.elementor-element-b33029d .swiper-slide{height:350px;}.elementor-15171 .elementor-element.elementor-element-b33029d .swiper-slide-contents{max-width:100%;}.elementor-15171 .elementor-element.elementor-element-b33029d .swiper-slide-inner{padding:0px 50px 0px 50px;}.elementor-15171 .elementor-element.elementor-element-b33029d .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-15171 .elementor-element.elementor-element-b33029d .elementor-slide-description{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for portfolio, class: .elementor-element-fc67464 */#filter_tag ul li {
    width: 20%;
    margin: 0;
    color:#063058;
    text-align: center
}




@media screen and (max-width: 768px) {
    
    
 
    #filter_tag.elementor-grid-mobile-1 ul li {
    /*width: 100%;*/

  }
  
  .elementor-portfolio__filters li[data-filter="__all"],.elementor-portfolio__filters li[data-filter="8"],.elementor-portfolio__filters li[data-filter="9"],.elementor-portfolio__filters li[data-filter="23"] {padding-top:20px;}


}

@media screen and (max-width: 360px) {
    .elementor-portfolio__filters li[data-filter="__all"],.elementor-portfolio__filters li[data-filter="8"],.elementor-portfolio__filters li[data-filter="23"] {padding:15px 0 0 0;}
    
    
    .elementor-portfolio__filters li[data-filter="9"] {padding-top:11px;}
    
    .elementor-portfolio__filters li[data-filter="10"] {padding:10px 0 0 0}

}




.elementor-portfolio__filters li[data-filter="__all"] {background:#EF4E23;}
.elementor-portfolio__filters li[data-filter="8"] {background:#F9B23F;}
.elementor-portfolio__filters li[data-filter="9"] {background:#50AAFF;}
.elementor-portfolio__filters li[data-filter="10"] {background:#50AAFF}


.elementor-portfolio__filters li[data-filter="67"] {background:#83AA50}


.elementor-portfolio__filters li[data-filter="65"] {background:#CCCCCC;}

#filter_tag li.elementor-active{
    background:#183255 !important;
color:#fff;
}

.elementor-portfolio__filters li[data-filter="23"] {
    order:4;
}

.elementor-portfolio-item__overlay{
    /*background: #ffffff50 !important;*/
    opacity: 0.90;
    /*justify-content: flex-end !important;*/
}

.elementor-portfolio-item__overlay h4{
    color: #fff !important;
    /*text-align: left;*/
    font-weight: bold;
    text-transform: uppercase;
}

.post-2108 .elementor-portfolio-item__overlay h4{
    text-transform: none;
}


.elementor-portfolio-item__overlay:hover {
    /*background: transparent !important;*/
}



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

.elementor-portfolio-item__overlay:hover{
    /*background: #183255ab !important;*/
    
    opacity: 0.80;
    
}

.elementor-portfolio-item__overlay:hover h4{
    color: #fff !important;
}


}

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

.elementor-portfolio-item__overlay:hover{
    background: #002169 !important;
    
    opacity: 0.90;
    
}

.elementor-portfolio-item__overlay:hover h4{
    color: #fff !important;
}


}



.elementor-portfolio__filters li[data-filter="67"] {
    order:3;
}

.elementor-portfolio__filters li[data-filter="65"] {
    order:4;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6b976c2 */.elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img{
    height:100% !important;
    object-fit: cover;
}/* End custom CSS */