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> 30 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">In this guide, you will learn how to replace the defective display unit of your iPhone 7 Plus. This may be necessary if:the glass is shatteredthe glass has many scratchesthe 3D Touch no longer reacts to touchesthe LCD flickers or remains blackTaking the repair in your own hands saves money, protects the environment and makes you independent of repair shops. At the same time you get a better feeling for your mobile phone &#8211; how it is constructed and what technology is inside. Not everyone has had this experience.Before you start changing the display, you should back up all your data. It is also better to first discharge yourself statically, for example by touching a heater. Apart from that, we recommend that you make sure that your workplace is clean and well lit, where you can change the display in peace and quiet. By doing so you will optimize your repair success. In this guide, you will learn how to replace the defective display unit of your iPhone 7 Plus. This may be necessary if:  Taking the repair in your own hands saves money, protects the environment and makes you independent of repair shops. At the same time you get a better feeling for your mobile phone &#8211; how it is constructed and what technology is inside. Not everyone has had this experience. Before you start changing the display, you should back up all your data. It is also better to first discharge yourself statically, for example by touching a heater. Apart from that, we recommend that you make sure that your workplace is clean and well lit, where you can change the display in peace and quiet. By doing so you will optimize your repair success.</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/step5812_file16094_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/step5812.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5812_file16094_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/step5812_file16094_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="video thumbnail" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step5812_file16094_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, power down your iPhone completely to keep it safe while you work your magic. Just press that Sleep/Wake button for about three seconds until the &#8216;power off&#8217; slider makes its grand appearance.</p>\n<p>&#8211; Now, give that slider a good swipe from left to right. Your iPhone will gracefully shut down in about ten seconds, and you’ll be one step closer to a fabulous fix!</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/step5813_file16096_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/step5813.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5813_file16096_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/step5813_file16096_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/step5813_file16096_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,3 mm Pentalobe</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Grab your trusty pentalobe screwdriver (PL1) because it&#8217;s time to get into that iPhone 7 Plus!</p>\n<p>&#8211; Carefully unscrew the two pentalobe screws located at the bottom of the enclosure, right by the Lightning connector. Make sure to place those screws on your magnetic pad so they don’t go wandering off!</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/step5814_file16100_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/step5814_file16102_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/step5814_file16097_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/step5814_file16098_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/step5814_file16099_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/step5814.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5814_file16100_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/step5814_file16100_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/step5814_file16102_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/step5814_file16097_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/step5814_file16098_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/step5814_file16099_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/step5814_file16100_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, give the outer edges of the display a little warmth a few times. Just a friendly reminder that the display&#8217;s flex cables are located on the side with the Sleep/Wake button. Also, keep in mind that the display is secured at the edge of the earpiece.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Keep your iPhone 7&#8217;s back safe and sound by laying it on a soft, clean surface—no scratches allowed!</p>\n<p>&#8211; To get that front screen lifted, you&#8217;ll need a suction cup, a sturdy plastic pick, and a heat gun. If the screen is in rough shape, slap some packing tape over it first to keep things in check.</p>\n<p>&#8211; The screen is glued on tighter than a secret! Use your heat gun to warm the edges of the display to about 60°C to loosen that adhesive.</p>\n<p>&#8211; Place the suction cup over the Home button (or close to it). While you gently pull up with the suction cup, slide that plastic pick between the aluminum frame and the display, pressing down on the frame. Since the display is glued, you’ll need to work your way around the iPhone. Just be careful not to go too deep near the Sleep/Wake button side—those flex cables are sensitive!</p>\n<p>&#8211; Now, gently nudge the display towards the Lightning connector until the tabs pop out of the aluminum frame.</p>\n<p>&#8211; Rest the display on the aluminum frame, being careful not to stretch those flex cables too much!</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/step5815_file16103_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/step5815_file16105_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/step5815_file16106_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/step5815_file16107_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/step5815_file16104_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/step5815.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5815_file16103_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/step5815_file16103_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/step5815_file16105_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/step5815_file16106_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/step5815_file16107_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/step5815_file16104_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="video thumbnail" aria-label="Slide 6"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step5815_file16103_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> 1 ×  2,4 mm Y-Type</p>\n<p><i class="bi bi-x-circle" style="color:gainsboro"></i> 3 ×  1,1 mm Y-Type</p>\n<p><i class="bi bi-x-circle" style="color:darkviolet"></i> Battery Connector</p>\n</p></div>\n<div class="alert alert-danger" role="alert">\n<p><i class="bi bi-exclamation-triangle text-red"></i> Before diving into the repair, let&#8217;s disconnect that battery contact! This little step helps you dodge short circuits and keeps your device from accidentally turning on while you&#8217;re working your magic.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; First, grab your Y-Type screwdriver (Y000) and remove those three Y-Type screws. Once they&#8217;re out, gently lift off the bracket plate and keep all the little pieces together in the cozy box of your magnetic pad.</p>\n<p>&#8211; Next up, it&#8217;s time to delicately pry off the battery connector. Just slide a spudger underneath it with care. No spudger? No worries! Your trusty fingernail will do the trick too.</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/step5816_file16108_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/step5816_file16110_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/step5816_file16109_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/step5816.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5816_file16108_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/step5816_file16108_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/step5816_file16110_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/step5816_file16109_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/step5816_file16108_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:dimgray"></i> Home Button Connector</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Use the spudger to disconnect the display and Home button cables.</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/step5817_file16113_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/step5817_file16114_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/step5817_file16115_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/step5817_file16112_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/step5817_file16111_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/step5817.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5817_file16113_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/step5817_file16113_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/step5817_file16114_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/step5817_file16115_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/step5817_file16112_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/step5817_file16111_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/step5817_file16113_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,3 mm Y-Type</p>\n<p><i class="bi bi-x-circle" style="color:floralwhite"></i> 2 ×  1,0 mm Y-Type</p>\n<p><i class="bi bi-x-circle" style="color:dimgray"></i> Facetime Connector</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; First, grab your Y-Type screwdriver (Y000) and remove those three Y-Type screws. Once they&#8217;re out, gently lift off the cover and make sure to keep all those little parts cozy in the magnetic pad box.</p>\n<p>&#8211; Next, take your spudger and carefully disconnect the FaceTime connector from the circuit board. You&#8217;ve got this!</p>\n<p>&#8211; Now, it&#8217;s time to fully detach the display. Go ahead and pull it off with confidence!</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/step5830_file16122_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/step5830_file16123_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/step5830_file16137_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/step5830.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5830_file16122_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/step5830_file16122_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/step5830_file16123_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/step5830_file16137_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/step5830_file16122_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> 1 ×  2,7 mm Phillips-Schraube</p>\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:deepskyblue"></i> 2 ×  2,1 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> Heads up! The screws you&#8217;re dealing with are like a mixed bag of candy &#8211; they come in different lengths. If you mix them up, you might end up giving your display a bit of a rough time during assembly.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; The earpiece is hiding on the back of the display unit. Time to channel your inner detective! Remove the five Phillips screws securing the bracket over the earpiece. And hey, keep all those little bits together in the cozy box of your magnetic pad—no screw left behind!</p>\n<p>&#8211; Now, the earpiece is also playing peek-a-boo under the front camera’s flex cable. Just give that cable a gentle nudge to the side, and voilà! You can smoothly lift out the earpiece.</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/step5831_file16126_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/step5831_file15717_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/step5831_file15720_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/step5831_file15719_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/step5831_file15721_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/step5831.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5831_file16126_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/step5831_file16126_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/step5831_file15717_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/step5831_file15720_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/step5831_file15719_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/step5831_file15721_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/step5831_file16126_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> Give that FaceTime cable a little love with the heat gun to loosen up the glue. It’ll make your job a whole lot easier!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; First, gently lift out those sensors like you&#8217;re unveiling a surprise!</p>\n<p>&#8211; Next, slide your spudger or spatula right under the flex cable near the ambient microphone. It&#8217;s glued down tighter than your favorite secret, so be patient!</p>\n<p>&#8211; Now it&#8217;s time to lift out the cable set with confidence!</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/step5832_file16127_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/step5832_file15747_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/step5832_file15748_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/step5832_file15749_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/step5832_file15750_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/step5832_file15751_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/step5832_file15752_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/step5832.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5832_file16127_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/step5832_file16127_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/step5832_file15747_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/step5832_file15748_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/step5832_file15749_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/step5832_file15750_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=" thumbnail" aria-current="true" aria-label="Slide 6"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step5832_file15751_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-9" 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/step5832_file15752_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-9" 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/step5832_file16127_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> 3 ×  1,2 mm Y-Type-Schraube</p>\n<p><i class="bi bi-x-circle" style="color:floralwhite"></i> 1 ×  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 cable set tends to be stuck on there pretty well. Give it some love and patience to get it loose!</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 four Y-type screws! Once they&#8217;re out, gently lift off the bracket plate and make sure to keep everything cozy in the same box of your magnetic pad.</p>\n<p>&#8211; Next up, grab your spudger and carefully disconnect that Home button cable. If it’s being a bit stubborn, just press it against the display since the connector isn&#8217;t screwed in.</p>\n<p>&#8211; Now, take your ESD tweezers and carefully slide them under the cable set to pry it loose. Be gentle, we want to keep everything intact!</p>\n<p>&#8211; If the glue is giving you a hard time, feel free to use a heat gun to soften it up a bit. A little warmth 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 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/step5833_file16128_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/step5833_file15730_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/step5833_file15732_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/step5833_file15731_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/step5833_file15733_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/step5833.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5833_file16128_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/step5833_file16128_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/step5833_file15730_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/step5833_file15732_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=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step5833_file15731_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-10" 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/step5833_file15733_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-10" 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/step5', '833_file16128_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 ×  1,1 mm Y-Type-Schraube</p>\n<p><i class="bi bi-x-circle" style="color:firebrick"></i> 1 ×   1,7 mm Phillips-Schraube</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; First, let&#8217;s peel off that display contact sticker from the metal panel—easy does it!</p>\n<p>&#8211; Next up, grab your trusty Y-type screwdriver and remove those five Y-type screws along with one Phillips screw that’s holding the metal panel in place.</p>\n<p>&#8211; Now, gently lift off the metal panel, but watch out for those display connectors—let’s keep them safe and sound!</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/step5834_file16129_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/step5834_file15734_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/step5834.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5834_file16129_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/step5834_file16129_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/step5834_file15734_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="video thumbnail" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step5834_file16129_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> Front camera bracket</p>\n<p><i class="bi bi-x-circle" style="color:gainsboro"></i> Sensor bracket</p>\n<p><i class="bi bi-x-circle" style="color:dimgray"></i> Prox sensor sticker</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Not all available displays have the same features. If necessary, you’ll have to take some of the following parts from your old display before installing the new screen:Front camera bracket (lightly glued in place)Sensor bracket (lightly glued in place)</p>\n<p>&#8211; Front camera bracket (lightly glued in place)</p>\n<p>&#8211; Sensor bracket (lightly glued in place)</p>\n<p>&#8211; Peel the protective film off the new display and remove the gaskets.</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/step5835_file16132_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/step5835_file16130_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/step5835_file15737_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/step5835_file15736_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/step5835_file16131_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/step5835.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5835_file16132_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/step5835_file16132_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/step5835_file16130_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/step5835_file15737_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/step5835_file15736_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=" thumbnail" aria-current="true" aria-label="Slide 5"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step5835_file16131_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-12" 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/step5835_file16132_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> 5 ×  1,1 mm Y-Type-Schraube</p>\n<p><i class="bi bi-x-circle" style="color:darkslategray"></i> 1 ×  1,7 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> Hold your horses on tightening those screws! Make sure all of them are in their threads first so you can adjust the back panel just right.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Guide those connection cables through the nifty opening on the back panel!</p>\n<p>&#8211; Next up, secure that back panel in place with the screws—let&#8217;s keep everything snug!</p>\n<p>&#8211; Finally, use that handy sticker to reattach the display cable 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 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/step5836_file16133_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/step5836_file15739_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/step5836_file15738_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/step5836_file16134_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/step5836.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5836_file16133_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/step5836_file16133_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/step5836_file15739_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/step5836_file15738_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/step5836_file16134_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/step5836_file16133_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:darkviolet"></i> 3 ×  1,2 mm Y-Type-Schraube</p>\n<p><i class="bi bi-x-circle" style="color:darkturquoise"></i> 1 ×  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 that Home button right into the front opening of your display like it&#8217;s finding its cozy spot.</p>\n<p>&#8211; Gently press the flex cable against the display and give that connector a friendly connection.</p>\n<p>&#8211; Now, grab the bracket plate and secure it in place—let&#8217;s keep everything snug and happy!</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/step5837_file16135_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/step5837_file15741_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/step5837_file15742_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/step5837.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5837_file16135_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/step5837_file16135_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/step5837_file15741_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/step5837_file15742_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/step5837_file16135_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> Position that proximity sensor like a pro! If it&#8217;s not in the right spot, it might just decide to play hard to get.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Stick that FaceTime cable back where it belongs, like it never left!</p>\n<p>&#8211; Pop in the microphone—it&#8217;s time for some sound magic!</p>\n<p>&#8211; Now, gently place those sensors back in their cozy spots, just like puzzle pieces fitting together.</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/step5838_file16136_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/step5838_file15745_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/step5838_file15744_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/step5838.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5838_file16136_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/step5838_file16136_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/step5838_file15745_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/step5838_file15744_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="video thumbnail" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step5838_file16136_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:darkviolet"></i> 2 ×  2,1 mm Phillips-Schraube</p>\n<p><i class="bi bi-x-circle" style="color:deeppink"></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></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! A gentle touch is all you need, or you might just end up making a surprise hole in the front paint.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Slide the earpiece back into its cozy spot beneath the flex cable, nestled between the FaceTime camera and the sensors. Then, pop that bracket plate back in place.</p>\n<p>&#8211; Next, secure the bracket plate with five Phillips screws. Make sure the front camera is sitting pretty and centered on the display—adjust it if it needs a little nudge!</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/step6700_file20148_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/step6700_file20147_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/step6700_file20149_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/step6700_file20150_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/step6700_file20151_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/step6700.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step6700_file20148_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/step6700_file20148_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/step6700_file20147_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/step6700_file20149_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/step6700_file20150_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/step6700_file20151_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/step6700_file20148_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> Just a heads up! Even with a shiny new frame sticker, your iPhone&#8217;s water resistance might not be quite the same as it used to be!</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 friendly reminder to pay attention to how you place that frame sticker. The corners are a bit different and will guide you along the way!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; To ensure that the new frame sticker sticks like it should, start by clearing away any leftover glue and dirt from the old sticker.</p>\n<p>&#8211; Peel off the first backing film.</p>\n<p>&#8211; Carefully align it on one side and give it a gentle press.</p>\n<p>&#8211; Now, take off the second piece of film.</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/step5823_file16138_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/step5823_file16140_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/step5823_file16139_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/step5823.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5823_file16138_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/step5823_file16138_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/step5823_file16140_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/step5823_file16139_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/step5823_file16138_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> Facetime Connector</p>\n<p><i class="bi bi-x-circle" style="color:darkslategray"></i> 2 ×  1,0 mm Y-Type</p>\n<p><i class="bi bi-x-circle" style="color:fuchsia"></i> 1 ×  1,3 mm Y-Type</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Hold that display upright on the frame and connect the FaceTime connector to the logic board like a pro!</p>\n<p>&#8211; Rest the display on the right-hand edge of the frame, giving it a comfy spot to chill.</p>\n<p>&#8211; Pop the bracket plate of the FaceTime connector back into the iPhone and secure it with those three Phillips screws—let’s keep everything 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 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/step5824_file16141_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/step5824_file16142_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/step5824_file16143_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/step5824.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5824_file16141_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/step5824_file16141_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/step5824_file16142_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/step5824_file16143_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/step5824_file16141_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> Display Connector</p>\n<p><i class="bi bi-x-circle" style="color:dimgray"></i> Home Button Connector</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; It&#8217;s time to connect the Home button and display cables to the logic board! Just slide those cables in like you’re giving them a warm hug.</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/step5825_file16145_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/step5825_file16146_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/step5825_file16147_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/step5825_file16144_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/step5825.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5825_file16145_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/step5825_file16145_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/step5825_file16146_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/step5825_file16147_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/step5825_file16144_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/step5825_file16145_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> Battery Connector</p>\n<p><i class="bi bi-x-circle" style="color:darkturquoise"></i> 3 ×   1,1 mm Y-Type</p>\n<p><i class="bi bi-x-circle" style="color:forestgreen"></i> 1 ×  2,4 mm Y-Type</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; First, let&#8217;s plug that battery cable back in—just like reconnecting with an old friend!</p>\n<p>&#8211; Now, place the bracket plate back into the iPhone and secure it with those four Y-type screws. 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 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/step5826_file16149_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/step5826_file16151_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/step5826_file16148_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/step5826.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5826_file16149_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/step5826_file16149_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/step5826_file16151_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/step5826_file16148_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/step5826_file16149_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> Your phone has lost its water shield! To get that water protection back in action, you&#8217;ll need to reglue the display. Let&#8217;s make it splash-proof again!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Start by placing the display on the right edge of the frame and gently fold it onto your iPhone like a cozy blanket.</p>\n<p>&#8211; Next, slide that display towards the standby button so the tabs can click into place, just like a puzzle piece fitting in.</p>\n<p>&#8211; Finally, give the display a firm press all around the frame to secure it snugly in its new 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 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/step5827_file16152_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/step5827.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step5827_file16152_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/step5827_file16152_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/step5827_file16152_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,3 mm Pentalobe</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Time to get those pentalobe screws in place! Grab your trusty screwdriver and fasten those two screws snugly on either side of the Lightning 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 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/step5828_file16153_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-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/step5828_file16153_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! When you pop out that battery, your iPhone&#8217;s clock might just decide to party like it&#8217;s 1970, resetting to 1:00 a.m. on 1/1/1970. If you don’t set the time back, you might have a tough time connecting to the cellular network. So, let’s keep that time in check!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Synchronize your iPhone with iTunes or connect to a WiFi network and wait until the time is set.</p>\n<p>&#8211; The time won’t be set automatically, unless you enable this feature in the settings.</p>\n<p>&#8211; Settings > General > Date &#038; Time > Set Automatically</p>\n<p>&#8211; Remove the SIM tray with the SIM card and reinsert it.</p>\n<p>&#8211; Activate airplane mode on the device and then deactivate airplane mode.</p>\n<p>&#8211; Settings > Airplane Mode</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_focus_keyword', 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 7 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.
        
        The primary focus keyword for the post to optimze search engine performance. A single phrase 2 to 7 words long. Max length: 60 characters. Try to use terms in the slug (if possible): iphone 7 plus replacing the screen
        
        ONLY mention this specific device in generated responses. Do NOT mention any devices or topics other than:
                Brand: 'Apple'
                Model: 'iPhone 7 Plus'
                Always include the model (iPhone 7 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_focus_keyword' field.

        The output should be in the following format:

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