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> 22 Steps</h6>\n</p></div>\n</p></div>\n<div class="my-4">\n<p class="lead">Welcome to your guide for swapping out that pesky display on your iPhone 8 Plus! If your screen is cracked, 3D Touch is playing hard to get, or the LCD has decided to take a permanent vacation, it’s time for a change. Before diving into this adventure, make sure to back up all your precious data and give yourself a little static charge release by touching something metal, like a radiator. Let’s get that screen replaced and bring your iPhone back to life!</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/step6129_file17276_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/step6129_file17275_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/step6129.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6129_file17276_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/step6129_file17276_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/step6129_file17275_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/step6129_file17276_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; First things first, let’s power down your iPhone completely. We want to keep it safe and sound during this repair mission! Just press and hold that Sleep/Wake button for about three seconds until you see the ‘power off’ slider pop up.</p>\n<p>&#8211; Now, give that slider a gentle swipe from left to right. Your iPhone will take a little breather and shut down completely, which should take around ten seconds. Hang tight!</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/step6130_file17277_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/step6130.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6130_file17277_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/step6130_file17277_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="video thumbnail" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6130_file17277_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> 2 ×  3,4mm Pentalob</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Let&#8217;s tackle those two pentalobe screws at the bottom of the enclosure! They&#8217;re hanging out to the right and left of the Lightning connector. Make sure to stash those screws in the same section of your magnetic pad so they don&#8217;t go on an adventure without you!</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/step6131_file17282_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/step6131_file17281_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/step6131_file17278_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/step6131_file17279_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/step6131_file17280_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/step6131.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6131_file17282_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/step6131_file17282_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=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6131_file17281_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-3" 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/step6131_file17278_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-3" 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/step6131_file17279_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-3" 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/step6131_file17280_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-3" 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/step6131_file17282_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> If you need to, warm up the outer edges of the display a couple of times. Just a friendly reminder: the flex cables for the display are snugly situated near the Sleep/Wake button. Oh, and heads up! Once you crack this open, your iPhone 8 will say goodbye to its warranty for dust and splash protection (IP 67 rating).</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; First, let’s give your iPhone 8 Plus a comfy spot on a soft, clean surface. We want to keep that back scratch-free!</p>\n<p>&#8211; To lift the front panel, grab a suction cup, a hard plastic pick, and a heat gun. If the screen is looking a bit worse for wear, cover it with packing tape to keep everything together before you dive in.</p>\n<p>&#8211; The screen is glued tight to the frame, so let’s warm things up! Use the heat gun to heat the outer edges of the display to around 60°C (140°F).</p>\n<p>&#8211; Now, place the suction cup over the Home button (if you can) or right next to it. While gently pulling up with the suction cup, slide that hard plastic pick between the aluminum frame and the display frame. Remember, the display is glued on, so you’ll need to slide the pick all around the iPhone. Just be careful not to go too deep near the Sleep/Wake button to avoid damaging those delicate flex cables.</p>\n<p>&#8211; With the pick in hand, gently lever the display until the tabs pop out of the aluminum frame. You can then fold the display to the side.</p>\n<p>&#8211; Lean the display against a stable object to keep those sensitive flex cables from bending too much. We&#8217;re almost there!</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/step6132_file17283_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/step6132_file17285_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/step6132_file17284_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/step6132.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6132_file17283_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/step6132_file17283_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/step6132_file17285_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/step6132_file17284_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="video thumbnail" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6132_file17283_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:deepskyblue"></i> 2 ×  1,2 mm Phillips</p>\n<p><i class="bi bi-x-circle" style="color:dodgerblue"></i> 1 ×  1,4 mm Phillips</p>\n<p><i class="bi bi-x-circle" style="color:deeppink"></i> 1 ×  2,6 mm Phillips</p>\n</p></div>\n<div class="alert alert-danger" role="alert">\n<p><i class="bi bi-exclamation-triangle text-red"></i> Before you get your hands dirty, make sure to disconnect the battery contact! This little step helps you dodge any short circuits and keeps your device from accidentally waking up during your repair adventure.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Grab your trusty Phillips screwdriver (Ph00) and let&#8217;s tackle those Phillips screws! Once they&#8217;re out of the way, gently lift off the cover. Remember to keep all those tiny parts cozy in the same section of your magnetic pad.</p>\n<p>&#8211; Now, it&#8217;s time to delicately lift off the battery contact! Just slide a plastic spudger in gently below the connector and lift it away with care.</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/step6133_file17288_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/step6133_file17286_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/step6133.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6133_file17288_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/step6133_file17288_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/step6133_file17286_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="video thumbnail" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6133_file17288_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:deeppink"></i> Display Connector</p>\n<p><i class="bi bi-x-circle" style="color:fuchsia"></i> Home Button Connector</p>\n</p></div>\n</p></div>\n<div class="col-12">\n                </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/step6134_file17293_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/step6134_file17294_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/step6134_file17289_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/step6134_file17290_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/step6134_file17291_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/step6134.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6134_file17293_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/step6134_file17293_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/step6134_file17294_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/step6134_file17289_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/step6134_file17290_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/step6134_file17291_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/step6134_file17293_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:deepskyblue"></i> 1 ×  1,1 mm Y-Type</p>\n<p><i class="bi bi-x-circle" style="color:darkturquoise"></i> 1 ×  0,9 mm Y-Type</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Grab your Y-Type screwdriver (Y000) and let’s tackle those two Y-Type screws! Once they’re out, gently lift off the cover. Don’t forget to keep all the parts cozy in the same section of your magnetic pad.</p>\n<p>&#8211; Now, using a spudger, carefully disconnect the FaceTime contact from the PCB. You&#8217;re doing great!</p>\n<p>&#8211; And just like that, you can now take off the display completely. Keep up the awesome work!</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/step6135_file17297_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/step6135_file17296_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/step6135_file17295_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/step6135.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6135_file17297_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/step6135_file17297_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/step6135_file17296_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/step6135_file17295_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="video thumbnail" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6135_file17297_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:floralwhite"></i> 2 ×  1,7 mm Phillips-Schraube</p>\n<p><i class="bi bi-x-circle" style="color:darkviolet"></i> 1 ×  2,7 mm Phillips-Schraube</p>\n<p><i class="bi bi-x-circle" style="color:dimgray"></i> 2 ×  2,2 mm Phillips</p>\n</p></div>\n<div class="alert alert-danger" role="alert">\n<p><i class="bi bi-exclamation-triangle text-red"></i> Just a heads up: those screws are like a quirky family, each with its own length! If you mix them up, your display might not be too happy during reassembly.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; The earpiece is nestled right on the back of the display unit. Let&#8217;s unscrew those Phillips screws holding the cover in place. Remember to keep all the parts in the same cozy section of your magnetic pad!</p>\n<p>&#8211; Now, the earpiece is hanging out under the front camera’s flexible flat cable. Just give that cable a gentle nudge to the side, and you’ll be able to lift out the earpiece 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 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/step6136_file17301_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/step6136_file17298_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/step6136_file17299_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/step6136_file17528_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/step6136.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6136_file17301_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/step6136_file17301_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/step6136_file17298_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/step6136_file17299_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/step6136_file17528_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="video thumbnail" aria-label="Slide 5"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6136_file17301_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 FaceTime cable with care! It&#8217;s a bit fragile, especially near the earpiece, and can tear easily if you&#8217;re not gentle. So, take your time and be cautious!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; First, slide that spudger or spatula right under the flex cable and gently disconnect it. It’s got a snug fit, so take your time!</p>\n<p>&#8211; Next up, carefully lift out the sensors. They’re just waiting to be freed!</p>\n<p>&#8211; Now, let’s tackle the piece with the four golden contacts. Use your spatula to remove it with care.</p>\n<p>&#8211; And just like that, you can now take out the cable set. You&#8217;re doing awesome!</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/step6137_file17303_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/step6137_file17302_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/step6137_file17304_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/step6137_file17305_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/step6137_file17306_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/step6137.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6137_file17303_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/step6137_file17303_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/step6137_file17302_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=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6137_file17304_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-9" 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/step6137_file17305_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-9" 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/step6137_file17306_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-9" 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/step6137_file17303_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> 4 ×  1,1 mm Y-Type-Schraube</p>\n</p></div>\n<div class="alert alert-danger" role="alert">\n<p><i class="bi bi-exclamation-triangle text-red"></i> The Home button cable is a bit of a delicate flower, so handle it with care!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Remove the four Y-type screws. Now remove the silver cover. Put everything in the same section of your magnetic pad.</p>\n<p>&#8211; Using the spudger, carefully disconnect the contact of the Home button cable. If necessary, press it against the display because the contact isn’t screwed 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 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/step6138_file17308_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/step6138_file17309_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/step6138_file17307_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/step6138.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6138_file17308_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/step6138_file17308_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/step6138_file17309_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=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6138_file17307_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-10" 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/step6138_file17308_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> 5 ×  1,1 mm Y-Type-Schraube</p>\n<p><i class="bi bi-x-circle" style="color:deepskyblue"></i> 1 ×  1,6 mm Phillips-Schraube</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Alright, let’s get those Y-type screws and that one Phillips screw out of the way so we can free the metal cover! It&#8217;s time for a little screw party!</p>\n<p>&#8211; Next up, peel off those pesky stickers from the display contacts on the metal cover. They’ve done their job, and now it’s time for them to go!</p>\n<p>&#8211; Now, gently lift off the metal cover. You’re doing fantastic!</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/step6139_file17310_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-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/step6139_file17310_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> Frontcamera</p>\n<p><i class="bi bi-x-circle" style="color:deeppink"></i> Earpiece</p>\n<p><i class="bi bi-x-circle" style="color:dodgerblue"></i> Sensors</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Not all displays are created equal! If your new screen is missing some of the cool features from your old display, you might need to snag a few parts before you make the swap. Here’s what you might need to take: the front camera bracket (it&#8217;s just lightly glued, so it should come off easily) and the sensor bracket (also lightly glued).</p>\n<p>&#8211; If you only need the front camera bracket, go ahead and take that off.</p>\n<p>&#8211; Need the sensor bracket? You got it! Just gently remove that too.</p>\n<p>&#8211; ', 'Don&#8217;t forget to peel off the protective film from your new display and take off any seals. You&#8217;re almost there!</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/step6140_file17313_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/step6140_file17311_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/step6140_file17312_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/step6140.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6140_file17313_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/step6140_file17313_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/step6140_file17311_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/step6140_file17312_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="video thumbnail" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6140_file17313_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:deepskyblue"></i> 5 ×  1,1 mm Y-Type-Schraube</p>\n<p><i class="bi bi-x-circle" style="color:dodgerblue"></i> 1 ×  1,6 mm Phillips-Schraube</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 pop all those screws into their thread holes before you start tightening! This little trick helps ensure that the rear panel fits just right.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Guide those flex cables through the cozy little opening in the rear panel. They’ll appreciate the nice fit!</p>\n<p>&#8211; Now, it&#8217;s time to reinsert those screws and secure the rear panel back in place. 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 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/step6141_file17317_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/step6141_file17314_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/step6141_file17315_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/step6141_file17316_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/step6141.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6141_file17317_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/step6141_file17317_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/step6141_file17314_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/step6141_file17315_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=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6141_file17316_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-13" 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/step6141_file17317_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:darkturquoise"></i> 4 ×  1,1 mm Y-Type-Schraube</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Slide the Home button into the display opening from the front like a pro.</p>\n<p>&#8211; Gently press the flex cable onto the display and connect that little connector.</p>\n<p>&#8211; Pop on the shiny silver cover and secure it with screws to keep everything 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 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/step6142_file17321_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/step6142_file17318_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/step6142_file17319_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/step6142_file17320_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/step6142.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6142_file17321_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/step6142_file17321_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/step6142_file17318_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/step6142_file17319_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=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6142_file17320_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-14" 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/step6142_file17321_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> Getting that proximity sensor in the right spot is key! If it&#8217;s not positioned just right, it might not work its magic. So, let’s make sure it’s snug and ready to go!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Nestle each of those sensors into their cozy brackets.</p>\n<p>&#8211; Connect the flex cable for the earpiece using those handy little plastic tips to help guide you.</p>\n<p>&#8211; Slide the FaceTime cable back into its original home.</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/step6143_file17325_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/step6143_file17322_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/step6143_file17323_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/step6143_file17324_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/step6143.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6143_file17325_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/step6143_file17325_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/step6143_file17322_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=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6143_file17323_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-15" 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/step6143_file17324_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-15" 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/step6143_file17325_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:floralwhite"></i> 2 ×  1,7 mm Phillips-Schraube</p>\n<p><i class="bi bi-x-circle" style="color:dodgerblue"></i> 1 ×  2,7 mm Phillips-Schraube</p>\n<p><i class="bi bi-x-circle" style="color:fuchsia"></i> 2 ×  2,2 mm Phillips</p>\n</p></div>\n<div class="alert alert-danger" role="alert">\n<p><i class="bi bi-exclamation-triangle text-red"></i> Don&#8217;t go overboard tightening those screws, or you&#8217;ll end up seeing them peek through the front finish like they’re trying to make a grand entrance!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Place the earpiece back in its cozy spot right below the flexible flat cable, nestled between the FaceTime camera and the sensors.</p>\n<p>&#8211; Next, pop the cover back on and secure it with those five Phillips screws. Just a friendly reminder: make sure the front camera is perfectly centered on the display. Adjust it a smidge if needed!</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/step6144_file17330_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/step6144_file17326_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/step6144_file17327_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/step6144_file17328_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/step6144_file17329_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/step6144.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6144_file17330_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-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/step6144_file17330_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/step6144_file17326_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-16" 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/step6144_file17327_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-16" 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/step6144_file17328_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-16" 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/step6144_file17329_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-16" 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/step6144_file17330_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> If you give your iPhone a makeover with a frame sticker, it’ll be shielded from dust and splashes, but don’t expect it to be a full-on waterproof superhero!</p>\n</p></div>\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> Make sure you get that frame sticker in the right spot! Each corner is uniquely shaped, so use those shapes as your guiding stars for perfect placement.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; To ensure that your new frame sticker sticks like a charm, first, let&#8217;s clean off any leftover glue and dirt. We want a fresh start!</p>\n<p>&#8211; Peel off the first layer of protective film from the frame sticker. It’s like unwrapping a gift!</p>\n<p>&#8211; Carefully align the frame sticker on one edge and press it down gradually. Make sure it’s even and give it a gentle press to secure it in place.</p>\n<p>&#8211; Now, go ahead and remove the rest of the film layers. You&#8217;re almost there!</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/step6145_file17331_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/step6145_file17332_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/step6145_file17333_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/step6145_file17334_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/step6145_file17335_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/step6145.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6145_file17331_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/step6145_file17331_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/step6145_file17332_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/step6145_file17333_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=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6145_file17334_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-17" 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/step6145_file17335_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-17" 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/step6145_file17331_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> Facetime connector</p>\n<p><i class="bi bi-x-circle" style="color:darkslategray"></i> 1 ×  1,1 mm Y-Type</p>\n<p><i class="bi bi-x-circle" style="color:dimgray"></i> 1 ×  0,9 mm Y-Type</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Gently set the display onto the frame and connect the FaceTime contact to the logic board. You&#8217;re doing great!</p>\n<p>&#8211; Now, pop the FaceTime contact’s cover back into the iPhone and secure it with those three Phillips screws. Almost there!</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/step6146_file17338_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/step6146_file17337_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/step6146_file17336_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/step6146.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6146_file17338_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/step6146_file17338_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/step6146_file17337_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=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6146_file17336_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-18" 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/step6146_file17338_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> Display Connector</p>\n<p><i class="bi bi-x-circle" style="color:deepskyblue"></i> Home Button Connector</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Connect the two contacts from the Home button and the display to the logic board, ensuring a snug fit for a smooth operation. 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 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/step6147_file17341_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/step6147_file17342_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/step6147_file17339_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/step6147_file17340_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/step6147.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6147_file17341_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/step6147_file17341_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/step6147_file17342_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/step6147_file17339_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=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6147_file17340_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-19" 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/step6147_file17341_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:darkturquoise"></i> Battery Connector</p>\n<p><i class="bi bi-x-circle" style="color:dimgray"></i> 2 ×  1,2 mm Phillips</p>\n<p><i class="bi bi-x-circle" style="color:forestgreen"></i> 1 ×  1,3 mm Phillips</p>\n<p><i class="bi bi-x-circle" style="color:fuchsia"></i> 1 ×  2,6 mm Phillips</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Reconnect the battery contact with a gentle touch, making sure it&#8217;s snug and secure!</p>\n<p>&#8211; Place that metal cover back on your iPhone and fasten it down with the screws 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 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/step6148_file17344_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/step6148_file17343_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/step6148.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6148_file17344_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/step6148_file17344_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/step6148_file17343_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="video thumbnail" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6148_file17344_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> Get creative! You can use plastic clamps or even slide your device between two books. This little hack helps the glue bond like a champ!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Set the display gently on the edge of the frame and fold it down onto the iPhone like a pro!</p>\n<p>&#8211; Next, give that entire display a nice firm press into the frame to secure it snugly.</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/step6149_file17345_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/step6149.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6149_file17345_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/step6149_file17345_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="video thumbnail" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step6149_file17345_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> 2 ×  3,4mm Pentalobe</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Time to bring out your trusty screwdriver! Let&#8217;s secure those two pentalobe screws snugly into the enclosure, right next to the Lightning connector. Make sure they’re in tight so your iPhone stays all put together and ready for action!</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/step6150_file17530_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/step6150_file17529_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/step6150.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6150_file17530_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/step6150_file17530_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/step6150_file17529_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/step6150_file17530_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; Let&#8217;s check out how bright that display can shine!</p>\n<p>&#8211; Now, it&#8217;s time to give the touchscreen a whirl! Pick an app, drag it all over the screen, and if it keeps up with your finger like a loyal sidekick, then your display is in great shape!</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_facebook_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 (iPhone 8 Plus) 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.
        
        Description for Facebook sharing. max length: 160 characters Include the focus keyphrase: DIY Guide to Replace iPhone 8 Plus Screen
        
        ONLY mention this specific device in generated responses. Do NOT mention any devices or topics other than:
                Brand: 'Apple'
                Model: 'iPhone 8 Plus'
                Always include the model (iPhone 8 Plus) 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_facebook_description' field.

        The output should be in the following format:

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