.elementor-22 .elementor-element.elementor-element-64b7a04{--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;}.elementor-22 .elementor-element.elementor-element-64b7a04:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-64b7a04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DBDBDB;}.elementor-22 .elementor-element.elementor-element-484868c{--display:flex;border-style:none;--border-style:none;--border-radius:15px 15px 15px 15px;}.elementor-22 .elementor-element.elementor-element-484868c:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-484868c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-07b4f65{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-22 .elementor-element.elementor-element-07b4f65 > .elementor-shape-top svg, .elementor-22 .elementor-element.elementor-element-07b4f65 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:0px;}.elementor-22 .elementor-element.elementor-element-a18b598{--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;}.elementor-22 .elementor-element.elementor-element-a18b598.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22 .elementor-element.elementor-element-3a6acc0{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:-20px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:96px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-3a6acc0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-22 .elementor-element.elementor-element-5b6a8df .elementor-button{background-color:#000000;}.elementor-22 .elementor-element.elementor-element-b9e561b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:16px;--margin-right:0px;}.elementor-22 .elementor-element.elementor-element-b9e561b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22 .elementor-element.elementor-element-b80da82{--display:flex;--margin-top:-24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22 .elementor-element.elementor-element-3368229{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-22 .elementor-element.elementor-element-e5aa9e3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-3368229{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-a18b598{--width:38.938%;}.elementor-22 .elementor-element.elementor-element-3a6acc0{--width:18.604%;}.elementor-22 .elementor-element.elementor-element-b9e561b{--width:39.646%;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-3368229{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-98a5387 */.language-dropdown {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    background: url('https://flagcdn.com/w40/gb.png') no-repeat left center;
    background-size: 24px;
    padding-left: 40px;
    appearance: none; /* Hide default dropdown arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
}

.language-dropdown option {
    padding-left: 35px;
}

/* Round flag styling */
.language-dropdown {
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 24px;
    border-radius: 8px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5b6a8df */#swap-btn {
    background-color: #d7605e;
    color: white;
    font-size: 20px;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

#swap-btn:hover {
    background-color: #0056b3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-135583e */.language-dropdown {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    background: url('https://flagcdn.com/w40/gb.png') no-repeat left center;
    background-size: 24px;
    padding-left: 35px;
    appearance: none; /* Hide default dropdown arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
}

.language-dropdown option {
    padding-left: 35px;
}

/* Round flag styling */
.language-dropdown {
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 24px;
    border-radius: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89bdc25 */.text-input-container {
    width: 100%;
    height: 300px; /* Matches Reverso’s box size */
    background-color: #f2f2f2; /* Light gray background */
    border-radius: 8px; /* Rounded edges */
    padding: 10px;
}

#source-text {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    font-size: 16px;
    resize: none;
    outline: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-185e327 */.translation-output-container {
    width: 100%;
    height: 300px; /* Matches input box size */
    background-color: #f2f2f2; /* Light gray background */
    border-radius: 8px; /* Rounded edges */
    padding: 10px;
    position: relative;
}

#translated-text {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    font-size: 16px;
    resize: none;
    outline: none;
    pointer-events: none; /* Makes it non-editable */
}

.copy-btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #007bff;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

.copy-btn:hover {
    background: #0056b3;
}/* End custom CSS */