/* Outer wrapper for responsive aspect ratio */
.tg-contact-form {
    position: relative;
    padding-bottom: 120%; /* Adjust this percentage as needed for your form's height */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    /* No border, padding, background directly on this one */
}

/* Inner wrapper for border, padding, background, etc. */
.tg-contact-form-inner {
    position: absolute; /* Position it relative to .tg-contact-form */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* Apply your border, padding, background, shadow here */
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-sizing: border-box; /* Crucial: ensures padding doesn't push the border outside */
}


.tg-contact-form-inner iframe { /* Target iframe inside the INNER wrapper */
    width: 100%;
    height: 100%;
    display: block; /* Helps remove any extra space below the iframe */
}