.elementor-950 .elementor-element.elementor-element-b33029d .elementor-repeater-item-8a6233f .swiper-slide-bg{background-color:#833ca3;background-image:url(https://staging.hrdcorp.gov.my/wp-content/uploads/2021/05/8.jpg);background-size:cover;}.elementor-950 .elementor-element.elementor-element-b33029d .elementor-repeater-item-8a6233f .swiper-slide-contents{margin-right:auto;}.elementor-950 .elementor-element.elementor-element-b33029d .swiper-slide{transition-duration:calc(5000ms*1.2);height:700px;}.elementor-950 .elementor-element.elementor-element-b33029d .swiper-slide-contents{max-width:40%;}.elementor-950 .elementor-element.elementor-element-b33029d .swiper-slide-inner{text-align:start;}.elementor-950 .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-950 .elementor-element.elementor-element-b33029d .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:2px;}.elementor-950 .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-950 .elementor-element.elementor-element-fc67464 .elementor-post__thumbnail__link{padding-bottom:calc( 0.61 * 100% );}.elementor-950 .elementor-element.elementor-element-fc67464:after{content:"0.61";position:absolute;color:transparent;}.elementor-950 .elementor-element.elementor-element-fc67464{--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-950 .elementor-element.elementor-element-fc67464 a .elementor-portfolio-item__overlay{background-color:#002169;}.elementor-950 .elementor-element.elementor-element-fc67464 a .elementor-portfolio-item__title{color:var( --e-global-color-primary );}.elementor-950 .elementor-element.elementor-element-fc67464 .elementor-portfolio-item__title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;}.elementor-950 .elementor-element.elementor-element-fc67464 .elementor-portfolio__filter{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;}.elementor-950 .elementor-element.elementor-element-fc67464 .elementor-portfolio__filter:not(:last-child){margin-right:calc(22px/2);}.elementor-950 .elementor-element.elementor-element-fc67464 .elementor-portfolio__filter:not(:first-child){margin-left:calc(22px/2);}.elementor-950 .elementor-element.elementor-element-fc67464 .elementor-portfolio__filters{margin-bottom:5px;}@media(max-width:1024px){.elementor-950 .elementor-element.elementor-element-b33029d .swiper-slide{height:400px;}.elementor-950 .elementor-element.elementor-element-b33029d .swiper-slide-contents{max-width:40%;}.elementor-950 .elementor-element.elementor-element-b33029d .swiper-slide-inner{padding:0px 50px 0px 50px;}.elementor-950 .elementor-element.elementor-element-b33029d .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-950 .elementor-element.elementor-element-b33029d .elementor-slide-description{font-size:var( --e-global-typography-text-font-size );}.elementor-bc-flex-widget .elementor-950 .elementor-element.elementor-element-0dacff5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-950 .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-950 .elementor-element.elementor-element-fc67464 .elementor-portfolio-item__title{font-size:16px;}.elementor-950 .elementor-element.elementor-element-fc67464 .elementor-portfolio__filter{font-size:14px;}}@media(max-width:767px){.elementor-950 .elementor-element.elementor-element-b33029d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-950 .elementor-element.elementor-element-b33029d .swiper-slide{height:350px;}.elementor-950 .elementor-element.elementor-element-b33029d .swiper-slide-contents{max-width:100%;}.elementor-950 .elementor-element.elementor-element-b33029d .swiper-slide-inner{padding:0px 50px 0px 50px;}.elementor-950 .elementor-element.elementor-element-b33029d .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-950 .elementor-element.elementor-element-b33029d .elementor-slide-description{font-size:var( --e-global-typography-text-font-size );}.elementor-950 .elementor-element.elementor-element-fc67464 .elementor-portfolio__filter{font-size:10px;line-height:1em;}}/* Start custom CSS for portfolio, class: .elementor-element-fc67464 */#filter_tag ul li {
    width: 20%;
    margin: 0;
    color: #063058;
    text-align: center;
    padding: 12px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.elementor-portfolio__filters{
    width: 100%
}




@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:#7db93c;}


.elementor-portfolio__filters li[data-filter="146"] {background:#50AAFF}


.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-15121 .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="146"] {
 order: 4; 
 text-transform:none !important;
}


.elementor-portfolio__filters li[data-filter="65"] {
 order: 5; 
 text-transform:none !important;
}

/* Orange & Blue Overlay */
.elementor-portfolio-item .elementor-portfolio-item__img {
    opacity: 1;
}
.elementor-portfolio-item .elementor-portfolio-item__overlay {
    opacity: 0.4;
}
.elementor-portfolio-item:hover .elementor-portfolio-item__img {
    opacity: 1;
}
.elementor-portfolio-item:hover .elementor-portfolio-item__overlay {
    opacity: 0;
}
.elementor-portfolio article:nth-child(odd) .elementor-portfolio-item__overlay {
    background: #F04E23 !important;
}/* 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 */