section.Back_Case_Studies {
    margin: 64px;
}

a.back-to-caseStudy-link {
    color: unset;
    text-decoration: none;
    width: fit-content;
}

.arrow-bck-case-bg-div {
    display: flex;
    gap: 16px;
    align-items: center;
}

.case-introduction-title,
.problem-title,
.cause-title,
.nu-decision-title,
.eliminating-title,
.video-title,
.contact-demo-title {
    color: var(--neutral-blue-primary);
    margin-bottom: 1rem;
}

.quality-issues-failures {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    gap: 32px;
}

.quality-issue-svg-text-div,
.quality-failures-svg-text-div {
    display: flex;
    align-items: center;
    gap: 24px;
    box-shadow: 8px 8px 16px 0px #00000014;
    padding: 32px;
    border-radius: 24px;
}

.quality-issue-icon,
.quality-failures-icon {
    padding: 16px;
    border-radius: 16px;
    background-color: var(--neutral-blue-terciary);
}

.current-manual-process-div {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
}

.current-manual-block-div {
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: start;
    box-shadow: 8px 8px 16px 0px #00000014;
    border-radius: 16px;
    gap: 18px;
    height: 100%;
}

.current-manual-process-div svg {
    width: inherit;
}

.icon-bg-div {
    background-color: #E4EDFF;
    border-radius: 16px;
    padding: 16px;
}

.Manual-flex-Process {
    display: flex;
}

.gen-ai-powerd-box {
    width: 25%;
    display: flex;
    align-items: center;
}

.gen-ai-inner-div {
    align-items: center;
    box-shadow: 8px 8px 16px 0px #00000014;
    display: flex;
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
    border-radius: 16px;
    height: 100%;
    flex: 1;
}

.flex-col_Ai{
    flex-direction: column;
    justify-content: center;
}

.gitDiff-div {
    background-color: #E4EDFF;
    padding: 16px;
    border-radius: 16px;
}

.FileMagnifyingGlass-div {
    background-color: #DEFCF1;
    padding: 16px;
    border-radius: 16px;
}

.PencilCircle-div {
    background: #BE7E001A;
    padding: 16px;
    border-radius: 16px;

}

.boxWidth19 {
    width: calc(25% + 19px);
}

.boxWidth58 {
    width: calc(25% + -58px);
}

.gen-ai-report-chart {
    display: flex;
}



.root-cause-analysis,
.Risks-Batch-Failures {
    display: flex;
    gap: 16px;
}

