.tool_lable {
    font-size: 14px;
    font-weight: 500;
    text-align: start
}

.class {
    flex: 1;
}

.essay-input-textarea {
    height: 100% !important;
    min-height: 122px;
}

.essay-tool-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    gap: 30px;
    flex-wrap: wrap;
}
.other-tool-footer {
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 30px;
    flex-wrap: wrap;
}


/* other tools */
.other-tools {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.tool-list-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 50px;
    justify-content: center;
    align-items: center;
}

.tools-list {
    display: flex;
    justify-content: start;
    align-items: center;
    /* width: 264px; */
    min-width: 201px;
    padding: 1px 10px;
    gap: 11px;
    /* flex-basis: 22%; */
    /* flex: 1; */
    text-align: start;
    border-radius: 8px;
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
}

.tools-list:hover {
    cursor: pointer;
    background: #F2F5F8;
    color: #000000;

}

.other-tools-title {
    font-weight: 500;
    font-size: 30px;
    text-align: center;
}

.tool-name {
    font-size: 18px;
    font-weight: 400;
}

/* end other tools */
.lable {
    font-size: 16px;
}

.essay_length_lable,
.essay_creative_lable {
    font-weight: 500;
}

.essay-input-option-cotainer label,.essay-input-option-cotainer input{
    cursor: pointer;
}

.selected_value,
.creative_selected_value,
.length_selected_value,
.type_selected_value ,
.poem_type_selected_value {
    border: 1px solid rgba(227, 227, 227, 1);
    border-radius: 4px;
    padding: 0 12px;
    display: flex;
    justify-content: space-between;
    background: rgba(255, 255, 255, 1);
}

.selected_value:hover,
.creative_selected_value:hover,
.type_selected_value:hover,
.other-tool-option-container:hover {
    cursor: pointer;
}

.options,
.creative_options,
.type_options,
.poem_type_options,
.length_options {
    border: 1px solid rgba(227, 227, 227, 1);
    margin-top: -5px;
    padding: 14px 16px 14px 16px;
    border-radius: 0px 0px 8px 8px;
    position: absolute;
    width: 100%;
    background: white;
    z-index: 1;
    max-height: 150px;
    overflow: auto;
}

.option,
.creative_option,
.type_option,
.length_option {
    padding: 5px;
    border-radius: 5px
}

.option:hover,
.creative_option:hover,
.type_option:hover, 
.length_option:hover {
    background: rgba(249, 248, 253, 1);
    cursor: pointer;
    font-weight: 400px
}

.hidden,
.creative_hidden,
.type_hidden {
    display: none
}

.essay_length_section,
.essay_creative_section,
.essay_type_section,.essay_ref_section,.poem_type_section,.poem_length_section {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
.essay_type_section,.poem_length_section,.poem_type_section{
    max-width: 220px;
}
.essay-input .essay_type_section{
    max-width: unset;
}
#generate_btn {
    padding: 8px 12px;
    background: var(--color-primary-purple);
    border-radius: 4px;
}

.essay_ref_section {
 justify-content: start;
}
.essay_ref_options{
    display: flex;
    gap: 20px;
}
.essay_ref_single_option{
    display: flex;
    gap: 5px;
}
.result_footer {
    border-top: 1px solid rgb(221, 220, 220);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    padding: 3px
}

.result_footer_left {
    color: gray;
    padding: 5px;
    font-size: 14px;
}

.result-wrapper {
    flex: 2;
    border: 1px solid rgba(227, 227, 227, 1);
    padding: 15px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 60%;

}

#result {
    height: 510px;
    overflow: auto
}

.result_footer_right {
    display: flex;
    gap: 10px;

    align-items: center;
    justify-content: space-between
}

.result_footer_right div {
    padding: 0px 2px
}

.icon_text {
    font-size: 14px;
    color: rgba(0, 0, 0, 1);
}

.icon {
    width: 16px;
    height: 15px;
}

.icon_sec_container {
    display: flex;
    align-items: center;
    /* gap: 5px; */
    border-left: 1px solid gray
}


#tool-section-container {
    /* display: flex; */
    gap: 5px;
    flex-wrap: wrap;
}

.tool-wrapper {
    flex: 1;
    flex-basis: 30%;
    margin-top: 1px;
    padding: 15px;
}

