.skeleton-wrapper {
        display: block;
        justify-content: center;
        align-items: center;
        background: #f0f0f0;
        position: relative;
        min-height: 500px; /* fallback height */
        width: 100%;
    }

    /* Skeleton loader */
    .skeleton {
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #e0e0e0 25%, #f7f7f7 50%, #e0e0e0 75%);
        background-size: 200% 100%;
        animation: shimmer 1.5s infinite;
        border-radius: 4px;
    }

    /* Optional: tailored class for first item (HeroBanner size) */
    .skeleton-hero {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 600px;
        width: 100%;
    }
    .skeleton-text-block {
        width: 90%;
        margin-top: 16px;
    }

    /* Each line */
    .skeleton-line {
        height: 16px;
        margin-bottom: 12px;
        width: 100%;
    }

    .section-title .skeleton-line{
        height: 30px;
    }

    /* Vary line width slightly for realism */
    .skeleton-line:nth-child(3n) {
        width: 80%;
    }
    .skeleton-line:nth-child(4n) {
        width: 60%;
    }
    .skeleton-line:nth-child(5n) {
        width: 90%;
    }

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

    .fpo {
        width: 25vw;
        height: auto;
        max-height: 150px;
    }

 .personalisationWrapper .spinner-wrapper {
            text-align: center;
            height: auto;
            line-height: 150px;
            position: absolute;
            width: 100%;
        }

        .personalisationWrapper .spinner::before {
            content: "";
            display: inline-block;
            width: 40px;
            height: 40px;
            border: 8px solid #005983;
            border-top-color: transparent;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            vertical-align: middle;
        }

        @keyframes spin {
            to {
                transform: rotate(360deg);
            }
        }

.personalisationWrapper .contensis-form .terms_conditions,
.personalisationWrapper .contensis-form .comms_subscription,
.personalisationWrapper .form__heading
{
    color:#ffff;
}
.personalisationWrapper .contensis-form .terms_conditions a, 
{
    color:#ffff;
    text-decoration:underline;
}