.left-side-bar-name {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.left-side-bar-name p {
    text-align: end;
}

.bar-side-main-div {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-left: 3px solid #CCC;
}

.top-side-bar {
    height: 50%;
}

.top-side-bar div {
    background-color: #A60028;
    width: 100%;
    height: 80%;
    border-radius: 0px 6px 6px 0px;
    display: flex;
    justify-content: center;
}

.top-side-bar div span {
    color: #fff;
}

.bottom-side-bar {
    height: 50%;
    display: flex;
    align-items: end;
    position: relative;
}


.bottom-side-bar div {
    background-color: #008E41;
    width: 30%;
    height: 80%;
    border-radius: 0px 6px 6px 0px;
}

.bottom-side-bar span {
    color: #525252;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}

.bgcontainer {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio */
}

.responsive-iframe {
    position: absolute;
    top: 10px;
    left: 12px;
    bottom: 10px;
    right: 12px;
    width: 100%;
    height: 100%;
    border: none;
}

.Case-Study-lable {
    position: relative;
    border: 2px solid #E9E9E9;
    width: 100%;
    border-radius: 8px;
}

.Case-Study-lable input {
    width: 100%;
    border: none;
    outline: none;
    padding: 16px;
    padding-left: 46px;
    background-color: var(--neutral-white-bg);
    border-radius: 8px;
}

.Case-Study-lable:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0px;
    bottom: 0;
    width: 24px;
    background: url(../images/back-to-case-study/Vector.svg) center / contain no-repeat;
    background-size: 22px;
}



.or_bar::after {}

        .hr-lines {
            position: relative;
            text-align: center;
        }

        .hr-lines:before {
            content: " ";
            height: 1px;
            width: calc(50% - 37px);
            background: #E9E9E9;
            display: block;
            position: absolute;
            top: 50%;
            left: 0;
        }

        .hr-lines:after {
            content: " ";
            height: 1px;
            width: calc(50% - 37px);
            background: #E9E9E9;
            display: block;
            position: absolute;
            top: 50%;
            right: 0;
        }

        a.link_pharmaceuticals {
            font-size: 14px;
        }

        table.ETSAD_Workflow_table {
            width: 100%;
        }

        table.ETSAD_Workflow_table th {
            text-align: center;
            padding: 16px 0px;
        }

        table.ETSAD_Workflow_table td span.horizontal_line {
            background-color: #005DE9;
            width: 3px;
            width: 100%;
            display: flex;
            height: 3px;
        }

        table.ETSAD_Workflow_table td.vertical_with_circle_td {
            margin: 0;
            padding: 0;

        }

        table.ETSAD_Workflow_table td.vertical_with_circle_td div.vertical_line_div {
            display: flex;
            justify-content: center;
        }

        table.ETSAD_Workflow_table td.vertical_with_circle_td div.vertical_line_div span.vertical_span {
            background-color: #005DE9;
            width: 3px;
            display: flex;
            min-height: 35px;
        }

        table.ETSAD_Workflow_table td.vertical_with_circle_td div.circle_div {
            display: flex;
            justify-content: center;
        }

        table.ETSAD_Workflow_table td.vertical_with_circle_td div.circle_div span.circle_span {
            background-color: #005DE9;
            width: 12px;
            display: flex;
            height: 12px;
            border-radius: 50%;
        }

        table.ETSAD_Workflow_table td div.box_of_content {
            box-shadow: 8px 8px 16px 0px #00000014;
            width: 160px;
            text-align: center;
            padding: 16px;
            min-height: 192px;
            border-radius: 16px;
        }

        table.ETSAD_Workflow_table td div.box_of_content div.flex_icon_content {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 16px;
        }

        table.ETSAD_Workflow_table td div.box_of_content div.flex_icon_content span.scan_span_div {
            padding: 10px 12px;
            background-color: #E4EDFF;
            border-radius: 8px;
        }

        table.ETSAD_Workflow_table td div.box_of_content div.flex_icon_content span.TreeStructure_span_div {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #ECF9EF;
        }

        table.ETSAD_Workflow_table td div.box_of_content div.flex_icon_content span.Database_span {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #F7F2FE;
        }

        table.ETSAD_Workflow_table td div.box_of_content div.flex_icon_content span.ListMagnifyingGlass_span {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #FEF4EB;
        }

        table.ETSAD_Workflow_table td div.box_of_content div.flex_icon_content span.FileMagnifyingGlass_span {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #F7F2FE;
        }

        table.ETSAD_Workflow_table td div.box_of_content div.flex_icon_content span.Graph_span {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #F7F2FE;
        }

        table.ETSAD_Workflow_table td div.box_of_content div.flex_icon_content span.ChartPolar_span {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #F7F2FE;
        }

        table.ETSAD_Workflow_table td div.box_of_content.small_bottom_cards {
            min-height: 144px;
        }


        table.ETSAD_Workflow_table td div.box_of_content.small_bottom_cards div.flex_icon_content span.Compare {
            padding: 10px 12px;
            background-color: #E4EDFF;
            border-radius: 8px;
        }

        table.ETSAD_Workflow_table td div.box_of_content.small_bottom_cards div.flex_icon_content span.Interactive {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #ECF9EF;
        }

        table.ETSAD_Workflow_table td div.box_of_content.small_bottom_cards div.flex_icon_content span.Correlations {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #F7F2FE;
        }

        table.ETSAD_Workflow_table td div.box_of_content.small_bottom_cards div.flex_icon_content span.GenAI {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #FEF4EB;
        }

        table.ETSAD_Workflow_table td div.box_of_content.small_bottom_cards div.flex_icon_content span.CriticalFactors {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #F7F2FE;
        }

        table.ETSAD_Workflow_table td div.box_of_content.small_bottom_cards div.flex_icon_content span.Reports {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #F7F2FE;
        }

        table.ETSAD_Workflow_table td div.box_of_content.small_bottom_cards div.flex_icon_content span.Predictive_ML {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #F7F2FE;
        }





        table.responsive_ETSAD_Workflow {
            width: fit-content;
            display: none;
        }

        table.responsive_ETSAD_Workflow tbody tr td {
            margin: 0;
            padding: 0;
        }

        table.responsive_ETSAD_Workflow tbody tr td div.flex_div {
            display: flex;
        }

        table.responsive_ETSAD_Workflow tbody tr td div span.frist_vertical_line {
            height: 100px;
            width: 3px;
            background-color: #005DE9;
        }

        table.responsive_ETSAD_Workflow tbody tr td div span.second_horizontal_line {
            height: 3px;
            width: 30px;
            background-color: #005DE9;
        }

        table.responsive_ETSAD_Workflow tbody tr td div span.third_span_circle {
            background-color: #005DE9;
            width: 12px;
            display: flex;
            height: 12px;
            border-radius: 50%;
        }

        table.responsive_ETSAD_Workflow tbody tr td div.box_of_content {
            box-shadow: 8px 8px 16px 0px #00000014;
            text-align: center;
            padding: 16px;
            border-radius: 16px;
            width: 659px;
        }

        table.responsive_ETSAD_Workflow tbody tr td div.flex_icon_content {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        table.responsive_ETSAD_Workflow td div.box_of_content div.flex_icon_content span.scan_span_div {
            padding: 10px 12px;
            background-color: #E4EDFF;
            border-radius: 8px;
        }

        table.responsive_ETSAD_Workflow td div.box_of_content div.flex_icon_content span.TreeStructure_span_div {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #ECF9EF;
        }

        table.responsive_ETSAD_Workflow td div.box_of_content div.flex_icon_content span.Database_span {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #F7F2FE;
        }

        table.responsive_ETSAD_Workflow td div.box_of_content div.flex_icon_content span.ListMagnifyingGlass_span {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #FEF4EB;
        }

        table.responsive_ETSAD_Workflow td div.box_of_content div.flex_icon_content span.FileMagnifyingGlass_span {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #F7F2FE;
        }

        table.responsive_ETSAD_Workflow td div.box_of_content div.flex_icon_content span.Graph_span {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #F7F2FE;
        }

        table.responsive_ETSAD_Workflow td div.box_of_content div.flex_icon_content span.ChartPolar_span {
            padding: 10px 12px;
            border-radius: 8px;
            background-color: #F7F2FE;
        }

        table.responsive_ETSAD_Workflow tbody tr td div span.spacing_span {
            height: 30px;
            width: 3px;
            background-color: #005DE9;
        }

        .contact_demo_div {
            display: flex;
            gap: 82px;
        }

        .contact_demov_pic_and_content {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .input_lable_and_send_btn {
            display: flex;
            gap: 20px;
        }

        .send_input_btn_div {
            background-color: #005DE9;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            min-width: 120px;
            border-radius: 8px;
        }

        .heading_responsive_of_table_div {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 16px 0px;
            display: none;
        }



@media (max-width: 1400px) {
    .current-manual-block-div {
        flex-direction: column;
    }


    .current-manual-block-div span {
        text-align: center;
    }


}

@media screen and (max-width: 1300px) {
    table.ETSAD_Workflow_table {
        display: none;
    }

    table.responsive_ETSAD_Workflow,
    .heading_responsive_of_table_div {
        display: block;
    }
}

@media (max-width: 1200px) {
    .quality-issues-failures {
        /* justify-content: start; */
        gap: 16px;
    }

    .quality-issue-svg-text-div,
    .quality-failures-svg-text-div {
        padding: 18px;
        gap: 18px;
    }

    .Manual-flex-Process,
    .current-manual-process-div {
        flex-direction: column;
        width: 100%;
        gap: 16px;
    }

    .current-manual-block-div {
        flex: 1;
        width: 100%;
    }

    .current-manual-process-div svg {
        width: auto;
        transform: rotate(90deg);
    }

    .gen-ai-inner-div {
        flex-direction: column;
    }

    .gen-ai-inner-div p {
        text-align: center;
    }


}


@media screen and (max-width: 992px) {
    table.responsive_ETSAD_Workflow {
        width: 100% !important;
    }

    table.responsive_ETSAD_Workflow tbody tr td:last-child {
        width: 100%;
    }

    table.responsive_ETSAD_Workflow tbody tr td:last-child div.box_of_content {
        width: 100%;
    }


    .contact_demo_div {
        flex-direction: column;
        gap: 28px;
    }
}

@media (max-width: 991px) {
    .row-reverse {
        flex-direction: column-reverse;
        gap: 16px;
    }

    .widhtResponsive {
        width: 100%;
    }

    .quality-issue-svg-text-div,
    .quality-failures-svg-text-div {
        padding: 16px;
        gap: 16px;
    }

    .img-container img {
        width: 100%;
        margin: auto;
    }

    .boxWidth19,
    .boxWidth58 {
        flex-direction: column;
        width: 100%;
    }

    .gen-ai-inner-div {
        width: 100%;
    }
    .flex-col_Ai SVG{
        width: 130PX !important;
    }

    .gen-ai-report-chart {
        flex-direction: column;
    }

    svg.dashed-with-contected-svg {
        transform: rotate(90deg);
    }

    .dashed-with-contected-div {
        height: 76px;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }

    .Risks-Batch-Failures-main-div {
        margin-top: 3rem !important;
    }
}

@media screen and (max-width: 768px) {
    table.responsive_ETSAD_Workflow tbody tr td div.flex_icon_content span:last-child {
        text-align: left;
    }
}


@media (max-width: 602px) {
    section.Back_Case_Studies {
        margin: 24px 16px;
    }

}


@media (max-width: 576px) {
    .current-manual-block-div {
        flex-direction: row;
        justify-content: left;
    }

    .current-manual-block-div span {
        text-align: left;
    }
    .input_lable_and_send_btn {
        flex-direction: column;
        gap: 20px;
    }

    .send_input_btn_div {
        height: 56px;
    }
}