.tool-container,
.tool-result {
    max-width: 920px;
    background: #fff;
    margin: 24px auto;
    padding: 24px;
    border-radius: 16px;
    box-shadow: 0px 6px 75px 0px #F6C9C73D;
}

.section1_div4 h1 {
    margin-top: 16px;
}

.tool-result {
    padding: 16px 0;
}

.tool-container input#urls {
    padding: 12px 16px;
    background: #F9F9F9 !important;
    width: 100%;
    border-radius: 22px !important;
    font-size: 16px !important;
}

.tool-container .tool-input-container {
    display: flex;
    gap: 16px;
    margin-top: 8px;
}

.tool-container .tool-btn {
    padding: 12px 20px;
}

.tool-result .download-report {
    padding: 8px 14px;
}

.tool-result .tool-body,
.tool-result .tool-header {
    padding: 0 16px;
}

.tool-result .tool-header {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
    padding-bottom: 16px;
    border-bottom: 1px solid #DADADA;
    min-height: 56px;
}

.tool-result .tool-body {
    padding-top: 16px;
}

.tool-result .tool-header strong {
    font-weight: 600;
}

.tool-result .tool-body small {
    color: #6F727E;
}

.progress .bar {
    display: flex;
    border: 1px solid #DADADA;
    border-radius: 2rem;
    width: 100%;
    padding: 4px;
    margin-top: 6px;
    position: relative;
    overflow: hidden;
}

.progress .bar::before {
    content: '';
    display: block;
    padding: 5px;
    border-radius: 2rem;
    background-color: #F5F5F5;
    width: 100%;
    transition: all 300ms ease-in-out;
}

.progress:not(.finished, .completed) .bar::before {
    animation: loader_anim 1200ms ease-in-out infinite;
}

.tool-body .tool-progress {
    margin-top: 20px;
}

.tool-body .tool-progress .progress>span {
    color: #6F727E;
    font-size: 14px;
}

.tool-body .tool-progress .progress.passed-result {
    margin-bottom: 10px;
}

.progress.finished .passed-bar::before {
    background: #3AD493;
}

.progress.finished .failed-bar::before {
    background: #D4403A;
}

.tool-body .tool-progress .progress>span {
    color: #6F727E;
}

.tool-body .tool-progress .progress.finished>span {
    color: #000;
}

.tool-body .tool-progress .passed-result.finished>span::after {
    content: ' ✅ ';
}

.tool-body .tool-progress .failed-result.finished>span::after {
    content: ' ❌ ';
}

.tool-result-status .cols {
    flex: 1;
}

.tool-result-status {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tool-container .tool-label {
    position: relative;
}

.tool-container .tool-label #captcha {
    position: absolute;
    right: 0;
    bottom: 52px;
    background-color: #fff;
    z-index: 9;
}

.tool-result-list {
    margin-top: 12px;
}

.result-list {
    display: flex;
    flex-direction: column;
    max-height: 240px;
    overflow-y: auto;
}

.result-list .sitemap-urls {
    padding: 10px 0;
    border-bottom: 1px solid #e7e7e7;
    color: #000;
}

.content-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 50px auto;
    padding: 26px;
}

.content-container .content {
    flex-basis: 70%;
}

.pre-steps-content p,
.pre-steps-content>div {
    margin-bottom: 42px;
}

.features-section ul {
    list-style-position: inherit;
    padding-left: 20px;
}

@keyframes loader_anim {
    from {
        transform: translateX(-1300px);
    }

    to {
        transform: translateX(1300px);
    }
}

@media screen and (max-width: 768px) {
    .tool-container .tool-input-container {
        flex-direction: column;
    }

    .tool-container .tool-input-container #btn_container {
        margin: 0 auto;
    }

    .tool-container .tool-input-container #btn_container {
        margin: 0 auto;
    }

    .tool-result .tool-header {
        flex-direction: column;
    }

    .tool-result-status {
        text-align: center;
    }

    .content-container .content {
        flex-basis: 100%;
    }
}