You need to generate a formatted response based on the content:
            '''start content
            (('\n        <div class="container mt-3">\n            <div class="top-section mb-3">\n                <div class="repair-duration border-left border-duration p-3">\n                    <h6 class="text-left"><strong>Duration:</strong> 120 min. </h6>\n                    <h6 class="text-left"><strong>Steps:</strong> 30 Steps</h6>\n                </div>\n            </div>\n            <div class="my-4">\n                <p class="lead">The OLED screen of your Google Pixel 4 is a hot ticket, with bragging rights over LCDs: Amazing blacks and righteous color depth make for a groovier viewing party. But OLEDs are also drama queens. A little tumble, and bam! Glass may look chill, but the OLED panel beneath is throwing a tantrum. Whether your glass is toast, the panel\'s cracked, or some other screen shenanigans are going down - this totally rad repair guide will walk you through swapping out that display like a pro. We\'re talking the whole shebang - new glass, new OLED, new frame. It\'s not just about slapping on a fresh pane! The glass back of the Pixel 4 is like, glued to the max, so go easy when you\'re prying it off. And heads up, screen replacements mean yanking and re-planting every component, so give yourself some extra time to rock this fix. Got questions or wanna dish on the guide? Hit us up at the bottom and drop a sick review!</p>\n            </div>\n        </div><!-- end top-section -->\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 1</h4>\n                    <div id="carouselstep-1" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7657_file24356_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7657_file24357_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7657_file24358_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7657_file24355_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7657_file24356_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7657_file24357_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7657_file24358_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7657_file24355_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                </div>\n                <div class="col-12"><div class="instructions"><p>- Press and hold the standby button on the right side for a few moments, then tap to confirm the shutdown when it pops up on your screen.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 2</h4>\n                    <div id="carouselstep-2" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24359_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24366_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24361_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24362_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24364_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24365_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24367_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24369_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24359_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24366_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24361_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24362_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24364_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24365_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24367_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7658_file24369_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-danger" role="alert">\n                            <p><i class="bi bi-exclamation-triangle text-red"></i> Be gentle with your tool and don’t go too deep into the device—let\'s keep those internal components safe and sound!</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Use a heat gun or hair dryer to heat the edge of the device evenly for several minutes. This makes it easier to remove the adhesive from the back cover. Just heat up until you can touch the device with your fingers without burning yourself. Heat mostly the edge and not the middle of the device, where the battery is located.</p><p>- Then place the suction cup on the bottom of the back cover and pull while pressing the device down.</p><p>- Push a tool into the gap that is now created between the back cover and the frame. If you can\'t get a plectrum in between, you can use a tool specially designed for this purpose, such as the iFlex. Be careful not to scratch the frame or back cover with the blade of the iFlex.</p><p>- Then heat up every part of the edge of the back cover and move the plectrum or iFlex along the edge of the back cover to gradually loosen the glue.</p><p>- You can use several picks to prevent the glue from rebonding in areas that have already been loosened.</p></div>\n                    <div class="tools-container mt-3">\n                        <h6 class="tools-title">Tools Used</h6>\n                        <ol class="tools-list"> <li>                                    <a target="_blank" href="https://www.amazon.com/s?k=Heat+gun+Repair&linkCode=ll2&tag=salvationrepa-20&linkId=1c0aa533b7b8148cb48741a4635ea648&language=en_US&ref_=as_li_ss_tl" title="You can use a heat gun to heat parts that are glued on so they’re easier to remove.\r\nIn most cases, you can also use a hairdryer.">Heat gun <i class="bi bi-amazon"></i></a></li> <li>                                    <a target="_blank" href="https://www.amazon.com/s?k=iFlex+Opening+Tool+Repair&linkCode=ll2&tag=salvationrepa-20&linkId=1c0aa533b7b8148cb48741a4635ea648&language=en_US&ref_=as_li_ss_tl" title="Opening your smartphone can be a very delicate operation, especially if the glue is very persistent. The blade of the flexible but sturdy iFlex measures just 0.15 mm, so it fits in even the smallest gaps, such as between the screen and the frame. The practical iFlex is made of stainless steel and sits comfortably in the hand. This makes it the perfect assistant for every smartphone repair.">iFlex Opening Tool <i class="bi bi-amazon"></i></a></li> <li>                                    <a target="_blank" href="https://www.amazon.com/s?k=VAKUPLASTIC+Suction+Cup+Repair&linkCode=ll2&tag=salvationrepa-20&linkId=1c0aa533b7b8148cb48741a4635ea648&language=en_US&ref_=as_li_ss_tl">VAKUPLASTIC Suction Cup <i class="bi bi-amazon"></i></a></li> \n                        </ol>\n                    </div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 3</h4>\n                    <div id="carouselstep-3" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7659_file24370_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7659_file24371_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7659_file24375_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7659_file24372_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7659_file24374_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7659_file24373_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7659_file24370_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7659_file24371_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7659_file24375_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7659_file24372_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7659_file24374_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7659_file24373_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div><div class="instructions"><p>- Loosen the two screws and remove the cover plate.</p><p>- Separate the connector with a spudger.</p></div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:darkturquoise"></i> 2 ×  4,0 mm Torx T3</p>\n                        </div>\n                        <div class="alert alert-danger" role="alert">\n                            <p><i class="bi bi-exclamation-triangle text-red"></i> Hey there, before you start disconnecting those connectors from the motherboard, take a moment to check out the area around them. You might spot some tiny components hanging out right next to the connectors. If you can, use your spudger to pry at a spot where there are no components nearby. This way, you’ll keep everything safe and sound. Remember, if you need help, you can always schedule a repair!</p>\n                        </div>\n                </div>\n                <div class="col-12">\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 4</h4>\n                    <div id="carouselstep-4" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7660_file24376_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7660_file24378_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7660_file24380_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7660_file24379_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7660_file24376_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7660_file24378_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7660_file24380_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7660_file24379_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div><div class="instructions"><p>- Remove the screws of the cover plate over the battery connector.</p></div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:darkturquoise"></i> 4 ×  4,0 mm Torx T3</p>\n                        <p><i class="bi bi-x-circle" style="color:darkturquoise"></i> 1 ×  2,0 mm Torx T3</p>\n                        <p><i class="bi bi-x-circle" style="color:gainsboro"></i> Battery connector</p>\n                        </div>\n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> The screws come in various lengths—think of them as a little family! Keep them in their own lanes to avoid confusion, especially when they start mingling with other screws from your device. A fantastic tip? Use a magnetic mat! Just lay out the screws and the cover plate exactly where they were in the device. Thanks to the magic of magnetism, your screws will stay right where you put them, making it way harder for them to wander off. If you need help, you can always <a href=\'https://www.salvationrepair.com/repair\'>schedule a repair</a>.</p>\n                        </div>\n                </div>\n                <div class="col-12">\n                    <div class="tools-container mt-3">\n                        <h6 class="tools-title">Tools Used</h6>\n                        <ol class="tools-list"> <li>                                    <a target="_blank" href="https://www.amazon.com/s?k=Magnetic+Pad+Repair&linkCode=ll2&tag=salvationrepa-20&linkId=1c0aa533b7b8148cb48741a4635ea648&language=en_US&ref_=as_li_ss_tl">Magnetic Pad <i class="bi bi-amazon"></i></a></li> \n                        </ol>\n                    </div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 5</h4>\n                    <div id="carouselstep-5" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24381_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24382_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24390_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24383_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24384_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24385_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24386_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24387_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24388_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24389_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24381_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24382_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24390_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24383_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24384_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24385_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24386_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24387_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="8" class=" thumbnail" aria-current="true" aria-label="Slide 9">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24388_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="9" class=" thumbnail" aria-current="true" aria-label="Slide 10">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7661_file24389_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:darkviolet"></i> 4 ×  4,0 mm Torx T3</p>\n                        <p><i class="bi bi-x-circle" style="color:darkturquoise"></i> 2 ×  2,3 mm Torx</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Loosen the four screws of the cover plate above the contacts of the front camera and sensor module and remove the plate.</p><p>- Carefully separate the three connectors from the main board with a spudger.</p><p>- Unscrew the two other screws that secure the entire module.</p><p>- Gently lever in several places until you can remove the module.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 6</h4>\n                    <div id="carouselstep-6" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24392_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24391_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24393_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24394_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24395_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24397_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24398_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24399_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24400_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24490_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24392_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24391_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24393_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24394_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24395_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24397_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24398_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24399_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="8" class=" thumbnail" aria-current="true" aria-label="Slide 9">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24400_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="9" class=" thumbnail" aria-current="true" aria-label="Slide 10">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7662_file24490_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div><div class="instructions"><p>- Loosen the two Torx T3 screws of the lower cover plate and take it out.</p><p>- Disconnect all connectors and the antenna cable from the main board.</p></div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:deepskyblue"></i> 1 ×  4,0 mm Torx T3</p>\n                        <p><i class="bi bi-x-circle" style="color:deepskyblue"></i> 1 ×  4,4 mm Torx T3</p>\n                        </div>\n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> At Salvation Repair, we\'ve got you covered! When it comes to disassembling your device, always be gentle and cautious. Think of it like unwrapping a present - you never know what\'s inside! When working with connectors, use a trusty spudger to pry them off, and be kind to the tiny parts on the motherboard.\n\nBut be super careful when plugging those pesky connectors back in, or you might disturb the party (and damage your device!). If you need help, you can always <a href=\'https://www.salvationrepair.com/repair\'>schedule a repair</a><br><br>At Salvation Repair, we\'re here to guide you through it, step by step. Take your time, have fun, and remember - you\'ve got this!</p>\n                        </div>\n                </div>\n                <div class="col-12">\n                    <div class="tools-container mt-3">\n                        <h6 class="tools-title">Tools Used</h6>\n                        <ol class="tools-list"> <li>                                    <a target="_blank" href="https://www.amazon.com/s?k=Piergiacomi+Tweezers+2a+SA+ESD+Repair&linkCode=ll2&tag=salvationrepa-20&linkId=1c0aa533b7b8148cb48741a4635ea648&language=en_US&ref_=as_li_ss_tl">Piergiacomi Tweezers 2a SA ESD <i class="bi bi-amazon"></i></a></li> \n                        </ol>\n                    </div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 7</h4>\n                    <div id="carouselstep-7" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7663_file24401_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7663_file24402_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7663_file24405_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7663_file24403_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7663_file24404_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7663_file24401_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7663_file24402_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7663_file24405_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7663_file24403_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7663_file24404_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:dodgerblue"></i> 1 ×  4,0 mm Torx T3</p>\n                        <p><i class="bi bi-x-circle" style="color:forestgreen"></i> 1 ×  4,4 mm Torx T3</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Unscrew those two little speaker screws.</p><p>- The speaker\'s opening is tucked away at the bottom of your device, snugly positioned deep into the frame and hooked on the left side.</p><p>- Gently slide the speaker upward and pry it loose from the side.</p><p>- Now, go ahead and lift that speaker out of the device!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 8</h4>\n                    <div id="carouselstep-8" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24407_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24408_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24409_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24410_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24411_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24412_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24413_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24414_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24407_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24408_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24409_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24410_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24411_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24412_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24413_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7664_file24414_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                </div>\n                <div class="col-12"><div class="instructions"><p>- Gently nudge that lower tab from the upper side of the battery and slide it out to the side like the cool cat you are. Remember to peel those adhesive strips out as flat as possible—no one likes a broken strip! </p><p>- If one of those sneaky strips decides to tear, try to rescue the other two first. Got some tweezers? Use \'em to grab that torn strip and pull it out a bit more. If that doesn\'t work, it\'s time to carefully lever the battery out of your device.</p><p>- Grab a heat source and warm up the glue—just be smart and don’t heat the battery itself. Instead, warm up the device on the display side. Safety first, right?</p><p>- Now it’s time for the fun part! Use a wide tool like a battery spudger or an iSesamo and carefully lift that battery from all sides until it pops out. Just keep an eye out for any flex cables hiding underneath—don’t want to hurt those little guys!</p></div>\n                    <div class="tools-container mt-3">\n                        <h6 class="tools-title">Tools Used</h6>\n                        <ol class="tools-list"> <li>                                    <a target="_blank" href="https://www.amazon.com/s?k=Battery+Spudger+Repair&linkCode=ll2&tag=salvationrepa-20&linkId=1c0aa533b7b8148cb48741a4635ea648&language=en_US&ref_=as_li_ss_tl">Battery Spudger <i class="bi bi-amazon"></i></a></li> \n                        </ol>\n                    </div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 9</h4>\n                    <div id="carouselstep-9" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7665_file24415_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7665_file24416_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7665_file24417_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7665_file24418_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7665_file24419_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-9" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7665_file24415_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-9" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7665_file24416_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-9" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7665_file24417_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-9" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7665_file24418_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-9" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7665_file24419_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                </div>\n                <div class="col-12"><div class="instructions"><p>- That pesky vibration motor\'s glued to the USB board – no worries!</p><p>- Gently nudge the connector loose with a spudger.</p><p>- Time for some heat! Warm things up and carefully slide a thin tool (tweezers or a spatula work great) under the motor to free it.  If you\'re feeling stuck, you can always <a href=\'https://www.salvationrepair.com/repair\'>schedule a repair</a>.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 10</h4>\n                    <div id="carouselstep-10" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7666_file24420_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7666_file24421_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7666_file24422_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7666_file24423_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7666_file24424_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7666_file24425_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7666_file24426_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7666_file24420_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7666_file24421_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7666_file24422_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7666_file24423_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7666_file24424_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7666_file24425_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7666_file24426_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:gainsboro"></i> 2 ×  2,0 mm Torx T3</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Start by loosening those two screws snugly holding the frame together. You\'ve got this!</p><p>- Next up, warm up that glued wide flex cable and gently peel it away from the back of the display. Don\'t forget to loosen the cable on the left side too!</p><p>- Now, give the USB connector a little nudge to pop it out of the frame, and then carefully lift the whole component out of the device. Easy peasy!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 11</h4>\n                    <div id="carouselstep-11" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7667_file24427_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7667_file24432_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7667_file24428_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7667_file24429_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7667_file24430_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7667_file24433_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7667_file24427_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7667_file24432_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7667_file24428_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7667_file24429_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7667_file24430_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7667_file24433_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:dodgerblue"></i> 2 ×  2,3 mm Torx T3</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Start by loosening those two screws that hold the lower microphone snugly in the frame.</p><p>- Next, gently pry between the component and the frame to free the microphone. A little hot air can help soften the glue, making it a breeze!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 12</h4>\n                    <div id="carouselstep-12" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24434_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24435_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24436_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24437_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24438_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24441_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24439_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24440_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24434_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24435_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24436_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24437_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24438_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24441_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24439_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7668_file24440_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> Warm up the entire area to help loosen that pesky glue. It’ll make removal a breeze!</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Hey there! You\'ll find another microphone and a sensor tucked away on a cable set that\'s glued to the earpiece at the very top of your device. Sneaky, right?</p><p>- To kick things off, start by disconnecting the connector on the side. Easy peasy!</p><p>- Next up, gently peel off that black rubber cover that\'s keeping your microphone cozy.</p><p>- Now it’s time to get a little hands-on! Use a lever to pop between the microphone and the frame to free it up, and don’t forget to release the sensor on the other side of the earpiece as well. You got this!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 13</h4>\n                    <div id="carouselstep-13" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7669_file24442_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7669_file24443_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7669_file24444_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7669_file24442_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7669_file24443_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7669_file24444_120.jpg" class="d-block w-100">\n                         ',), ('   </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                </div>\n                <div class="col-12"><div class="instructions"><p>- On the left side of the earpiece, you\'ll find another little sensor that\'s stuck on there. Time to warm it up!</p><p>- Gently heat the sensor, then use your trusty tweezers to carefully pry it away from the side.</p><p>- Once it\'s loosened, go ahead and lift that sensor right out!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 14</h4>\n                    <div id="carouselstep-14" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7670_file24445_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7670_file24446_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7670_file24449_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7670_file24447_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7670_file24448_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7670_file24450_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7670_file24445_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7670_file24446_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7670_file24449_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7670_file24447_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7670_file24448_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7670_file24450_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> Take a peek at your spare display and check if it\'s already rocking an earpiece. If it is, go ahead and skip this step—you’re all set to keep moving!</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Gently warm up the flexible earpiece cable for a cozy felt difference! Then, loosen it using a funky steel spatula or quirky tweezers.</p><p>- Ready for some lateral action? Give one side of the earpiece a good ol\' lever push, and watch it pop up like magic!</p><p>- Pass the cooled-off flex cable through the opening, then give the earpiece a friendly farewell!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 15</h4>\n                    <div id="carouselstep-15" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7671_file24452_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7671_file24453_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7671_file24454_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7671_file24455_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-15" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7671_file24452_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-15" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7671_file24453_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-15" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7671_file24454_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-15" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7671_file24455_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                </div>\n                <div class="col-12"><div class="instructions"><p>- If necessary, take over all components missing in the spare part like the flex cables of the "Active Edge" function or seals and spacers.</p><p>- The grey rectangle under the board is used for heat distribution in the device and should also be transferred to the new display.</p><p>- Finally, also remove all films that protect the openings of the sensors and other surfaces.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 16</h4>\n                    <div id="carouselstep-16" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7672_file24456_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7672_file24457_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-16" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7672_file24456_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-16" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7672_file24457_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                </div>\n                <div class="col-12"><div class="instructions"><p>- Guide that flex cable through the opening and gently place the earpiece where it belongs. You\'ve got this!</p><p>- Nestle the flex cable into its home; that nifty little round opening will help you align the contacts perfectly. Keep it up!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 17</h4>\n                    <div id="carouselstep-17" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7673_file24458_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7673_file24459_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7673_file24460_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-17" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7673_file24458_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-17" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7673_file24459_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-17" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7673_file24460_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                </div>\n                <div class="col-12"><div class="instructions"><p>- Pop that sensor back into its spot to the left of the earpiece. Make sure it\'s lined up just right.</p><p>- Give the sensor a gentle press until it\'s snug and secure.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 18</h4>\n                    <div id="carouselstep-18" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7674_file24461_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7674_file24462_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7674_file24464_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7674_file24465_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7674_file24466_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-18" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7674_file24461_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-18" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7674_file24462_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-18" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7674_file24464_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-18" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7674_file24465_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-18" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7674_file24466_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                </div>\n                <div class="col-12"><div class="instructions"><p>- Pop that microphone and sensor module onto the earpiece.</p><p>- Make sure it fits like a glove and position that golden microphone on the side of the frame.</p><p>- On the flip side, fold the flex cable down and give it a good press.</p><p>- Hook up the connector.</p><p>- Lastly, slap that black rubber cover onto the microphone.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 19</h4>\n                    <div id="carouselstep-19" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7675_file24468_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7675_file24467_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7675_file24469_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7675_file24471_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7675_file24470_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-19" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7675_file24468_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-19" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7675_file24467_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-19" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7675_file24469_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-19" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7675_file24471_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-19" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7675_file24470_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:gainsboro"></i> 2 ×  2,3 mm Torx T3</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Gently slide that lower microphone unit right into the cozy opening in the frame.</p><p>- Once it\'s snug and happy in its spot, grab those two Torx T3 screws and secure them in place.</p><p>- And hey, don’t forget to pop that black rubber cover back over the microphone to keep it safe and sound!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 20</h4>\n                    <div id="carouselstep-20" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7676_file24472_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7676_file24473_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-20" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7676_file24472_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-20" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7676_file24473_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:dimgray"></i> 2 ×  2,0 mm Torx T3</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Gently slide the USB board with the wide flex cable into your device. Hold off on sticking down that flex cable just yet!</p><p>- Now, carefully tuck the USB connector into the opening at the bottom of the frame until it sits snugly.</p><p>- Don’t forget to position the thin cable that runs along the side of the frame too!</p><p>- Time to put those screws back in their cozy little spots.</p><p>- Lastly, make sure to align that wide flex cable nicely and give it a gentle press to secure it in place.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 21</h4>\n                    <div id="carouselstep-21" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7677_file24474_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7677_file24475_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7677_file24476_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7677_file24477_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-21" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7677_file24474_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-21" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7677_file24475_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-21" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7677_file24476_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-21" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7677_file24477_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:floralwhite"></i> Vibration connector</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Time to give that vibration motor a new home!  Pop it into its spot in your device.</p><p>- See those two little openings? They\'re looking for a snug fit on those two little nubs in your gadget.</p><p>- Give that motor a gentle press – let the adhesive do its magic!</p><p>- And finally, connect the vibration motor.  You\'re almost there!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 22</h4>\n                    <div id="carouselstep-22" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7678_file24478_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7678_file24479_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7678_file24533_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7678_file24481_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7678_file24493_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-22" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7678_file24478_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-22" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7678_file24479_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-22" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7678_file24533_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-22" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7678_file24481_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-22" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7678_file24493_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:forestgreen"></i> 1 ×  4,0 mm Torx T3</p>\n                        <p><i class="bi bi-x-circle" style="color:deeppink"></i> 1 ×  4,4 mm Torx T3</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Hey, that speaker\'s got a little black nose on the wide end – kinda cute, huh?  It\'s designed to hook under the frame.</p><p>- Give that speaker a little wiggle and slide it into its spot at the bottom of the frame. Aim for a nice, flat fit!</p><p>- Once it\'s snug and not sticking out, fasten it with those two Torx T3 screws (they\'re different lengths, so pay attention!).  If you need help, you can always <a href=\'https://www.salvationrepair.com/repair\'>schedule a repair</a></p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 23</h4>\n                    <div id="carouselstep-23" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24482_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24483_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24484_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24489_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24485_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24486_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24487_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24491_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24492_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-23" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24482_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-23" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24483_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-23" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24484_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-23" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24489_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-23" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24485_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-23" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24486_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-23" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24487_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-23" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24491_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-23" data-bs-slide-to="8" class=" thumbnail" aria-current="true" aria-label="Slide 9">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7680_file24492_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:deepskyblue"></i> Connectors</p>\n                        <p><i class="bi bi-x-circle" style="color:firebrick"></i> 1 ×  4,0 mm Torx T3</p>\n                        <p><i class="bi bi-x-circle" style="color:darkviolet"></i> 1 ×  4,4 mm Torx T3</p>\n                        </div>\n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> Before you get those connectors all snug and secure, double-check that the PCB is sitting pretty in its rightful spot!</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Start by gently placing the dual camera on the clean white surface inside your device.</p><p>- Next, carefully bend all the flex cables to the side to avoid pinching them under the main board when you slide it in.</p><p>- Now, take your time and slowly insert the main board into the unit, making sure to navigate around all those cables.</p><p>- Begin at the bottom and then snugly push it into the frame at the side.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 24</h4>\n                    <div id="carouselstep-24" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7681_file24494_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7681_file24495_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7681_file24496_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7681_file24499_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7681_file24534_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7681_file24501_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-24" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7681_file24494_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-24" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7681_file24495_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-24" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7681_file24496_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-24" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7681_file24499_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-24" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7681_file24534_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-24" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7681_file24501_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:fuchsia"></i> 4 ×  4,0 mm Torx T3</p>\n                        </div>\n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> Keep that front camera and sensor unit dust-free, both on the outside and inside of your device. A clean lens means clearer selfies and smoother operation! If you need help, you can always schedule a repair.</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Let\'s pop that front camera/sensor module right into the device! Get it snug in there.</p><p>- Give it a little press until it\'s seated just right.</p><p>- Now, don\'t forget to connect all three little connectors back. They miss you!</p><p>- Finally, place the cover plate back on and screw it down. Almost there!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 25</h4>\n                    <div id="carouselstep-25" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7682_file24502_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7682_file24503_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7682_file24504_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7682_file24505_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7682_file24507_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7682_file24508_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-25" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7682_file24502_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-25" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7682_file24503_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-25" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7682_file24504_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-25" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7682_file24505_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-25" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7682_file24507_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-25" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7682_file24508_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> Snip those adhesive strips and lay them down just like the originals! Remember, keep them clear of the flexible cables inside your smartphone\'s housing. If you need help, you can always schedule a repair!</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- First things first, let’s make sure there’s no sticky adhesive residue hanging out on the back of the battery or inside your device. We want a clean start!</p><p>- Next up, peel off that transparent protective foil from the adhesive strips and stick those strips onto the battery. Just a heads up, the black tabs should be sticking out like little flags!</p><p>- Now, fold those black tabs down and secure them to the top of the battery. We want everything nice and snug.</p><p>- Time to remove the blue protective film and gently place the battery back into your device. It’s like tucking it in for a cozy nap!</p><p>- Just double-check that there’s plenty of space all around and that the battery isn’t getting squished. The battery contact should be sitting right above its connector on the main board, ready to connect!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 26</h4>\n                    <div id="carouselstep-26" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7683_file24509_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7683_file24512_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7683_file24511_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-26" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7683_file24509_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-26" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7683_file24512_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-26" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7683_file24511_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:darkviolet"></i> 4 ×  4,0 mm Torx T3</p>\n                        <p><i class="bi bi-x-circle" style="color:forestgreen"></i> 1 ×  2,0 mm Torx T3</p>\n                        </div>\n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> One of the screws is a bit shorter than the others. Just a friendly reminder to keep them separate so you don’t mix them up!</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Connect the battery contact. Make sure that it is properly seated before you press it firmly. Do not slide the connector over the socket on the circuit board.</p><p>- Put the cover plate on and screw it in place.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 27</h4>\n                    <div id="carouselstep-27" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7684_file24535_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7684_file24536_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7684_file24523_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7684_file24524_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7684_file24521_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7684_file24522_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-27" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7684_file24535_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-27" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7684_file24536_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-27" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7684_file24523_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-27" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7684_file24524_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-27" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7684_file24521_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-27" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7684_file24522_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                </div>\n                <div class="col-12"><div class="instructions"><p>- Place the back cover on the device and connect the connector of the flexible cable.</p><p>- Close the back cover and switch on the device.</p><p>- You can test the touchscreen by sliding an app along the entire edge and zigzagging across the screen. If it always follows your finger, the touchscreen should not have any glitches.</p><p>- Check the brightness, contrast and sharpness of the screen.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 28</h4>\n                    <div id="carouselstep-28" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24513_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24514_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24515_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24516_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24517_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24518_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24519_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24520_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-28" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24513_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-28" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24514_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-28" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24515_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-28" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24516_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-28" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24517_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-28" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24518_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-28" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24519_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-28" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7679_file24520_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> In these pictures, we\'ve used the adhesive frame from the Pixel 3 since, at the time we whipped up this guide, the Pixel 4 adhesive frame was playing hard to get. No worries though, the steps are just the same! If you need help, you can always schedule a repair.</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- First things first, let’s get rid of all that old glue gunk on the back cover and the frame. A clean start is key!</p><p>- Next up, find the perfect spot for your adhesive frame by giving it a test fit in the unit. Check out those camera openings and the edges to make sure everything lines up just right.</p><p>- Now, peel off that white protective film from the edges and carefully place the adhesive frame on one side of the frame.</p><p>- Gently slide the adhesive frame onto the entire frame, keeping an eye out to ensure it’s sitting pretty and not sticking out anywhere.</p><p>- Once it’s in place, give that adhesive a good press along the edge of the frame. A spudger can be your best buddy here—run it along the edge to make sure it’s secure.</p><p>- Time to remove the rest of the protective film and the middle carrier layer. Almost there!</p><p>- Finally, take a moment to double-check that the glue is sitting just right. It shouldn’t be sticking out or wrinkling at all. If you spot any trouble spots, feel free to adjust the adhesive as needed.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 29</h4>\n                    <div id="carouselstep-29" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7685_file24526_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7685_file24527_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7685_file24529_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7685_file24528_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-29" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7685_file24526_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-29" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7685_file24527_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-29" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7685_file24529_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-29" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7685_file24528_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:firebrick"></i> 2 ×  4,0 mm Torx T3</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Gently lay the back cover on your device and connect that flexible cable like a pro.</p><p>- Pop the cover on and tighten those screws to seal the deal!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 30</h4>\n                    <div id="carouselstep-30" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7686_file24530_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7686_file24531_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7686_file24532_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-30" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7686_file24530_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-30" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7686_file24531_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-30" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7686_file24532_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                </div>\n                <div class="col-12"><div class="instructions"><p>- Gently fold that back cover over and align it perfectly on your device\'s frame.</p><p>- Make sure it doesn\'t touch the frame or the glue until it’s just right in the center.</p><p>- Once it’s all lined up, press down along the edges to help that adhesive stick like it’s meant to.</p><p>- Finally, give your device a little warmth and weigh it down with some books or secure it with clamps for about half an hour. That’s the secret to a solid bond!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>',))
            '''end content
            
        
        You are helping me set up SEO and content-related fields for a website - Salvation Repair.
        The site is focused on providing repair guides and tutorials for various devices, including smartphones (e.g., iPhones, Android phones), tablets, laptops, and computers.
        
        The name is 'excerpt', and is one of the fields 
        that need to be populated for the post.
        
        Instructions for the field value:

        Include Actionable Keywords: Use terms like "Guide," "DIY," "How To," or "Tutorial" to make the purpose of the content clear.
         Most guides are replacing something or doing a teardown - So, instead of saying how to fix... - say, how to replace...
        Add the Device Brand and Model: Include the model (Pixel 4) for specificity.
        Target Common Search Queries: Use phrases that users are likely to type, such as "Fix," "Repair," or "Replace."
        Highlight the Problem: Explicitly state the issue being resolved, such as "None"
        Optimize for Long-Tail Keywords: Add details to cater to specific searches (e.g., "Step-by-Step").
        Maintain Readability: Ensure the field value remains concise yet descriptive.
        
        ('Summarize the content in 1-2 sentences - between 100-150 characters, keeping it enticing, clear and focus on optimizing for SEO search visibility include . Utilize common search terms. The repair guide includes step-by-step instructions and images in each step.',)
        
        ONLY mention this specific device in generated responses. Do NOT mention any devices or topics other than:
                Brand: 'Google'
                Model: 'Pixel 4'
                Always include the model (Pixel 4) in responses. Do not only mention only part of the model name!
        DO NOT EVER INCLUDE ANY DEVICE MODEL NAMES OTHER THAN THOSE EXPLICITLY STATED!!
        
        Please generate a JSON response with one key:
        1. "value": The generated value for the 'excerpt' field.

        The output should be in the following format:

        {
            "value": "Generated value here",
        }