.elementor-2002 .elementor-element.elementor-element-694103e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.6;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-2002 .elementor-element.elementor-element-694103e:not(.elementor-motion-effects-element-type-background), .elementor-2002 .elementor-element.elementor-element-694103e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://usbi.com.ph/wp-content/uploads/2026/02/selective-focus-of-daily-print-newspapers-on-stand-2026-01-06-00-29-55-utc.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2002 .elementor-element.elementor-element-694103e::before, .elementor-2002 .elementor-element.elementor-element-694103e > .elementor-background-video-container::before, .elementor-2002 .elementor-element.elementor-element-694103e > .e-con-inner > .elementor-background-video-container::before, .elementor-2002 .elementor-element.elementor-element-694103e > .elementor-background-slideshow::before, .elementor-2002 .elementor-element.elementor-element-694103e > .e-con-inner > .elementor-background-slideshow::before, .elementor-2002 .elementor-element.elementor-element-694103e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-accent ) 100%);}.elementor-2002 .elementor-element.elementor-element-e17dbe8{--display:flex;}.elementor-2002 .elementor-element.elementor-element-6e5bf7e .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:70px;font-weight:700;text-transform:uppercase;text-shadow:0px 0px 8px rgba(0,0,0,0.3);color:var( --e-global-color-9e6dd61 );}.elementor-2002 .elementor-element.elementor-element-083ad30 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(40px/2);}.elementor-2002 .elementor-element.elementor-element-083ad30 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(40px/2);}.elementor-2002 .elementor-element.elementor-element-083ad30 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(40px/2);}.elementor-2002 .elementor-element.elementor-element-083ad30 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-40px/2);}.elementor-2002 .elementor-element.elementor-element-083ad30 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-40px/2);}.elementor-2002 .elementor-element.elementor-element-083ad30 .elementor-icon-list-item:not(:last-child):after{content:"";height:65%;border-color:#ddd;}.elementor-2002 .elementor-element.elementor-element-083ad30 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:2px;}.elementor-2002 .elementor-element.elementor-element-083ad30 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-2002 .elementor-element.elementor-element-083ad30 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:2px;}.elementor-2002 .elementor-element.elementor-element-083ad30 .elementor-icon-list-icon i{color:var( --e-global-color-9e6dd61 );transition:color 0.3s;}.elementor-2002 .elementor-element.elementor-element-083ad30 .elementor-icon-list-icon svg{fill:var( --e-global-color-9e6dd61 );transition:fill 0.3s;}.elementor-2002 .elementor-element.elementor-element-083ad30{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2002 .elementor-element.elementor-element-083ad30 .elementor-icon-list-icon{padding-inline-end:5px;}.elementor-2002 .elementor-element.elementor-element-083ad30 .elementor-icon-list-text{color:var( --e-global-color-9e6dd61 );transition:color 0.3s;}.elementor-2002 .elementor-element.elementor-element-880f3c6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-2002 .elementor-element.elementor-element-d3141db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 0px;--row-gap:50px;--column-gap:0px;}.elementor-2002 .elementor-element.elementor-element-f99b8dc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2002 .elementor-element.elementor-element-912aae3{--grid-columns:3;}.elementor-2002 .elementor-element.elementor-element-912aae3 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2002 .elementor-element.elementor-element-912aae3 .e-loop-item > .elementor-section, .elementor-2002 .elementor-element.elementor-element-912aae3 .e-loop-item > .elementor-section > .elementor-container, .elementor-2002 .elementor-element.elementor-element-912aae3 .e-loop-item > .e-con, .elementor-2002 .elementor-element.elementor-element-912aae3 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-2002 .elementor-element.elementor-element-912aae3 .elementor-pagination{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );margin-top:24px;}.elementor-2002 .elementor-element.elementor-element-912aae3 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-text );}.elementor-2002 .elementor-element.elementor-element-912aae3 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-accent );}.elementor-2002 .elementor-element.elementor-element-912aae3 .elementor-pagination .page-numbers.current{color:var( --e-global-color-accent );}body:not(.rtl) .elementor-2002 .elementor-element.elementor-element-912aae3 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2002 .elementor-element.elementor-element-912aae3 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2002 .elementor-element.elementor-element-912aae3 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2002 .elementor-element.elementor-element-912aae3 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1536px){.elementor-2002 .elementor-element.elementor-element-6e5bf7e .elementor-heading-title{font-size:60px;}}@media(max-width:1200px){.elementor-2002 .elementor-element.elementor-element-6e5bf7e .elementor-heading-title{font-size:45px;}.elementor-2002 .elementor-element.elementor-element-880f3c6{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}}@media(max-width:1024px){.elementor-2002 .elementor-element.elementor-element-6e5bf7e .elementor-heading-title{font-size:40px;}.elementor-2002 .elementor-element.elementor-element-880f3c6{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-2002 .elementor-element.elementor-element-912aae3{--grid-columns:2;}}@media(max-width:880px){.elementor-2002 .elementor-element.elementor-element-6e5bf7e .elementor-heading-title{font-size:35px;}.elementor-2002 .elementor-element.elementor-element-880f3c6{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-2002 .elementor-element.elementor-element-912aae3{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-8fea91b */.custom-category-filter {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.custom-category-filter a {
    padding: 8px 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: all 0.3s ease;
}

