.elementor-324 .elementor-element.elementor-element-610349fc{--display:flex;--min-height:700px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--padding-top:170px;--padding-bottom:158px;--padding-left:0px;--padding-right:0px;}.elementor-324 .elementor-element.elementor-element-610349fc:not(.elementor-motion-effects-element-type-background), .elementor-324 .elementor-element.elementor-element-610349fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pdnabangkalan.or.id/wp-content/uploads/2025/03/NA.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-324 .elementor-element.elementor-element-610349fc::before, .elementor-324 .elementor-element.elementor-element-610349fc > .elementor-background-video-container::before, .elementor-324 .elementor-element.elementor-element-610349fc > .e-con-inner > .elementor-background-video-container::before, .elementor-324 .elementor-element.elementor-element-610349fc > .elementor-background-slideshow::before, .elementor-324 .elementor-element.elementor-element-610349fc > .e-con-inner > .elementor-background-slideshow::before, .elementor-324 .elementor-element.elementor-element-610349fc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#ACDA56;--background-overlay:'';}.elementor-324 .elementor-element.elementor-element-75c8adac{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-324 .elementor-element.elementor-element-75c8adac.elementor-element{--align-self:center;}.elementor-324 .elementor-element.elementor-element-75c8adac .elementskit-section-title-wraper .elementskit-section-title{color:#FFFFFF;text-shadow:0px 0px 15px rgba(0,0,0,0.3);margin:0px 0px 25px 0px;font-family:"Open Sans", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;}.elementor-324 .elementor-element.elementor-element-75c8adac .elementskit-section-title-wraper .elementskit-section-title:hover{color:#0D5F48;}.elementor-324 .elementor-element.elementor-element-75c8adac .elementskit-section-title-wraper .elementskit-section-title > span{color:#2575fc;}.elementor-324 .elementor-element.elementor-element-75c8adac .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-324 .elementor-element.elementor-element-75c8adac .elementskit-section-title-wraper .elementskit-section-subtitle{color:#FFFFFF;font-family:"Lato", Sans-serif;font-size:18px;font-weight:400;margin:0px 0px 0px 0px;}.elementor-324 .elementor-element.elementor-element-417ec983 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-324 .elementor-element.elementor-element-417ec983 .elementskit-btn{background-color:rgba(0,0,0,0);padding:21px 55px 21px 55px;font-family:"Lato", Sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;text-shadow:0px 0px 76px rgba(0,0,0,0.3);color:#ffffff;fill:#ffffff;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ffffff;border-radius:50px 50px 50px 50px;box-shadow:19px 19px 40px 0px rgba(0,0,0,0.1);}.elementor-324 .elementor-element.elementor-element-417ec983 .elementskit-btn:hover{background-color:#ffffff;color:#80A32A;fill:#80A32A;}.elementor-324 .elementor-element.elementor-element-417ec983 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-324 .elementor-element.elementor-element-417ec983 .elementskit-btn > i, .elementor-324 .elementor-element.elementor-element-417ec983 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-324 .elementor-element.elementor-element-417ec983 .elementskit-btn > i, .rtl .elementor-324 .elementor-element.elementor-element-417ec983 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-324 .elementor-element.elementor-element-6a1796f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:226px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-324 .elementor-element.elementor-element-d451584{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-324 .elementor-element.elementor-element-533d13d{animation-duration:2500ms;z-index:2;animation-delay:500ms;}.elementor-324 .elementor-element.elementor-element-533d13d .aux-modern-heading-primary{font-size:60px;font-weight:bold;text-transform:uppercase;line-height:62px;letter-spacing:-1.62px;color:#56C2A4;margin:0px 0px 0px 0px;max-width:310px;}.elementor-324 .elementor-element.elementor-element-0d9e7d1{position:absolute;right:-320px;}.elementor-324 .elementor-element.elementor-element-0d9e7d1 .aux-the-svg{width:300px;}.elementor-324 .elementor-element.elementor-element-0d9e7d1 .aux-widget-container{text-align:right;}.elementor-324 .elementor-element.elementor-element-55725e1{width:auto;max-width:auto;z-index:5;position:absolute;top:400px;left:-212px;}.elementor-324 .elementor-element.elementor-element-55725e1 .aux-the-svg{width:738px;}.elementor-324 .elementor-element.elementor-element-55725e1 .aux-widget-container-inner{max-width:1600px;}.elementor-324 .elementor-element.elementor-element-55725e1 .aux-widget-container{text-align:left;}.elementor-324 .elementor-element.elementor-element-7ad5364{width:auto;max-width:auto;animation-duration:3000ms;position:absolute;top:-33px;left:-44px;}.elementor-324 .elementor-element.elementor-element-7ad5364 .aux-the-svg{width:300px;}.elementor-324 .elementor-element.elementor-element-7ad5364 .aux-widget-container{text-align:left;}.elementor-324 .elementor-element.elementor-element-0858584 .entry-main{background-color:var( --e-global-color-446b4211 );padding:27px 0px 15px 31px !important;}.elementor-324 .elementor-element.elementor-element-0858584{animation-duration:3000ms;z-index:5;animation-delay:200ms;}.elementor-324 .elementor-element.elementor-element-0858584 > .elementor-widget-container{margin:35px 0px 0px 0px;}.elementor-324 .elementor-element.elementor-element-0858584 .aux-filters:not(.aux-slideup) li > a span, .elementor-324 .elementor-element.elementor-element-0858584 .aux-filters.aux-slideup li > a span:before{color:#c7c7c7;}.elementor-324 .elementor-element.elementor-element-0858584 .aux-filters li > a{font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;line-height:19px;}.elementor-324 .elementor-element.elementor-element-0858584 .aux-filters:not(.aux-slideup) li:hover > a span, .elementor-324 .elementor-element.elementor-element-0858584 .aux-filters.aux-slideup li:hover > a span:before{color:#BFE45A;}.elementor-324 .elementor-element.elementor-element-0858584 .aux-filters li > a.aux-selected span:after, .elementor-324 .elementor-element.elementor-element-0858584 .aux-filters:not(.aux-slideup) li > a.aux-selected span{color:#BFE45A;}.elementor-324 .elementor-element.elementor-element-0858584 .aux-media-image{border-radius:25px 25px 25px 25px !important;}.elementor-324 .elementor-element.elementor-element-0858584 .entry-header .entry-title a{color:#ffffff;font-size:25px;font-weight:300;line-height:37px;letter-spacing:-0.68px;}.elementor-324 .elementor-element.elementor-element-0858584 .entry-tax a{color:rgba(255,255,255,0.66);}.elementor-324 .elementor-element.elementor-element-0858584 .entry-tax{font-size:14px;font-weight:300;font-style:normal;line-height:17px;letter-spacing:-0.38px;}@media(max-width:1024px){.elementor-324 .elementor-element.elementor-element-6a1796f{--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-324 .elementor-element.elementor-element-533d13d .aux-modern-heading-primary{font-size:50px;}}@media(max-width:767px){.elementor-324 .elementor-element.elementor-element-610349fc:not(.elementor-motion-effects-element-type-background), .elementor-324 .elementor-element.elementor-element-610349fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pdnabangkalan.or.id/wp-content/uploads/2025/03/NA.png");background-position:-322px 0px;}.elementor-324 .elementor-element.elementor-element-75c8adac > .elementor-widget-container{margin:50px 0px 40px 0px;}.elementor-324 .elementor-element.elementor-element-75c8adac{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-324 .elementor-element.elementor-element-75c8adac .elementskit-section-title-wraper .elementskit-section-title{font-size:32px;}.elementor-324 .elementor-element.elementor-element-417ec983 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-324 .elementor-element.elementor-element-417ec983 .elementskit-btn{font-size:15px;}.elementor-324 .elementor-element.elementor-element-6a1796f{--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-324 .elementor-element.elementor-element-533d13d .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-324 .elementor-element.elementor-element-533d13d .aux-modern-heading-primary{font-size:50px;}.elementor-324 .elementor-element.elementor-element-7ad5364{right:0px;left:0px;}.elementor-324 .elementor-element.elementor-element-7ad5364 .aux-widget-container{text-align:center;}}@media(min-width:768px){.elementor-324 .elementor-element.elementor-element-6a1796f{--content-width:1600px;}}/* Start custom CSS for aux_recent_portfolios_grid, class: .elementor-element-0858584 */.elementor-324 .elementor-element.elementor-element-0858584 .entry-main{
    border-radius: 25px;
}
.elementor-324 .elementor-element.elementor-element-0858584 .entry-main{
    max-width: 80%;
    margin-left: auto;
    margin-right: 14px;
    margin-top: -94px;
    z-index: 1;
    position: relative;
    transition:all .3s;
}
.elementor-324 .elementor-element.elementor-element-0858584 .entry-title{
    position: relative;
}
.elementor-324 .elementor-element.elementor-element-0858584 .entry-header{
    width: 100%;
}
.elementor-324 .elementor-element.elementor-element-0858584 .entry-title a:after{
    content: '\e1e2';
    width: 36px;
    height: 36px;
    border-radius:20px;
    background: var(--e-global-color-705fc34);
    background: linear-gradient(180deg, var(--e-global-color-705fc34) 12%, var(--e-global-color-55e2dd20) 98%);
    position: absolute;
    top: -47px;
    right: -4%;
    font-family: "auxin-front" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
        -webkit-font-smoothing: antialiased;
    line-height: 35px;
    padding-left: 8px;
    font-size: 21px;
    color: rgba(255,255,255,0.67);
    transition:all .3s;
}
.elementor-324 .elementor-element.elementor-element-0858584 .aux-col:hover .entry-title a:after{
    transform: translateY(85px);
    top: auto;
    transition:all .3s;
}
.elementor-324 .elementor-element.elementor-element-0858584 .aux-filters li &gt; a{
    line-height: 28px!important;
}