.input_loader {
    top: -100px;
    height: 266px;
}

.custom-checkbox {
    /* Increase the size of the checkbox */
    transform: scale(1.5);
    /* margin-right: 10px; */
    accent-color: rgba(129, 114, 213, 1);

    /* Adjust spacing between checkbox and label */
}

/* Custom styles for label */
.custom-label {
    /* Change background color */
    background-color: #f0f0f0;
    /* Example color */
    padding: 5px 10px;
    /* Add padding for better appearance */
}

.rotate {
    transform: rotate(-180deg);
}

.essay-tool-input-section {
    width: 100%;
    min-height: 122px;
    height: 100%;
    position: relative;
    margin-top: 5px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(227, 227, 227, 1);
}
.captcha-position{
    position: absolute;
    right: 0;
}
.wordCountContainer {
    text-align: end;
    margin-top: 3px;
}

.wordCount {
    color: rgba(148, 146, 156, 1);
}

.display_none {
    display: none !important;
}
.input_loader_for_essay_generator{
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    position: absolute;
    z-index: 1;
    background: rgba(255, 255, 255, 0.863);
    text-align: center;
    left: 0;
}
.input_loader_for_essay_generator img{
    width: 100px;
    position: relative;
    top: 30%;
}
.tool-container{
    border: 1px solid #C7CBD7;
    padding: 24px;
    border-radius: 6px;
    max-width: 920px;
    margin: auto;
}
.essay-input-option-cotainer,.other-tool-option-container{
    min-height: 44px;
    height: 100%;
    align-items: center;
    min-width: 220px;
}
.essay-input-option-cotainer .modes-section{
    min-height: 44px;
    margin-bottom: 0 !important;
}
.essay-write-btn-container{
    text-align: center;
}



.result-outer-main{
    display: flex;
    border: 1px solid #C7CBD7;
    border-radius: 6px;
}
.result-outer-main .essay-input {
    max-width: 332px;
    flex: 1;
    padding: 15px;
}
.result-outer-main .easy-output {
    flex: 2;
    border-left: 1px solid #C7CBD7;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.result-outer-main .easy-input {
    border-radius: 4px;
    border: 1px solid #C7CBD7;
    resize: none;
    padding: 10px;
    width: 100%;
    min-height: 150px;
    height: 100%;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    font-family: "inter";
}
.result-outer-main .easy-input:active,.result-outer-main .easy-input:focus,.result-outer-main .easy-input:focus-visible{
    border: 1px solid #C7CBD7;
    outline: none;
}
.action-btns-container{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.result-outer-main .btn-purple{
    width: 100%;
}
.easy-tool-input-section{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.essay-output-text-area{
    height: 100%;
    outline: none;
    margin-top: 20px;
    max-height: 464px;
    overflow: auto;
    word-break: break-word;
}

.essay-output-footer{
    border-top: 1px solid #E2E4E6;
}
.essay-output-footer-container{
    display: flex;
    height: max-content;
    justify-content: space-between;
    padding: 18px 0 0 0;
    flex-wrap: wrap;
    gap: 20px;
}
.easy-output{
    padding: 18px 16px 16px 16px;
}
.essay-output-count-container .words_text:last-child {
    border-right: none;
}

.essay-output-count-container .words_text {
    border-right: 1px solid #000000;
    padding-right: 5px;
}
.generateBtnContainer{
    margin-top: 24px;
}
.generateBtnContainer .btn{
    padding: 7px 12px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
}
.essay-output-action-container{
    margin-left: auto;
}
.essay-output-text-area .sw{
    cursor: default;
}
.essay-output-text-area b{
    font-weight: 400;
}
@media screen and (max-width: 600px) {
    /* .modes-section .modes,.type_selected_value,.essay_ref_single_option {
        font-size: var(--font-size-tiny);
        padding: 3px 5px;
    } */
    /* .essay-input-option-cotainer{
        min-width: 150px;
        max-width: 150px;
    } */
    .essay-input-option-cotainer{
        min-width: unset;
    }
    .essay_length_section, .essay_creative_section, .essay_type_section, .essay_ref_section{
        margin: auto;
    }
    .essay-tool-footer{
        flex-direction:column;
        text-align: center;
    }
}