#submit__btn__shadow__root,
 #submit-btn {
     display: flex;
     justify-content: flex-end;
 }

 .min-width {
     min-width: 320px !important;
 }

 .output__container {
     display: none;
 }

 .dropdown___container {
     width: 100% !important;
 }

 .output__box {
     border: 1px solid var(--color-light-silver);
     border-radius: var(--border-radius-large);
 }

 .output__box .output-content {
     padding: 10px 10px 10px 10px;
 }

 .rewrite_btn_input {
     /* margin-top: 27px  */
 }

 .output__box .tool_setting_bar {
     /* border-top: none; */
     height: max-content;
     padding: 5px 10px 5px 10px;
 }

 .options_input {
     width: 25% !important;
     flex: unset !important;
 }

 .dropdown___container .selected__option__container {
     padding: 10px !important;
 }

 .rewriterSenBtn {
     width: 100%;
     align-items: end;
     justify-content: end;
 }

 .horizontal-line {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .p-relative {
     position: relative;
 }

 .fw-semiBold {
     font-weight: 600;
 }

 #clear-input,
 .clear-input,
 #clear-url {
     top: 10px;
     right: 10px;
 }

 .selected {
     background: aliceblue;
 }

 /* TODO:: if its works then keep it or to revert remove it   */
 .options_input {
     width: 155px !important;
 }

 .dropdown___container .options__list {
     min-width: 155px !important;
 }

 .dropdown___container .options__list.columns-2 .option:nth-child(odd) {
     min-width: 100% !important;
     max-width: 100% !important;
 }

 .form__container .input__container #input_text {
     padding: 10px 30px 30px 10px !important;
     border: 1px solid #E5E5E5;
 }

 .form__container .input__container #input_text:focus {
     border-color: black;
 }

 .options_input label {
     font-weight: 400;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: 0%;
     color: #8D8F94;
 }

 .dropdown___container .options__list {
     bottom: 38px!important;
 }

 .rewriterSenBtn {
     margin-top: 26px !important;
 }

 .form__container .input__container .input:not(textarea),
 .dropdown___container .options__list .option,
 .dropdown___container .options__list .option span,
 .dropdown___container .selected__option {
     font-size: 14px !important;
 }

 .form__container .input__container .input:not(textarea) {
     padding: 4px 10px !important;
 }

 .dropdown___container .options__list {
     border-radius: 10px;
     overflow: hidden;
     gap: 7px !important;
 }

 .dropdown___container .selected__option__container img {
     width: fit-content !important;
 }

 .tool__container.ai_tool .input__output {
     gap: 20px;
 }

 #sample-text-gen {
     gap: 4px;
 }

 .response_heading {
     font-weight: 600;
     font-size: 16px;
     line-height: 20px;
     letter-spacing: 0%;
 }

 @media (max-width: 822px) {

     #submit__btn__shadow__root,
     #submit-btn {
         justify-content: center !important;
     }

     .min-width {
         min-width: 100% !important;
     }
 }

 @media (max-width:600px) {

     /* TODO:: if its works then keep it or to revert remove the all bottom the direction column and uncomment column  */
     .form__container .input__inline {
         /* flex-direction: column !important; */
         flex-direction: row !important;
         justify-content: center;
         align-items: center;
         /* padding-bottom: 10px; */
     }

     .form__container .input__container {
         width: 100% !important;
     }

     .form__container .input__inline {
         /* width: 100% !important; */
         margin-top: 0 !important;
     }

     .form__container .input__container.options_input {
         width: calc(50% - 10px) !important;
     }

 }

 @media (max-width:360px) {
     .form__container .input__container.options_input {
         width: 100% !important;
     }
 }