High StandardQuality ProcessFlow Diagram

<section class="section--diagram">
                <div class="section-diagram-inner mx-auto">
                    <div class="content">
                        <section class="section-block-item__center mx-auto">
                            <div class="section-block-item-inner flex center column" uk-scrollspy="target:.block-item;cls:uk-animation-slide-bottom-small;delay:100;offset-top:-100">
                                <div class="block-item block-item--black">
                                    <div class="block-item--box">Start</div>
                                </div>
                                <div class="block-item block-item--line">
                                    <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical.png" alt="line vertical" class="line-vertical">
                                </div>
                                <div class="block-item block-item--icon">
                                    <span class="description position-right-center">Transportation</span>
                                    <span class="ic ic-transportation"></span>
                                </div>
                                <div class="block-item block-item--line">
                                    <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical.png" alt="line vertical" class="line-vertical">
                                </div>
                                <div class="block-item block-item--icon">
                                    <span class="description position-left-center">Oil Bearing Seeds</span>
                                    <span class="ic ic-oil_bearing_seed"></span>
                                </div>
                                <div class="block-item block-item--line">
                                    <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical.png" alt="line vertical" class="line-vertical">
                                </div>
                                <div class="block-item block-item--icon">
                                    <span class="description position-right-center">Extraction Process</span>
                                    <span class="ic ic-extraction_process"></span>
                                    <span class="line-aside">
                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_aside_xs.png" alt="line split dot" class="show_xs">
                                    </span>
                                </div>
                                <div class="block-item block-item--line hide_mobile">
                                    <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_split_dot.png" alt="line split dot">
                                </div>
                            </div>
                        </section>
                        <section class="section-block-item__split flex h-center">
                            <section class="section-block-item__left">
                                <div class="section-block-item-left__wrapper flex column h-center" uk-scrollspy="target:.block-item;cls:uk-animation-slide-bottom-small;delay:100;offset-top:-100">
                                    <div class="block-item block-item--black">
                                        <div class="block-item--box">Meal</div>
                                    </div>
                                    <div class="block-item block-item--icon">
                                        <span class="ic ic-meal"></span>
                                    </div>
                                    <div class="block-item block-item--line">
                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical.png" alt="line vertical" class="line-vertical">
                                    </div>
                                    <div class="block-item block-item--icon">
                                        <span class="description">Desolventizing & Toasting</span>
                                        <span class="ic ic-desolventizing_toasting"></span>
                                    </div>
                                    <div class="block-item block-item--line">
                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical.png" alt="line vertical" class="line-vertical">
                                    </div>
                                    <div class="block-item block-item--icon">
                                        <span class="description">Drying & Cooling</span>
                                        <span class="ic ic-drying_cooling"></span>
                                    </div>
                                    <div class="block-item block-item--line">
                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical.png" alt="line vertical" class="line-vertical">
                                    </div>
                                    <div class="block-item block-item--icon">
                                        <span class="description">Milling</span>
                                        <span class="ic ic-milling"></span>
                                    </div>
                                    <div class="block-item block-item--line">
                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical.png" alt="line vertical" class="line-vertical">
                                    </div>
                                    <div class="block-item block-item--icon">
                                        <span class="description">Storage</span>
                                        <span class="ic ic-storage"></span>
                                    </div>
                                    <div class="sub-block-item">
                                        <div class="sub-block-item__graphic">
                                            <div class="block-item block-item--line">
                                                <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_split_dot_half.png" alt="Line split half">
                                            </div>
                                        </div>
                                        <div class="sub-block-item__content">
                                            <div class="sub-block-item-content-inner two flex">
                                                <div class="block-item block-item--icon">
                                                    <span class="description">Bagging</span>
                                                    <span class="ic ic-bagging"></span>
                                                </div>
                                                <div class="block-item block-item--icon">
                                                    <span class="description">Bullk</span>
                                                    <span class="ic ic-bullk"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            <section class="section-block-item__right">
                                <div class="section-block-item-right__wrapper flex column h-center" uk-scrollspy="target:.block-item;cls:uk-animation-slide-bottom-small;delay:100;offset-top:-100">
                                    <div class="block-item block-item--black">
                                        <div class="block-item--box">Crude oil</div>
                                    </div>
                                    <div class="block-item block-item--icon">
                                        <span class="ic ic-crude_oil"></span>
                                    </div>
                                    <div class="block-item block-item--line">
                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical.png" alt="line vertical" class="line-vertical">
                                    </div>
                                    <div class="block-item block-item--icon">
                                        <span class="description">Degumming Process</span>
                                        <div class="ic-group">
                                            <span class="ic ic-degumming_process"></span>
                                            <div class="block-item__children">
                                                <div class="block-item-children-inner">
                                                    <div class="block-item block-item--line">
                                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_top_right_radius.png" alt="line top right radius" class="mx-left hide_xs">
                                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_top_right_radius_xs.png" alt="line top right radius" class="mx-left show_xs">
                                                    </div>
                                                    <div class="block-item block-item--icon">
                                                        <span class="description">Gum</span>
                                                        <span class="ic ic-gum"></span>
                                                    </div>
                                                    <div class="block-item block-item--line">
                                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical_short.png" alt="line vertical" class="line-vertical">
                                                    </div>
                                                    <div class="block-item block-item--icon">
                                                        <span class="description">Lecithin Process</span>
                                                        <span class="ic ic-lecithin_processe"></span>
                                                    </div>
                                                    <div class="block-item block-item--line">
                                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical_short.png" alt="line vertical" class="line-vertical">
                                                    </div>
                                                    <div class="block-item block-item--icon">
                                                        <span class="description">Lecithin</span>
                                                        <span class="ic ic-lecithin"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="block-item block-item--line">
                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical_long.png" alt="line vertical" class="line-vertical">
                                    </div>
                                    <div class="block-item block-item--icon">
                                        <span class="description">Crude Degummed Oil</span>
                                        <span class="ic ic-crude_degummed_oil"></span>
                                    </div>
                                    <div class="block-item block-item--line">
                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical.png" alt="line vertical" class="line-vertical">
                                    </div>
                                    <div class="block-item block-item--icon">
                                        <span class="description">Neutralization Process</span>
                                        <div class="ic-group">
                                            <span class="ic ic-neutralization_process"></span>
                                            <div class="block-item__children">
                                                <div class="block-item-children-inner">
                                                    <div class="block-item block-item--line">
                                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_top_right_radius.png" alt="line top right radius" class="mx-left hide_xs">
                                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_top_right_radius_xs.png" alt="line top right radius" class="mx-left show_xs">
                                                    </div>
                                                    <div class="block-item block-item--icon">
                                                        <span class="description">Soap</span>
                                                        <span class="ic ic-soap"></span>
                                                    </div>
                                                    <div class="block-item block-item--line">
                                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical_short.png" alt="line vertical" class="line-vertical">
                                                    </div>
                                                    <div class="block-item block-item--icon">
                                                        <span class="description">Soap Stock<br>Spiliting Process</span>
                                                        <span class="ic ic-soap_stock_spiliting_process"></span>
                                                    </div>
                                                    <div class="block-item block-item--line">
                                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical_short.png" alt="line vertical" class="line-vertical hide_xs">
                                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical.png" alt="line vertical" class="line-vertical show_xs">
                                                    </div>
                                                    <div class="block-item block-item--icon">
                                                        <span class="description">Acid Oil</span>
                                                        <span class="ic ic-acid_oil"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="block-item block-item--line">
                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical_long.png" alt="line vertical" class="line-vertical hide_xs">
                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical_long_xs.png" alt="line vertical" class="line-vertical show_xs">
                                    </div>
                                    <div class="block-item block-item--icon">
                                        <span class="description">Bleaching & Deodorization Process</span>
                                        <div class="ic-group">
                                            <span class="ic ic-bleaching_deodorization_process"></span>
                                            <div class="block-item__children">
                                                <div class="block-item-children-inner">
                                                    <div class="block-item block-item--line">
                                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_top_right_radius.png" alt="line top right radius" class="mx-left hide_xs">
                                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_top_right_radius_xs.png" alt="line top right radius xs" class="mx-left show_xs">
                                                    </div>
                                                    <div class="block-item block-item--icon">
                                                        <span class="description">Distillates</span>
                                                        <span class="ic ic-distillates"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="block-item block-item--line">
                                        <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_vertical.png" alt="line vertical" class="line-vertical">
                                    </div>
                                    <div class="block-item block-item--icon">
                                        <span class="description">Refined Oil (RBD.OIL)</span>
                                        <span class="ic ic-refined_oil"></span>
                                    </div>
                                    <div class="sub-block-item">
                                        <div class="sub-block-item__graphic">
                                            <div class="block-item block-item--line">
                                                <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_split_dot_three.png" alt="Line split three" class="pad-45">
                                            </div>
                                        </div>
                                        <div class="sub-block-item__content">
                                            <div class="sub-block-item-content-inner three flex">
                                                <div class="block-item block-item--icon">
                                                    <span class="description">Filling Process</span>
                                                    <span class="ic ic-filling_process"></span>
                                                </div>
                                                <div class="block-item block-item--icon">
                                                    <span class="description">In Tank Car</span>
                                                    <span class="ic ic-in_tank_car"></span>
                                                </div>
                                                <div class="block-item block-item--icon">
                                                    <span class="description">Flexi Bag</span>
                                                    <span class="ic ic-flexi_bag"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="sub-block-item">
                                        <div class="sub-block-item__graphic">
                                            <div class="block-item block-item--line">
                                                <img src="https://www.cook.co.th/images/aboutus/process-diagram/line_split_dot_three_left.png" alt="Line split half left side" class="pad-45">
                                            </div>
                                        </div>
                                        <div class="sub-block-item__content">
                                            <div class="sub-block-item-content-inner three flex">
                                                <div class="block-item block-item--icon">
                                                    <span class="description">In Bottle</span>
                                                    <span class="ic ic-in_bottle"></span>
                                                </div>
                                                <div class="block-item block-item--icon">
                                                    <span class="description">In Tin</span>
                                                    <span class="ic ic-in_tin"></span>
                                                </div>
                                                <div class="block-item block-item--icon">
                                                    <span class="description">In Drum</span>
                                                    <span class="ic ic-in_drum"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </section>
                    </div>
                </div>
            </section>