.tool-section .tool__container {
    width: 80%;
    margin: auto;
}

.input__output {
    flex-direction: column;
    gap: 20px;
}

.output__container {
    display: none;
}

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

.output__box .output-content {
    padding: 20px;
    border-bottom: 1px solid #E5E5E5;
    line-height: 200%;
}

.output__box .tool_setting_bar {
    border-top: none;
}

.dropdown-container {
    max-width: 155px;
}

.dropdown___container .options__list {
    min-width: 100% !important;
    bottom: 39px !important;
}

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

.output-content ol li::marker {
    font-weight: bold;
}
.output-content ol li {
    margin-bottom: 26px;
}

.fw-semiBold {
    font-weight: 400px;
}

.dropdown-container label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #8d8f94;
}

.p-relative {
    position: relative;
}

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

.toggleOptions {
    background: transparent;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: fit-content;
    max-width: 164px;
    padding: 10px 0;
    transform: translateY(13px);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    cursor: pointer;
}

.toggleOptions svg {
    transition: transform 500ms ease-in-out;
}

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

ol {
    list-style-position: inside;
    padding-left: 0;
}

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

.response_heading {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.status-badge {
    width: fit-content;
    padding: 4px 8px;
    border-radius: 35px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0%;
    text-align: center;
}

.badge-recent {
    background-color: #E8FDEC;
}

.badge-previous {
    background-color: #FEE2E2;
    margin-top: 10px;
}

.optional-fields label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #8d8f94;
}

@media screen and (max-width:768px) {
    .form__container .input__inline,.input__box__container {
        gap: 10px;
    }
}
    
@media screen and (max-width:539px) {
    .toggleOptions {
        transform: translateY(0);
    }

    .dropdown-container {
        max-width: 100%;
    }
}