/*Ensure banners reserve space before image loads:*/
.desk-top-banner  {
    aspect-ratio: 1740 / 554;
    object-fit: cover;
}
.phone-banner {
    aspect-ratio: 10 / 13;
    object-fit: cover;
}

#offer {
    min-height: 320px; /* match actual offer slider height */
    position: relative;
}

.offer-box img {
    aspect-ratio: 16 / 9; /* adjust if needed */
    width: 100%;
    height: auto;
    object-fit: cover;
}

.offer-btn img {
    width: auto;
}

.offer-skeleton {
    position: absolute;
    inset: 0;
    height: 320px;
    background: linear-gradient( 90deg, #e0e0e0 25%, #f5f5f5 37%, #e0e0e0 63% );
    background-size: 400% 100%;
    animation: shimmer 1.4s infinite;
    z-index: 1;
}

@keyframes shimmer {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.banking-skeleton {
    position: absolute;
    inset: 0;
    height: 420px;
    background: linear-gradient( 90deg, #e0e0e0 25%, #f5f5f5 37%, #e0e0e0 63% );
    background-size: 400% 100%;
    animation: shimmer 1.4s infinite;
    z-index: 1;
}



.banking-text h5 {
    font-size: 18px;
    line-height: 1.3;
    font-family: 'Plus Jakarta Sans';
}

.banking-text p {
    line-height: 1.5;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('/fonts/YourFont.woff2') format('woff2');
    font-display: swap;
}