.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-633 .elementor-element.elementor-element-3e7ed9e{text-align:center;}.elementor-633 .elementor-element.elementor-element-3e7ed9e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#333333;}.elementor-633 .elementor-element.elementor-element-ace1989{text-align:center;}.elementor-633 .elementor-element.elementor-element-ace1989 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#9AA5AA;}/* Start custom CSS for html, class: .elementor-element-2885b37 */.converter {
            max-width: 1200px;
            margin: 0 auto;
            text-align: center;
            padding: 20px;
        }

        .drop-area {
            width: 100%;
            border: 2px dashed #ccc;
            border-radius: 8px;
            padding: 50px;
            text-align: center;
            background-color: #fff;
            cursor: pointer;
            box-sizing: border-box;
        }

        .drop-area p {
            color: #555;
            font-size: 18px;
            margin-bottom: 20px;
        }

        .file-button {
            display: inline-block;
            background-color: #00bb88;
            color: #fff;
            border: none;
            padding: 12px 24px;
            font-size: 16px;
            border-radius: 5px;
            cursor: pointer;
            text-transform: uppercase;
            transition: background-color 0.3s;
        }

        .file-button:hover {
            background-color: #128566;
        }

        #fileInput {
            display: none;
        }

        .file-secure {
            color: #888;
            font-size: 12px;
            margin-top: 10px;
        }

        .output {
            text-align: center;
            margin-top: 30px;
        }

        .image-container {
            display: inline-block;
            margin: 15px;
        }

        .image-container img {
            max-width: 100%;
            width: 200px;
            border: 1px solid #ddd;
            border-radius: 8px;
        }

        .download-btn {
            display: block;
            margin-top: 10px;
            text-decoration: none;
            background-color: #00bb88;
            color: white;
            padding: 10px 20px;
            border-radius: 5px;
            font-size: 14px;
            transition: background-color 0.3s;
            text-align: center;
        }

        .download-btn:hover {
            background-color: #0f8163;
        }/* End custom CSS */