.elementor-324 .elementor-element.elementor-element-0858584 .aux-portfolio-columns{
  overflow: visible!important;
}
.elementor-324 .elementor-element.elementor-element-0858584 .aux-filters.aux-slideup .aux-selected span::after{
    background: -webkit-linear-gradient(var(--e-global-color-705fc34), var(--e-global-color-55e2dd20));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition:all .3s;   
}
.elementor-324 .elementor-element.elementor-element-0858584 .aux-filters.aux-slideup .aux-selected span::before{
    content: '';
    border-radius: 100px;
    width: 22px;
    height: 22px;
    background-color: var(--e-global-color-7949f46);
    position: absolute;
    left:3px;
    top: 25px;
    transition: all .3s;
transform: translateY(-100%);
    
}
.elementor-324 .elementor-element.elementor-element-0858584 .widget-container .aux-filters ul{
    margin-bottom: 46px;
}
.elementor-324 .elementor-element.elementor-element-0858584 .widget-container .aux-filters ul li{
    padding-right: 25px;
}
.elementor-324 .elementor-element.elementor-element-0858584 .aux-col{
    margin-bottom: 30px;
}
@media screen and (max-width: 1025px){
.elementor-324 .elementor-element.elementor-element-0858584 .widget-container .aux-filters ul li{
    padding-right: 17px;
} 
.elementor-324 .elementor-element.elementor-element-0858584 .aux-filters.aux-slideup li a span{
    padding: 0;
}
}
@media screen and (max-width: 992px){
.elementor-324 .elementor-element.elementor-element-0858584 {
    padding-right: 4px;
        
}
}
@media screen and (max-width: 1076px)and (min-width: 992px){
    .elementor-324 .elementor-element.elementor-element-0858584 .entry-header .entry-title a{
   font-size: 20px;
   line-height: 33px;
}
}
.elementor-324 .elementor-element.elementor-element-0858584 .entry-main:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: var(--e-global-color-705fc34);
    background: linear-gradient(180deg, var(--e-global-color-705fc34) 12%, var(--e-global-color-55e2dd20) 98%);
    border-radius:20px;
    z-index: -1;
    opacity: 0;
    transition:opacity .3s;
}
.elementor-324 .elementor-element.elementor-element-0858584 .aux-col:hover .entry-main{
    transform: translateY(-31px);
    transition:transform .3s;
}
.elementor-324 .elementor-element.elementor-element-0858584 .aux-col:hover .entry-main:after{
    opacity: 1;
    transition:opacity .3s;
}
@media screen and (max-width: 767px){
.elementor-324 .elementor-element.elementor-element-0858584 .entry-main{
    max-width: 95%;
    margin-left: 14px;
    margin-right: 14px;
} 
}/* End custom CSS */