.elementor-30333 .elementor-element.elementor-element-43391d2{--display:flex;}.elementor-30333 .elementor-element.elementor-element-43391d2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-8c1f795 */#loading {
    text-align: center;
    margin-top: 20px;
}

.loading-bar-container {
    border: 1px solid #ccc;
    width: 100%;
    height: 20px;
    margin-top: 10px;
}

.loading-bar {
    width: 0;
    height: 100%;
    background-color: #e35310;
}

.loading-dots-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.loading-dot {
    width: 10px;
    height: 10px;
    background-color: #e35310;
    border-radius: 50%;
    margin: 0 5px;
    animation: loadingDots 1s infinite;
}

.loading-dot:nth-child(2) {
    animation-delay: 0.2s;
}

.loading-dot:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes loadingDots {
    0%, 20% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}

#result {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

#result div {
    text-align: center;
    margin: 0 20px;
}

#result img {
    border: 2px solid #ccc;
    border-radius: 5px;
    width: 480px;
    height: 360px;
}

button {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button:hover {
    background-color: #45a049;
}

button:disabled {
    background-color: #ddd;
    cursor: not-allowed;
}/* End custom CSS */