.elementor-115232 .elementor-element.elementor-element-1d3494f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overflow:hidden;overflow:visible;}@media(min-width:768px){.elementor-115232 .elementor-element.elementor-element-1d3494f{--content-width:1280px;}}/* Start custom CSS */html, body {
    overflow-y: hidden;
}

/* 1. Target the outer container */
div[data-cvt-embed] {
    /* Set dimensions for the visible embed area */
    width: 100%;
    max-width: 1; /* Constrain the width if needed */
    height: 100vw; /* Set a height, allowing internal scrolling */
    
    /* Style the area AROUND the embedded content */
    background-color: #f0f8ff; /* Example: Light background color */
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    margin: 0 auto; /* Center the embed container */
}

/* 2. Target the injected iframe (If you can find a unique class/ID for it) */
/* This ensures the iframe fills the container (div[data-cvt-embed]) */
/* NOTE: This still won't style content INSIDE the iframe, just the iframe's boundary */
div[data-cvt-embed] iframe {
    width: 100%;
    height: 100%;
    border: none;
}/* End custom CSS */