You need to generate a formatted response based on the content:
        '''start content
        ('<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> 60 min. </h6>\n<h6 class="text-left"><strong>Steps:</strong> 31 Steps</h6>\n</p></div>\n</p></div>\n<div class="my-4">\n<p class="lead">Get ready to dive into this screen replacement adventure! We&#8217;ve got detailed photos to help you every step of the way. In this repair, we&#8217;re swapping out the entire display unit, not just the shattered glass. Depending on your spare part, you might need to salvage a few tiny bits from the old display unit. The Huawei P10 is a breeze to fix since the screen isn&#8217;t glued to the frame and there aren&#8217;t a ton of different screw types. Just a heads up, unclipping the display can be a bit tricky, so grab a Pentalobe screwdriver to tackle the rear case screws. Remember to back up your data before you start, clear off a tidy workspace, and take your time—no need to rush! Also, give your spare part a good once-over before installation. If you spot any issues, reach out to your vendor before you get started! And if you have any questions, feel free to use the live chat on our website or drop a comment. Happy repairing!</p>\n</p></div>\n</p></div>\n<p><!-- end top-section --></p>\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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6660_file20152_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6660_file20153_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel3">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6660.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6660_file20152_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6660_file20152_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6660_file20153_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6660_file20152_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4"></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Give that power button a good press and hold until you see the power off icon pop up!</p>\n<p>&#8211; Now, just tap it again to power down your device. Easy peasy!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6661_file20154_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6661_file20155_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel3">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6661.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6661_file20154_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6661_file20154_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6661_file20155_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6661_file20154_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4"></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Gently poke the SIM tool into the tiny hole and slide out the holder like a pro.</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6662_file21413_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel2">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6662.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6662_file21413_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6662_file21413_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="1" class="video thumbnail" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6662_file21413_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:gainsboro"></i> 2 ×  3,0mm Pentalob</p>\n</p></div>\n<div class="alert alert-danger" role="alert">\n<p><i class="bi bi-exclamation-triangle text-red"></i> Heads up! Huawei is rocking those Apple Pentalobe screws. Grab yourself a Pentalobe PL1 screwdriver for the job. Just a friendly reminder: using a different screwdriver might lead to some stripped screw heads, and nobody wants that!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Now remove the rear case screws to therightandleft oft he USBport.</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6682_file20157_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6682_file20158_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6682_file20159_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6682_file20160_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6682_file20163_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6682_file20161_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6682_file20162_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel8">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6682.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6682_file20157_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6682_file20157_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6682_file20158_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6682_file20159_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6682_file20160_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6682_file20163_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6682_file20161_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6682_file20162_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="7" class="video thumbnail" aria-label="Slide 8"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6682_file20157_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-danger" role="alert">\n<p><i class="bi bi-exclamation-triangle text-red"></i> Heads up! The display is still hooked up with a slim flex cable for the standby and volume buttons. Handle with care!</p>\n</p></div>\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> The display is designed to snap into place along the longer edges, rather than being glued down. You&#8217;ll find handy positioning tabs at the top edge to help you out!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Time to get a grip! Attach a suction cup to the display, right above the Home button.</p>\n<p>&#8211; Pull that suction cup like you mean it, and use a pick to create a tiny gap between the case and display. You got this!</p>\n<p>&#8211; Twist and shout! Gently twist the pick to pry off the display. You&#8217;re making progress!</p>\n<p>&#8211; Once the display is free from its casing, fold it open and admire your handiwork. You&#8217;re doing great! If you need help, you can always <a href="https://www.salvationrepair.com/repair">schedule a repair</a>.</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6664_file20166_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6664_file20165_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6664_file20164_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel4">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6664.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6664_file20166_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6664_file20166_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6664_file20165_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6664_file20164_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6664_file20166_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:firebrick"></i> 1 ×  2,5 mm Phillips</p>\n<p><i class="bi bi-x-circle" style="color:fuchsia"></i> Battery Connector</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; First things first, let&#8217;s get that bracket off the battery connector! You&#8217;ll find a screw on one side and a handy tab on the other to help you out.</p>\n<p>&#8211; Now, grab a plastic tool and gently unplug the connector. You&#8217;ve got this!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6753_file20170_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6753_file20168_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6753_file20169_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6753_file20243_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6753_file20242_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel6">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6753.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6753_file20170_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6753_file20170_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6753_file20168_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6753_file20169_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6753_file20243_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6753_file20242_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="5" class="video thumbnail" aria-label="Slide 6"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6753_file20170_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:darkslategray"></i> 4 ×  2,5 mm Phillips</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; First, let&#8217;s tackle those screws that are calling your name! Remove the ones that are marked.</p>\n<p>&#8211; Once you&#8217;ve got those out, gently lift the cover off. It&#8217;s got a few sneaky hooks, so be careful as you go!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20183_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20174_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20175_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20176_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20177_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20178_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20179_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20180_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel9">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6666.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6666_file20183_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20183_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20174_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20175_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20176_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20177_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20178_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20179_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20180_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="8" class="video thumbnail" aria-label="Slide 9"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6666_file20183_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:dimgray"></i> 5 ×  2,5 mm Phillips</p>\n<p><i class="bi bi-x-circle" style="color:fuchsia"></i> Antenna Cable</p>\n<p><i class="bi bi-x-circle" style="color:darkviolet"></i> Display Connector</p>\n</p></div>\n<div class="alert alert-danger" role="alert">\n<p><i class="bi bi-exclamation-triangle text-red"></i> Handle that mainboard socket with care, my friend! We want it to stay in tip-top shape.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Hey, repair rockstar! Connect no more! Disconnect the marked connector 1 (don&#8217;t worry, we&#8217;ll hook you up again in no time!).</p>\n<p>&#8211; Let&#8217;s get down to business. If you need help, you can always <a href="https://www.salvationrepair.com/repair">schedule a repair</a>.</p>\n<p>&#8211; Gotta take out the screws&#8230;literally! Remove the Phillips screws, one by one. Your future self will thank you!</p>\n<p>&#8211; You got this! Disconnect the large connector from the mainboard and take out the cable. Easy peasy!</p>\n<p>&#8211; Your final disconnect: use those tweezers to release the upper end of the small antenna cable. Ah, you&#8217;re getting closer to a fully operational repair!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6683_file20184_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6683_file20185_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6683_file20186_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6683_file20187_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6683_file20188_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel6">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6683.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6683_file20184_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6683_file20184_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6683_file20185_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6683_file20186_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6683_file20187_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6683_file20188_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="5" class="video thumbnail" aria-label="Slide 6"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6683_file20184_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-danger" role="alert">\n<p><i class="bi bi-exclamation-triangle text-red"></i> Handle the battery with care and keep that case scratch-free, alright? You&#8217;ve got this!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; The battery&#8217;s cozying up to the case with two adhesive strips. One of them is designed for you to pull out. Just grab the pull tab, gently unstick it, and slowly draw it out. Remember to pull it out nice and flat so it doesn&#8217;t get all torn up.</p>\n<p>&#8211; Next, slide in your trusty flat tool, like the iPlastix, from the side you&#8217;ve just freed up.</p>\n<p>&#8211; If you&#8217;re on the lookout for any tools you might need, just check out the info box below.</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6667_file21418_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6667_file21419_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel3">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6667.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6667_file21418_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6667_file21418_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-9" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6667_file21419_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-9" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6667_file21418_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4"></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Gently pop out that earpiece that&#8217;s just a little too cozy with some glue.</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6668_file20192_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6668_file20191_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel3">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6668.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6668_file20192_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6668_file20192_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6668_file20191_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6668_file20192_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> On one side, there&#8217;s a nifty little gap just waiting for you to slide in a slim tool.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Gently pop out the tiny chip that houses the proximity sensor. This nifty little gadget makes sure your display goes dark when you hold the phone to your ear, saving battery and avoiding accidental taps!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6670_file20195_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6670_file20194_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6670_file20193_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel4">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6670.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6670_file20195_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6670_file20195_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6670_file20194_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6670_file20193_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6670_file20195_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:fuchsia"></i> Audio Connector</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Time to get this repair party started! Unplug that audio jack connector and gently coax out the audio jack. If you need help, you can always <a href="https://www.salvationrepair.com/repair">schedule a repair</a>.</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6669_file20199_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6669_file21420_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6669_file21421_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6669_file20198_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel5">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6669.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6669_file20199_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6669_file20199_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6669_file21420_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6669_file21421_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6669_file20198_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="4" class="video thumbnail" aria-label="Slide 5"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6669_file20199_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:dodgerblue"></i> Speaker connector</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Unplug the connector and gently pop out the speaker.</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6673_file21422_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6673_file21423_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6673_file20202_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel4">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6673.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6673_file21422_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6673_file21422_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6673_file21423_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6673_file20202_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6673_file21422_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> Time to get this repair party started! Remove the screw that&#8217;s holding the USB board in place, and let&#8217;s get ready to rock this fix! If you need help, you can always <a href="https://www.salvationrepair.com/repair">schedule a repair</a>.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Gently twist the tweezers to unplug the antenna from the USB board—easy peasy!</p>\n<p>&#8211; The antenna cable is snugly clipped to the board, so let&#8217;s release those brackets with care.</p>\n<p>&#8211; Once the USB board is free, you can carefully lift it out like a pro!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6672_file20203_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6672_file20204_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6672_file20205_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel4">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6672.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6672_file20203_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6672_file20203_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6672_file20204_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6672_file20205_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6672_file20203_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4"></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Gently wiggle the antenna cable free from its cozy spot in the edge of the case.</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6674_file20244_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6674_file21424_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel3">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6674.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6674_file20244_1250.jpg" controls></video>\n   ', '                         </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6674_file20244_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-15" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6674_file21424_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-15" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6674_file20244_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4"></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Gently slide a flat tool beneath the flex cable to get things started.</p>\n<p>&#8211; Once the glue gives way, feel free to lift out the vibration motor with ease!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6684_file20209_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6684_file20246_1250.jpg" class="d-block w-100">\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6684_file20209_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-16" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6684_file20246_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4"></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Take a moment to compare the old part with the new one, and don’t forget to snag any tiny bits that might be missing from the old one.</p>\n<p>&#8211; Next up, peel off those backing films from all the sticky surfaces and get ready to stick it to the new part!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6675_file20211_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6675_file21425_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6675_file20212_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel4">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6675.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6675_file20211_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6675_file20211_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-17" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6675_file21425_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-17" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6675_file20212_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-17" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6675_file20211_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4"></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Gently pop the vibration motor into its designated spot and give it a little press to secure it in place.</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6677_file20213_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6677_file20214_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel3">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6677.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6677_file20213_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6677_file20213_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-18" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6677_file20214_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-18" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6677_file20213_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> Make sure the bent end of the cable is pointing towards the USB board. You&#8217;ve got this!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Now it&#8217;s time to get that antenna cable back where it belongs &#8211; snugly in its guide along the edge of the case.</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6676_file21426_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6676_file20219_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6676_file21427_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel4">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6676.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6676_file21426_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6676_file21426_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-19" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6676_file20219_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-19" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6676_file21427_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-19" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6676_file21426_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:gainsboro"></i> Antenna Cable</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Slide that USB board right back into its cozy spot.</p>\n<p>&#8211; Carefully align the antenna plug with its socket and give it a gentle push to lock it in.</p>\n<p>&#8211; Tuck the cable back into the brackets on the USB board like it&#8217;s settling in for a nap.</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6681_file21428_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6681_file20222_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6681_file21429_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel4">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6681.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6681_file21428_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6681_file21428_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-20" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6681_file20222_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-20" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6681_file21429_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-20" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6681_file21428_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:forestgreen"></i> Speaker connector</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Gently place the speaker back where it belongs and give it a little press to secure it.</p>\n<p>&#8211; Next up, connect the speaker&#8217;s connector to make sure it&#8217;s all set to go!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6679_file20223_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6679_file20225_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6679_file21430_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel4">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6679.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6679_file20223_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6679_file20223_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-21" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6679_file20225_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-21" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6679_file21430_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-21" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6679_file20223_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:fuchsia"></i> Audio connector</p>\n</p></div>\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> Give that connector a little push until you hear a satisfying click. It&#8217;s like a high-five for your device!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Slide that audio jack right into its cozy spot and give it a little push!</p>\n<p>&#8211; Audio connector</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6685_file20226_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6685_file21431_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel3">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6685.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6685_file20226_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6685_file20226_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-22" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6685_file21431_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-22" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6685_file20226_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> Make sure those shiny golden contacts are looking up at you!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Pop the proximity sensor into its cozy spot and give it a gentle press to secure it in place.</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6686_file20229_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6686_file20228_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel3">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6686.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6686_file20229_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6686_file20229_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-23" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6686_file20228_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-23" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6686_file20229_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> Make sure that the little tab on the edge is pointing up. It&#8217;s like giving your device a cheerful little wave!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Next, slide the earpiece into its designated spot and give it a gentle press to secure it in place.</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6687_file20231_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6687_file20230_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel3">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6687.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6687_file20231_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6687_file20231_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-24" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6687_file20230_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-24" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6687_file20231_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-danger" role="alert">\n<p><i class="bi bi-exclamation-triangle text-red"></i> Hey, don&#8217;t forget to leave some breathing room around those connectors! Make sure they&#8217;re not getting squished in there.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Give your battery some love and pop it back in its home!  Push that battery down nice and snug. </p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file20233_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file21432_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file20234_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file20235_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file20241_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file20237_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file20238_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file20239_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel9">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6688.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6688_file20233_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file20233_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-25" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file21432_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-25" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file20234_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-25" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file20235_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-25" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file20241_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-25" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file20237_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-25" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file20238_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-25" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file20239_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-25" data-bs-slide-to="8" class="video thumbnail" aria-label="Slide 9"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6688_file20233_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:gainsboro"></i> 6 ×  2,5 mm Phillips</p>\n<p><i class="bi bi-x-circle" style="color:darkslategray"></i> Antenna Cable</p>\n<p><i class="bi bi-x-circle" style="color:gainsboro"></i> Display Connector</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Gently slide the mainboard back into its cozy home in the device, making sure to avoid any cables getting trapped underneath. We don’t want any cable drama!</p>\n<p>&#8211; Take a moment to ensure the cameras are snugly in place. They need to be ready for action!</p>\n<p>&#8211; Next up, connect the large connector to the mainboard. It’s like giving it a high-five!</p>\n<p>&#8211; Time to secure the bracket! Make sure that little tab clicks into place like it’s meant to be.</p>\n<p>&#8211; Position the antenna connector right over its socket and give it a gentle press. It should fit like a glove!</p>\n<p>&#8211; Now, let’s place the flex cable with the arrow pointing up towards the battery. That arrow knows the way!</p>\n<p>&#8211; Fasten the mainboard in place with those trusty Phillips screws. Tighten them up, but don’t go overboard!</p>\n<p>&#8211; If you can, pop the moisture indicator back onto the bracket screw. It’s a little detail that goes a long way!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6678_file20256_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6678_file20252_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6678_file20251_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel4">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6678.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6678_file20256_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6678_file20256_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-26" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6678_file20252_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-26" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6678_file20251_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-26" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6678_file20256_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:darkslategray"></i> 4 ×  2,5 mm Phillips</p>\n</p></div>\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> Hey there! Just a quick reminder to grab that sneaky little screw for the USB board. It&#8217;s easy to overlook, but we don’t want it running off on its own!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; First up, let&#8217;s connect the wide flex cable to the USB board. It’s like giving it a high-five!</p>\n<p>&#8211; Next, pop that connector cover onto the USB board and secure it with screws. Just make sure those metal tabs are snugly in place at both the top and bottom. You&#8217;ve got this!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6689_file20526_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6689_file20527_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6689_file20528_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6689_file20534_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel5">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6689.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6689_file20526_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6689_file20526_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-27" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6689_file20527_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-27" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6689_file20528_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-27" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6689_file20534_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-27" data-bs-slide-to="4" class="video thumbnail" aria-label="Slide 5"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6689_file20526_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:dodgerblue"></i> Battery Connector</p>\n<p><i class="bi bi-x-circle" style="color:firebrick"></i> 1 ×  2,5 mm Phillips</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; First up, let&#8217;s connect that battery to the mainboard like a pro!</p>\n<p>&#8211; Next, grab the bracket, slide it into place, engage the tab, and secure the other side with a screw. You&#8217;re doing great!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6690_file20531_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6690_file20530_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6690_file20532_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6690_file20533_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6690_file20529_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel6">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6690.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6690_file20531_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6690_file20531_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-28" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6690_file20530_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-28" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6690_file20532_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-28" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6690_file20533_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-28" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6690_file20529_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-28" data-bs-slide-to="5" class="video thumbnail" aria-label="Slide 6"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6690_file20531_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:forestgreen"></i> Fingerprint connector</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; First, place the rear case right next to the display and connect that flex cable to the mainboard like a pro.</p>\n<p>&#8211; Next up, gently fold the display into the rear case and slide those tabs in at the top edge. You&#8217;ve got this!</p>\n<p>&#8211; Finally, give the display a little snap-fit into the case, and voilà! You&#8217;re on your way to a successful repair.</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6691_file20535_1250.jpg" class="d-block w-100">\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6691_file20535_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:firebrick"></i> 2 ×  3,0 mm Pentalob</p>\n</p></div>\n<div class="alert alert-danger" role="alert">\n<p><i class="bi bi-exclamation-triangle text-red"></i> Make sure to grab a Pentalobe PL1 screwdriver! Using anything else might just turn those screw heads into a real mess. Keep it smooth and easy!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Grab your trusty screwdriver and tighten those two Pentalobe screws right next to the USB port. You&#8217;ve got this!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6692_file20536_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6692_file20537_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel3">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6692.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6692_file20536_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\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"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6692_file20536_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-30" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6692_file20537_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-30" data-bs-slide-to="2" class="video thumbnail" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6692_file20536_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4"></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Time to pop your SIM or SD cards back into their cozy little homes and slide that SIM tray back in like a pro!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></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 31</h4>\n<div id="carouselstep-31" class="carousel slide" data-bs-ride="false">\n<div class="carousel-inner">\n<div class="carousel-item active">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6659_file20538_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6659_file20539_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item">\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6659_file20540_1250.jpg" class="d-block w-100">\n                            </div>\n<div class="carousel-item video" id="carousel4">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step6659.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6659_file20538_1250.jpg" controls></video>\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\n<div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-31" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6659_file20538_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-31" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6659_file20539_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-31" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6659_file20540_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-31" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6659_file20538_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4"></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Power up your device and let&#8217;s check that sweet display!  Slide that brightness slider all the way down, then all the way up.  See how smooth it is?</p>\n<p>&#8211; Now for a touch test! Grab any app and give it a spin. Drag it to the edges, then make a zig-zag pattern across the screen. Your finger should be in total control. If not, no worries!  If you need help, you can always <a href="https://www.salvationrepair.com/repair">schedule a repair</a></p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></div>\n')
        '''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 'rank_math_description', 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 (Huawei P10) 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.
        
        SEO meta description for the post.  max length: 160 characters Include the focus keyphrase: DIY Guide to Replace Screen on Huawei P10
        
        ONLY mention this specific device in generated responses. Do NOT mention any devices or topics other than:
                Brand: 'Huawei'
                Model: 'Huawei P10'
                Always include the model (Huawei P10) 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 'rank_math_description' field.

        The output should be in the following format:

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