/* ===== Desktop Default ===== */
.recaptcha-wrapper {
    width: 100%;
    overflow: hidden;
}

.g-recaptcha {
    display: inline-block;
    transform: scale(1);
    transform-origin: left top;
    margin: 15px 0;
}

/* ===== Tablet ===== */
@media (max-width: 768px) {
    .g-recaptcha {
        transform: scale(0.95);
        transform-origin: left top;
    }
}

/* ===== Mobile ===== */
@media (max-width: 576px) {
    .recaptcha-wrapper {
        display: flex;
        justify-content: center; /* Center properly */
    }

    .g-recaptcha {
        transform: scale(0.85);
        transform-origin: center top;
    }
}

/* ===== Small Mobile ===== */
/* @media (max-width: 400px) {
    .g-recaptcha {
        transform: scale(0.75);
        transform-origin: center top;
    }
} */

/* Prevent horizontal scroll */
body {
    overflow-x: hidden;
}