.elementor-6269 .elementor-element.elementor-element-1d736588{--display:flex;}.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-6269 .elementor-element.elementor-element-e265387{text-align:center;}.elementor-6269 .elementor-element.elementor-element-e265387 .elementor-heading-title{color:#494949;}.elementor-6269 .elementor-element.elementor-element-8a25fc0{--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-6269 .elementor-element.elementor-element-3896818{--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-6269 .elementor-element.elementor-element-3896818.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6269 .elementor-element.elementor-element-4e6b0df{--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;}@media(min-width:768px){.elementor-6269 .elementor-element.elementor-element-3896818{--width:80.02%;}.elementor-6269 .elementor-element.elementor-element-4e6b0df{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-8a25fc0 */.converter-container {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .box {
      flex: 1;
      min-width: 300px;
      display: flex;
      flex-direction: column;
    }

    textarea {
      font-size: 20px;
      padding: 10px;
      resize: vertical;
      height: 250px;
      border: 1px solid #ccc;
      border-radius: 6px;
    }

    #legacy_text {
      font-family: preeti;
      font-size: 20px; /*Adjust size as needed*/
      color: rgb(0, 0, 0);
    }

    .buttons {
      margin-top: 10px;
      display: flex;
      gap: 10px;
    }

    button {
      flex: 1;
      padding: 10px;
      font-size: 16px;
      background-color: #2e4aff;
      color: #2e4aff;
      border: none;
      border-radius: 6px;
      cursor: pointer;
    }

    button:hover {
      background-color: #001182;
    }

    @media (max-width: 768px) {
      .converter-container {
        flex-direction: column;
      }
    }
    #unicode_text_two::placeholder {
    color: gray; /* Change to desired color */
    opacity: 0.3; /* Adjust for fade effect */
}/* End custom CSS */