CSS novato aquí. Estoy tratando de eliminar la barra de desplazamiento vertical que aparece en el móvil para un widget de calendly.

Código de inserción del widget:

 <div class="calendly-inline-widget" data-url="https://calendly.com/lohrandcompany/introduction-meeting-web" style="min-width: 320px; height: 680px;"></div> <p> <script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js"></script>

El formato se ve muy bien en la vista de escritorio, pero me gustaría eliminar la barra de desplazamiento vertical que aparece en la página ( https://avt.850.myftpupload.com/get-started-now/ ) en la vista móvil:

Intenté agregar una consulta de medios a la sección CSS personalizada para ajustar la altura del widget según el tamaño de la pantalla del dispositivo, pero no parece cambiar nada:

 @media only screen and (max-width: 780px) { .calendly-inline-widget { height: 1050px; } }

¡Por favor avise!