.elementor-1021 .elementor-element.elementor-element-d997acd{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1021 .elementor-element.elementor-element-b7c9caf{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1021 .elementor-element.elementor-element-626fc1b{--display:flex;--min-height:70vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1021 .elementor-element.elementor-element-dbf6ea1{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1021 .elementor-element.elementor-element-dc39214{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 100px 0px 0px;}.elementor-1021 .elementor-element.elementor-element-dc39214 .elementor-heading-title{font-family:"Parkinsans", Sans-serif;font-size:45px;font-weight:800;line-height:1.2em;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1021 .elementor-element.elementor-element-6a80475{padding:0px 0px 0px 0px;font-family:"Host Grotesk", Sans-serif;font-size:14px;font-weight:600;line-height:24px;color:#6D6E70;}.elementor-1021 .elementor-element.elementor-element-0ef442a{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1021 .elementor-element.elementor-element-0ef442a:not(.elementor-motion-effects-element-type-background), .elementor-1021 .elementor-element.elementor-element-0ef442a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inacash.co.id/wp-content/uploads/2026/05/home-bg.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1021 .elementor-element.elementor-element-61e94f5{--e-transform-translateY:30px;--e-transform-scale:1.1;}.elementor-1021 .elementor-element.elementor-element-61e94f5 img{width:100%;}.elementor-1021 .elementor-element.elementor-element-0759411{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1021 .elementor-element.elementor-element-a8163bd{--grid-columns:2;}.elementor-1021 .elementor-element.elementor-element-a8163bd .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1021 .elementor-element.elementor-element-a8163bd .e-loop-item > .elementor-section, .elementor-1021 .elementor-element.elementor-element-a8163bd .e-loop-item > .elementor-section > .elementor-container, .elementor-1021 .elementor-element.elementor-element-a8163bd .e-loop-item > .e-con, .elementor-1021 .elementor-element.elementor-element-a8163bd .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1021 .elementor-element.elementor-element-a8163bd .elementor-pagination{text-align:center;font-family:"Parkinsans", Sans-serif;font-size:20px;font-weight:700;margin-top:25px;}body:not(.rtl) .elementor-1021 .elementor-element.elementor-element-a8163bd .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 0px/2 );}body:not(.rtl) .elementor-1021 .elementor-element.elementor-element-a8163bd .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 0px/2 );}body.rtl .elementor-1021 .elementor-element.elementor-element-a8163bd .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 0px/2 );}body.rtl .elementor-1021 .elementor-element.elementor-element-a8163bd .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 0px/2 );}.elementor-1021 .elementor-element.elementor-element-e97ea69{width:100%;max-width:100%;bottom:0px;z-index:0;}body:not(.rtl) .elementor-1021 .elementor-element.elementor-element-e97ea69{left:0px;}body.rtl .elementor-1021 .elementor-element.elementor-element-e97ea69{right:0px;}.elementor-1021 .elementor-element.elementor-element-e97ea69 img{width:100%;}@media(max-width:1024px){.elementor-1021 .elementor-element.elementor-element-dc39214{padding:0px 100px 0px 0px;}.elementor-1021 .elementor-element.elementor-element-61e94f5 img{width:80%;}.elementor-1021 .elementor-element.elementor-element-a8163bd{--grid-columns:2;}}@media(max-width:767px){.elementor-1021 .elementor-element.elementor-element-626fc1b{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1021 .elementor-element.elementor-element-dc39214{padding:0px 0px 0px 0px;}.elementor-1021 .elementor-element.elementor-element-dc39214 .elementor-heading-title{font-size:32px;}.elementor-1021 .elementor-element.elementor-element-6a80475{font-size:12px;}.elementor-1021 .elementor-element.elementor-element-a8163bd{--grid-columns:1;}}@media(min-width:768px){.elementor-1021 .elementor-element.elementor-element-dbf6ea1{--width:60%;}.elementor-1021 .elementor-element.elementor-element-0ef442a{--width:50%;}}/* Start custom CSS for image, class: .elementor-element-61e94f5 *//* === DESKTOP: Gabung transform Elementor + floating === */
.floating-phone {
    /* Elementor transform (contoh — sesuaikan dengan nilai mu!) */
    transform: scale(1) translateY(0);
    animation: float-desktop 6s ease-in-out infinite;
}

@keyframes float-desktop {
    0%, 100% {
        transform: scale(1) translateY(0);
    }
    50% {
        transform: scale(1) translateY(-12px);
    }
}

/* === MOBILE: Reset transform utama, hanya floating === */
@media (max-width: 768px) {
    .floating-phone {
        /* Hapus scale & rotate dari Elementor */
        transform: translateY(0); /* reset ke default */
        animation: float-mobile 6s ease-in-out infinite;
    }

    @keyframes float-mobile {
        0%, 100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-6px); /* lebih halus di mobile */
        }
    }
}

@media (max-width: 1024px) {
    .floating-phone {
        /* Hapus scale & rotate dari Elementor */
        transform: translateY(0) scale(1.2); /* reset ke default */
        animation: float-mobile 6s ease-in-out infinite;
    }

    @keyframes float-mobile {
        0%, 100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-6px); /* lebih halus di mobile */
        }
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a8163bd *//* ============================================
   PAGINATION CONTAINER
   ============================================ */

.elementor-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 25px !important;
    text-align: center !important;
}

/* ============================================
   PAGINATION BUTTONS - DEFAULT STATE
   ============================================ */

.elementor-pagination .page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    height: 32px !important;
    padding: 0 20px !important;
    background: transparent !important;
    color: #999999 !important;
    font-family: "Parkinsans", sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    border: none !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* Hover state */
.elementor-pagination .page-numbers:hover:not(.current):not(.prev):not(.next):not(.dots) {
    background: #f0f0f0 !important;
    color: #333333 !important;
}

/* ============================================
   ACTIVE PAGE (Current) - GRADIENT
   ============================================ */

.elementor-pagination .page-numbers.current {
    background: linear-gradient(90deg, #FF800C 0%, #FF3D31 50%, #E30031 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    min-width: 36px !important;
}

/* ============================================
   PREV/NEXT ARROWS
   ============================================ */

.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
    color: #999999 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    min-width: auto !important;
    padding: 0 8x !important;
}

.elementor-pagination .page-numbers.prev:hover,
.elementor-pagination .page-numbers.next:hover {
    color: #333333 !important;
    background: #f0f0f0 !important;
}

/* ============================================
   DOTS (...)
   ============================================ */

.elementor-pagination .page-numbers.dots {
    color: #999999 !important;
    background: transparent !important;
    cursor: default !important;
}

.elementor-pagination .page-numbers.dots:hover {
    background: transparent !important;
    color: #999999 !important;
}

/* ============================================
   HIDE SCREEN-ONLY TEXT
   ============================================ */

.elementor-pagination .elementor-screen-only {
    display: none !important;
}

/* ============================================
   RESPONSIVE - MOBILE
   ============================================ */

@media (max-width: 768px) {
    .elementor-pagination {
        gap: 8px !important;
    }
    
    .elementor-pagination .page-numbers {
        min-width: 28px !important;
        height: 28px !important;
        font-size: 16px !important;
    }
    
    .elementor-pagination .page-numbers.current {
        min-width: 32px !important;
    }
    
    .elementor-pagination .page-numbers.prev,
    .elementor-pagination .page-numbers.next {
        font-size: 20px !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Parkinsans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://inacash.co.id/wp-content/uploads/2026/02/Parkinsans-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Host Grotesk';
	font-display: auto;
	src: url('https://inacash.co.id/wp-content/uploads/2026/05/HostGrotesk-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */