.popup-container-feedback {
    top: 35px !important;
    right: 0 !important;
}

.conformation_container {
    bottom: unset !important;
    top: 35px !important;
}

h1 {
    font-size: 36px;
    margin: 16px 0px;
    line-height: 38px;
}

.download_icon {
    cursor: pointer;
}

.upload_btn {
    min-width: 87px;
}

::-webkit-scrollbar {
    width: 8px;
}

#output-content::-webkit-scrollbar {
    width: 4px !important;
}

::-webkit-scrollbar-thumb {
    background: black;
}

::-webkit-scrollbar-track {
    background-color: #cfcfcf;
}

textarea {
    font-size: 16px;
}

.tool-div-main .upload_n_word_count_div .word_div {
    text-align: end;
}

.righ_portion {
    margin-top: 4em;
}

.detect_btn {
    min-width: 0px;
}

.feedbacks {
    display: flex;
    align-items: center;
    gap: 10px;
}

.stats-area-top {
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    border-bottom: 1px solid #e1e4ea;
    flex-wrap: wrap;
}

.summorg-input-holder {
    text-decoration: none;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    position: absolute;
    color: #8f8f91;
    padding: 20px;
    top: -4px;
    cursor: text;
}

.result-textarea {
    min-height: 339px !important;
    height: 339px !important;
    overflow: auto;
    padding: 20px;
    outline: none;
}

.ai {
    background-color: #ffbf3d33;
}

.human {
    background-color: #09aa841f;
}

.upload-section .tool_div .textarea_div textarea {
    padding: 20px;
}

#textarea_div {
    position: relative;
}

#summary_block_content_content {
    position: relative;
}

.summorg-input-holder span a {
    text-decoration: underline;
    font-weight: 500;
    cursor: pointer;
}

.summorg-input-holder span a:hover {
    color: #5b5c5f;
}

.tool-div-main {
    height: 391px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.result_area {
    margin-top: 5px;
    height: 391px;
    height: 100%;
    border: 1px solid #1e1f23;
    display: flex;
    justify-content: space-between;
}

.left_portion {
    width: 70%;
}

.stats-area {
    width: 30%;
    border-left: #e1e4ea solid 1px;
}

.content-area {
    display: flex;
    flex-direction: column;
}

.action_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0px;
}

.action_area {
    border-top: 1px solid #e1e4ea;
}

#word_counter {
    padding: 0px 10px;
}

#optionBtn {
    justify-content: end;
    padding: 0px 10px;
    gap: 20px;
}

#optionBtn img {
    cursor: pointer;
}

h3 {
    margin: 0px !important;
}

.stats-area-upper {
    padding: 20px;
    border-bottom: #e1e4ea solid 1px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}

.ai_percentage {
    color: #1e1f23;
    font-weight: 700;
    font-size: 36px;
    line-height: 50px;
}

#ai_percentage,
#human_percentage {
    color: #1e1f23;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
}

.stats-area-upper .ai-text {
    color: #1e1f23;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}

.stats-area-upper p {
    color: #1e1f23;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.stats-area-bottom {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.stats-area-bottom h3 {
    color: #1e1f23;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}

.percentages {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px;
}

.ai-generated,
.human-generated {
    padding: 14px 16px;
    background-color: #f9fafe;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ai_text,
.human_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.ai-text-heading {
    display: flex;
    align-items: center;
    gap: 6px;
}

#human_sentences {
    padding-right: 10px;
}

.ai-text-heading span {
    color: #1e1f23;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.sentences {
    color: #8f8f91;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}

.ai-text-heading img {
    cursor: pointer;
}

.ai-text-content {
    color: #1e1f23;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-top: 4px;
}

.upload-section .tool_div .textarea_div {
    width: 100%;
    position: relative;
}

.textarea_div textarea {
    width: 100%;
    min-height: 377px;
    resize: none;
    border: none;
    padding: 10px;
}

.discalaimer p {
    color: #8f8f91;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}

.discalaimer b {
    color: #1e1f23;
    font-weight: 600;
}

.home_tool_table {
    border-collapse: collapse;
    width: 100%;
    height: 98px;
    margin: 38px 0px 22px 0px;
}

.home_tool_table tr {
    height: 19.6px;
}

.home_tool_table tr td {
    width: 47.9472%;
    height: 19.6px;
}

article {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #dcdcdc;
}

article div {
    display: flex;
    gap: 20px;
}

article .line {
    width: 50%;
    height: 18px;
    background: linear-gradient(90deg,
            #e1e0e0 0%,
            #e1e4ea 25%,
            #e1e4ea 50%,
            #d0d3d8 75%,
            #e1e0e0 100%);
    background-size: 200% 100%;
    margin: 10px 0;
    overflow: hidden;
    animation: line-shimmer 1s infinite;
}

article .single-line {
    width: 98%;
    margin-left: 6px;
}

article .profile {
    width: 4%;
    margin-left: 6px;
    border-radius: 50%;
}

article .line-half {
    width: 26% !important;
}

article .shimmer {
    display: inline-block;
    color: grey;
    background: #e1e4ea -webkit-gradient(linear, 100% 0, 0 0, from(#e1e4ea), color-stop(0.5, #ffffff), to(#b6b8bb));
    background-position: -50rem top;
    /*50px*/
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: shimmer;
    -webkit-animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-background-size: 50rem 100%;
    /*50px*/
}

@keyframes line-shimmer {
    0% {
        background-position: -120% 0;
    }

    100% {
        background-position: 140% 0;
    }
}

@-webkit-keyframes shimmer {
    0% {
        background-position: -50rem top;
        /*50px*/
    }

    70% {
        background-position: 12.5rem top;
        /*200px*/
    }

    100% {
        background-position: 12.5rem top;
        /*200px*/
    }
}

.merging {
    position: absolute;
    left: 40%;
    top: 50%;
    z-index: 999;
}

.imag-loader {
    padding: 6px;
    border: 4px solid #888;
    border-right-color: #36373d;
}

.url_section {
    padding: 10px 12px;
    border: 1px solid #e1e4ea;
}

#remove_plagiarism {
    background: none;
    color: #1e1f23;
    box-shadow: inset 0 0 0 1px #c1c6c7 !important;
}

.output-content span {
    font-weight: 400;
}

.summary_block {
    gap: 10px;
    padding: 12px;
    flex-direction: column;
}

@media (max-width: 768px) {
    #summary_block_content {
        flex-direction: column;
    }

    #output-content,
    #summary_block_content_content {
        width: 100%;
    }

    #output-content {
        border-right: none;
        border-bottom: 1px solid #1e1f23;
        order: 2;
    }

    #summary_block_content_content {
        order: 1;
    }

    .action_area {
        flex-wrap: wrap;
    }
}

@media (max-width: 468px) {
    .summary__report {
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }

    .de-section {
        padding: 20px;
    }

    .upload_btn {
        min-width: 76px;
    }
    .conformation_container,
    .popup-container-feedback {
        right: -100px !important;
    }
}

@media (max-width: 892px) {
    .result_area {
        flex-direction: column;
        width: 100%;
    }

    .left_portion {
        width: 100%;
        order: 2;
    }

    .stats-area {
        width: 100%;
        order: 1;
        border-bottom: #e1e4ea solid 1px;
    }
}