.custom-category-filter a:hover {
    background-color: var(--e-global-color-primary);
    color: #fff;
    border-color: var(--e-global-color-primary);
}

.custom-category-filter a.active {
    background-color: var(--e-global-color-primary);
    color: #fff;
    border-color: var(--e-global-color-primary);
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-912aae3 */.elementor-loop-container.elementor-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important; 
    gap: 30px;
}

.elementor-loop-container.elementor-grid > .e-loop-item {
    flex: 0  428px; 
    max-width: 100%; 
    display: flex;
    justify-content: center; 
}

.elementor-loop-container.elementor-grid > .e-loop-item .e-con {
    width: 100%;
    display: flex;
    justify-content: center;
}

.elementor-loop-container.elementor-grid > .e-loop-item .elementor-flip-box {
    height: 100%;
}

/* Target only the Loan category archive */
.archive.term-loan .elementor-loop-container.elementor-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 428px) !important; 
    justify-content: center; 
    gap: 30px;
    grid-template-rows: repeat(2, auto);
}

.archive.term-loan .elementor-loop-container .elementor-loop-item {
    width: 100% !important;
    max-width: 100%;
    margin-inline: 0; 
}

@media (max-width: 900px) {
    .archive.term-loan .elementor-loop-container.elementor-grid {
        grid-template-columns: 1fr !important;
        justify-items: center;
    }
}

/*responsivness of deposit category*/

@media (max-width: 1366px) {
    .elementor-2002 .elementor-element.elementor-element-912aae3 .elementor-loop-container.elementor-grid > .e-loop-item {
        flex: 0 0 32.3%;
        max-width: 50%;
    }
    .elementor-2002 .elementor-element.elementor-element-912aae3 .elementor-loop-container.elementor-grid {
        gap: 20px;
    }
}

@media (max-width: 1200px) {
    .elementor-2002 .elementor-element.elementor-element-912aae3 .elementor-loop-container.elementor-grid > .e-loop-item {
        flex: 0 0 48.9%;
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    .elementor-2002 .elementor-element.elementor-element-912aae3 .elementor-loop-container.elementor-grid > .e-loop-item {
        flex: 0 0 48.6%;
        max-width: 100%;
    }
}

@media (max-width: 880px) {
    .elementor-2002 .elementor-element.elementor-element-912aae3 .elementor-loop-container.elementor-grid > .e-loop-item {
        flex: 0 0 48.5%;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .elementor-2002 .elementor-element.elementor-element-912aae3 .elementor-loop-container.elementor-grid > .e-loop-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}/* End custom CSS */