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> 90 min. </h6>\n<h6 class="text-left"><strong>Steps:</strong> 17 Steps</h6>\n</p></div>\n</p></div>\n<div class="my-4">\n<p class="lead">Get ready to boost your Google Pixel 4 with a fresh battery! If your trusty device is giving up when the action gets heavy, won&#8217;t power up or charge, or can&#8217;t last a day without clinging to the charger, it&#8217;s time for a battery swap. No need to be a tech whiz; all you need is a sprinkle of patience. Peeling off the snug glass backcover might be a sticky affair due to the strong adhesive, and yes, a few tiny components will need a switcheroo. But fear not! Grab some snacks, this guide, and dive in. With our crisp macro shots and easy-peasy instructions, we&#8217;ll march through the fix together. If you hit a snag, you can always <a href="https://www.salvationrepair.com/repair">schedule a repair</a> with us.</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/step7657_file24356_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/step7657_file24357_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/step7657_file24358_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/step7657_file24355_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-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/step7657_file24356_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7657_file24357_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7657_file24358_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-1" 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/step7657_file24355_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; Press and hold the standby button on the right—hold it like you mean it! After a few seconds of pressing, a message will pop up on the screen asking if you really want to turn off your device. Go ahead and tap confirm to give it a goodnight sleep.</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/step7658_file24359_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/step7658_file24366_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/step7658_file24361_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/step7658_file24362_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/step7658_file24364_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/step7658_file24365_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/step7658_file24367_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/step7658_file24369_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-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/step7658_file24359_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7658_file24366_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7658_file24361_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-2" 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/step7658_file24362_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-2" 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/step7658_file24364_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-2" 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/step7658_file24365_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-2" 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/step7658_file24367_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7658_file24369_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> Ease up on the throttle there! Gently does it with the tools to keep the insides of your device happy and unharmed.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Warm up the edges of your gadget with a heat gun or hair dryer to make the adhesive easier to tackle. Be gentle and keep it toasty—just mild enough not to singe your fingertips! Focus on the perimeter rather than the center to protect that precious battery.</p>\n<p>&#8211; Pop a suction cup on the bottom of the back cover and give it a nice pull while gently holding down the device. It&#8217;s like opening a jar with a little more tech savvy!</p>\n<p>&#8211; Slide a tool into the newly formed opening between the back cover and the frame. If a plectrum doesn&#8217;t fit, whip out a specialized tool like the iFlex, but watch out—don&#8217;t nick the frame or the back with the sharp edges.</p>\n<p>&#8211; Reheat all around the edge and gracefully glide the plectrum or iFlex along, easing the glue loose bit by bit. It&#8217;s like spreading butter on toast, but a bit stickier!</p>\n<p>&#8211; Keep a few picks in place to stop the glue from getting any reattachment ideas in spots you&#8217;ve already freed up. Keep those edges liberated!</p>\n</div>\n<div class="tools-container mt-3">\n<h6 class="tools-title">Tools Used</h6>\n<ol class="tools-list">\n<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=Heat+gun+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" title="You can use a heat gun to heat parts that are glued on so they’re easier to remove.\nIn most cases, you can also use a hairdryer." rel="noopener">Heat gun <i class="bi bi-amazon"></i></a></li>\n<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=iFlex+Opening+Tool+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" title="Opening your smartphone can be a very delicate operation, especially if the glue is very persistent. The blade of the flexible but sturdy iFlex measures just 0.15 mm, so it fits in even the smallest gaps, such as between the screen and the frame. The practical iFlex is made of stainless steel and sits comfortably in the hand. This makes it the perfect assistant for every smartphone repair." rel="noopener">iFlex Opening Tool <i class="bi bi-amazon"></i></a></li>\n<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=VAKUPLASTIC+Suction+Cup+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" rel="noopener">VAKUPLASTIC Suction Cup <i class="bi bi-amazon"></i></a></li>\n</ol></div>\n</p></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/step7659_file24370_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/step7659_file24371_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/step7659_file24375_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/step7659_file24372_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/step7659_file24374_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/step7659_file24373_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-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/step7659_file24370_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/step7659_file24371_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/step7659_file24375_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/step7659_file24372_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/step7659_file24374_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=" thumbnail" aria-current="true" aria-label="Slide 6"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7659_file24373_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> 2 ×  4,0 mm Torx T3</p>\n</p></div>\n<div class="alert alert-danger" role="alert">\n<p><i class="bi bi-exclamation-triangle text-red"></i> Before you wiggle those connectors free from the motherboard, zoom in and eyeball the neighborhood—they&#8217;re not alone! Tiny pals like capacitors might be hanging out right next to them. When prying, choose a spot away from these mini friends to dodge any unwanted mishaps. Keep it safe and cool, you&#8217;ve got this!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Loosen the two screws and take off the cover plate with ease.</p>\n<p>&#8211; Gently separate the connector using a spudger, 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 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/step7660_file24376_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/step7660_file24378_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/step7660_file24380_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/step7660_file24379_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-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/step7660_file24376_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/step7660_file24378_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/step7660_file24380_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/step7660_file24379_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n<div class="instructions">\n<p>&#8211; Remove the screws of the cover plate over the battery connector.</p>\n</div></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:darkslategray"></i> 4 ×  4,0 mm Torx T3</p>\n<p><i class="bi bi-x-circle" style="color:floralwhite"></i> 1 ×  2,0 mm Torx T3</p>\n<p><i class="bi bi-x-circle" style="color:darkturquoise"></i> Battery connector</p>\n</p></div>\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> The screws come in various lengths, so keep an eye on them to avoid mixing them up or confusing them with other screws from your device. A great way to stay organized is by using a magnetic mat. Just place the screws and the cover plate on the mat as you remove them from the device. Thanks to the magnetic magic, the screws will stay put and won&#8217;t wander off on you!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="tools-container mt-3">\n<h6 class="tools-title">Tools Used</h6>\n<ol class="tools-list">\n<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=Magnetic+Pad+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" rel="noopener">Magnetic Pad <i class="bi bi-amazon"></i></a></li>\n</ol></div>\n</p></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/step7661_file24381_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/step7661_file24382_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/step7661_file24390_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/step7661_file24383_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/step7661_file24384_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/step7661_file24385_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/step7661_file24386_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/step7661_file24387_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/step7661_file24388_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/step7661_file24389_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-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/step7661_file24381_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/step7661_file24382_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/step7661_file24390_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=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24383_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-5" 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/step7661_file24384_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-5" 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/step7661_file24385_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-5" 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/step7661_file24386_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24387_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="8" class=" thumbnail" aria-current="true" aria-label="Slide 9"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24388_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="9" class=" thumbnail" aria-current="true" aria-label="Slide 10"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7661_file24389_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:darkturquoise"></i> 4 ×  4,0 mm Torx T3</p>\n<p><i class="bi bi-x-circle" style="color:dimgray"></i> 2 ×  2,3 mm Torx</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Start by loosening those four screws on the cover plate above the front camera and sensor module. Once they&#8217;re free, pop that plate off like a champ!</p>\n<p>&#8211; Next up, grab your trusty spudger and gently wiggle it to disconnect the three connectors from the main board. Take your time—you&#8217;ve got this!</p>\n<p>&#8211; Now, let&#8217;s tackle those two screws holding the entire module in place. Unscrew them, and keep moving forward!</p>\n<p>&#8211; Finally, give it a gentle nudge in several spots until you can lift the module out. Pat yourself on the back; you&#8217;re doing great!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></div>\n<div class="container repair-step-section">\n<div class="row">\n<div class="col-sm-12 col-md-8">\n<h4 class="step-header">Step 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/step7662_file24392_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/step7662_file24391_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/step7662_file24393_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/step7662_file24394_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/step7662_file24395_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/step7662_file24397_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/step7662_file24398_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/step7662_file24399_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/step7662_file24400_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/step7662_file24490_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-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/step7662_file24392_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/step7662_file24391_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/step7662_file24393_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/step7662_file24394_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/step7662_file24395_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=" thumbnail" aria-current="true" aria-label="Slide 6"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24397_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-6" 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/step7662_file24398_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24399_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="8" class=" thumbnail" aria-current="true" aria-label="Slide 9"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24400_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="9" class=" thumbnail" aria-current="true" aria-label="Slide 10"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7662_file24490_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n<div class="instructions">\n<p>&#8211; Let&#8217;s loosen those two tiny Torx T3 screws holding the lower cover plate – easy peasy! Then, gently remove the plate.</p>\n<p>&#8211; Time to disconnect the connectors and antenna cable from the mainboard.  It&#8217;s like a tech puzzle, and you&#8217;re about to solve it!</p>\n</div></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 ×  4,0 mm Torx T3</p>\n<p><i class="bi bi-x-circle" style="color:deeppink"></i> 1 ×  4,4 mm Torx T3</p>\n</p></div>\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> Hey there, champ!  Let&#8217;s gently loosen those connectors. Use your spudger to carefully pry where it&#8217;s safe to do so – avoid any tiny parts on the board.  Unplug those connectors with the finesse of a ninja; we don&#8217;t want to hurt the main board! If you need a hand, you can always <a href="https://www.salvationrepair.com/repair">schedule a repair</a>.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="tools-container mt-3">\n<h6 class="tools-title">Tools Used</h6>\n<ol class="tools-list">\n<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=Piergiacomi+Tweezers+2a+SA+ESD+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" rel="noopener">Piergiacomi Tweezers 2a SA ESD <i class="bi bi-amazon"></i></a></li>\n</ol></div>\n</p></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/step7663_file24401_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/step7663_file24402_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/step7663_file24405_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/step7663_file24403_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/step7663_file24404_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-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/step7663_file24401_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/step7663_file24402_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/step7663_file24405_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7663_file24403_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7663_file24404_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:firebrick"></i> 1 ×  4,0 mm Torx T3</p>\n<p><i class="bi bi-x-circle" style="color:gainsboro"></i> 1 ×  4,4 mm Torx T3</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Time to get this speaker out. Start by removing the two screws that hold it in place.</p>\n<p>&#8211; The speaker opening is tucked away at the bottom of the device, deep in the frame and hooked under the left side. Don&#8217;t worry, we&#8217;ve got this!</p>\n<p>&#8211; Gently slide the speaker up and pry it loose from the side. Easy does it!</p>\n<p>&#8211; Now, carefully lift the speaker out of the device. You&#8217;re doing great! If you need help, you can always <a href="https://www.salvationrepair.com/repair">schedule a repair</a>.</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></div>\n<div class="container repair-step-section">\n<div class="row">\n<div class="col-sm-12 col-md-8">\n<h4 class="step-header">Step 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/step7664_file24407_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/step7664_file24408_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/step7664_file24409_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/step7664_file24410_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/step7664_file24411_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/step7664_file24412_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/step7664_file24413_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/step7664_file24414_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-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/step7664_file24407_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/step7664_file24408_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/step7664_file24409_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/step7664_file24410_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/step7664_file24411_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-t', 'arget="#carouselstep-8" 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/step7664_file24412_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-8" 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/step7664_file24413_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7664_file24414_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; Start by gently loosening the lower tab of the battery from the upper side and slide it out to the side. Remember to pull those adhesive strips nice and flat to keep them from breaking off too easily!</p>\n<p>&#8211; If you happen to tear one of the strips, don&#8217;t panic! Focus on removing the other two strips as best as you can. If you&#8217;re feeling adventurous, grab some tweezers and give that torn strip a little tug. If that doesn&#8217;t do the trick, you may need to carefully lever the battery out.</p>\n<p>&#8211; Next up, it&#8217;s time to get the glue warmed up. Just a heads up, don&#8217;t heat the battery directly—treat your device to a gentle warm-up from the side of the display instead.</p>\n<p>&#8211; Now, grab a wide tool like a battery spudger or an iSesamo and gently lift the battery on all sides until it pops out. Just a friendly reminder—watch out for any flex cables hiding beneath the battery!</p>\n</div>\n<div class="tools-container mt-3">\n<h6 class="tools-title">Tools Used</h6>\n<ol class="tools-list">\n<li>                                    <a target="_blank" href="https://www.amazon.com/s?k=Battery+Spudger+Repair&#038;linkCode=ll2&#038;tag=salvationrepa-20&#038;linkId=1c0aa533b7b8148cb48741a4635ea648&#038;language=en_US&#038;ref_=as_li_ss_tl" rel="noopener">Battery Spudger <i class="bi bi-amazon"></i></a></li>\n</ol></div>\n</p></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/step7678_file24478_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/step7678_file24479_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/step7678_file24533_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/step7678_file24481_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/step7678_file24493_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-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/step7678_file24478_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/step7678_file24479_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/step7678_file24533_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/step7678_file24481_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/step7678_file24493_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> 1 ×  4,0 mm Torx T3</p>\n<p><i class="bi bi-x-circle" style="color:floralwhite"></i> 1 ×  4,4 mm Torx T3</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; That speaker&#8217;s got a little black plastic nose on the wider end – kinda cute, huh?  Hook that under the frame.</p>\n<p>&#8211; Give that speaker a little tilt, then smoothly slide it into its home at the bottom of the frame. Make it snug!</p>\n<p>&#8211; Once it&#8217;s all comfy and flush, secure it with those two Torx T3 screws (they&#8217;re different lengths, so pay attention!).  Looking good!</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/step7680_file24482_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/step7680_file24483_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/step7680_file24484_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/step7680_file24489_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/step7680_file24485_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/step7680_file24486_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/step7680_file24487_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/step7680_file24491_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/step7680_file24492_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-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/step7680_file24482_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/step7680_file24483_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/step7680_file24484_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/step7680_file24489_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/step7680_file24485_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=" thumbnail" aria-current="true" aria-label="Slide 6"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7680_file24486_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-10" 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/step7680_file24487_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7680_file24491_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="8" class=" thumbnail" aria-current="true" aria-label="Slide 9"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7680_file24492_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> Connectors</p>\n<p><i class="bi bi-x-circle" style="color:firebrick"></i> 1 ×  4,0 mm Torx T3</p>\n<p><i class="bi bi-x-circle" style="color:dodgerblue"></i> 1 ×  4,4 mm Torx T3</p>\n</p></div>\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> Before you plug in all those connectors, just double-check that the PCB is sitting pretty in its rightful spot. A little positioning love goes a long way!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; First, gently place the dual camera onto the white surface inside the device.  Easy peasy!</p>\n<p>&#8211; Next, give those flex cables a little bend to the side.  We don&#8217;t want to accidentally squish any of them while putting in the main board!</p>\n<p>&#8211; Now, slowly slide the main board in, making sure it goes past all the cables. Take your time!</p>\n<p>&#8211; Get it started at the bottom and then smoothly push it into the frame from the side. You 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 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/step7681_file24494_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/step7681_file24495_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/step7681_file24496_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/step7681_file24499_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/step7681_file24534_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/step7681_file24501_1250.jpg" class="d-block w-100">\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\n<div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7681_file24494_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/step7681_file24495_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7681_file24496_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7681_file24499_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-11" 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/step7681_file24534_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-11" 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/step7681_file24501_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> 4 ×  4,0 mm Torx T3</p>\n</p></div>\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> Give that front camera/sensor unit a little love! Make sure it’s dust-free and that the inside of your device is sparkling clean. A clear view is the key to capturing all those great moments!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Gently slide the front camera/sensor module into its cozy spot in the device.</p>\n<p>&#8211; Give it a little press until it feels right at home.</p>\n<p>&#8211; Next, reconnect all three connectors to bring everything back to life.</p>\n<p>&#8211; Finally, place the cover plate on top and secure it with screws to keep it all 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 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/step7682_file24502_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/step7682_file24503_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/step7682_file24504_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/step7682_file24505_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/step7682_file24507_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/step7682_file24508_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-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/step7682_file24502_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/step7682_file24503_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/step7682_file24504_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/step7682_file24505_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/step7682_file24507_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=" thumbnail" aria-current="true" aria-label="Slide 6"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7682_file24508_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n<div class="instructions">\n<p>&#8211; First things first, let’s make sure there’s no sticky adhesive residue hanging out on the back of the battery or inside your device.</p>\n<p>&#8211; Next up, peel off that clear protective foil from the adhesive strips and stick them onto the battery. Just a heads up, the black tabs should be sticking out a bit.</p>\n<p>&#8211; Now, fold those black tabs down and secure them to the top of the battery.</p>\n<p>&#8211; Once that’s done, go ahead and remove the blue protective film and gently place the battery back into your device.</p>\n<p>&#8211; Double-check that there’s plenty of space all around and that nothing is getting squished. The battery contact should be sitting right above its connector on the main board.</p>\n</div></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> Ready to stick it like a pro? Cut those adhesive strips to size and position them just like the originals. Just a heads up: steer clear of placing them over any flexible cables in your smartphone&#8217;s housing. Keep everything neat and tidy for a successful repair! If you need help, you can always <a href="https://www.salvationrepair.com/repair">schedule a repair</a>.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n                </div>\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/step7683_file24509_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/step7683_file24512_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/step7683_file24511_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-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/step7683_file24509_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/step7683_file24512_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/step7683_file24511_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> 4 ×  4,0 mm Torx T3</p>\n<p><i class="bi bi-x-circle" style="color:gainsboro"></i> 1 ×  2,0 mm Torx T3</p>\n</p></div>\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> One of the screws is a bit of a lightweight! Just keep an eye on it and make sure it doesn&#8217;t get mixed up with its taller buddies!</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; First things first, connect that battery contact! Just ensure it&#8217;s snug and secure before pressing it down—no sliding it around like it&#8217;s a dance partner at a wedding!</p>\n<p>&#8211; Now, let&#8217;s get that cover plate back on and screw it in tight. You&#8217;re almost there!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></div>\n<div class="container repair-step-section">\n<div class="row">\n<div class="col-sm-12 col-md-8">\n<h4 class="step-header">Step 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/step7684_file24535_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/step7684_file24536_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/step7684_file24523_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/step7684_file24524_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/step7684_file24521_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/step7684_file24522_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-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/step7684_file24535_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/step7684_file24536_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/step7684_file24523_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7684_file24524_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7684_file24521_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-14" 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/step7684_file24522_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; Get that back cover on your device and plug in the flexible cable connector—it&#8217;s like a cozy blanket for your tech!</p>\n<p>&#8211; Snap the back cover shut and power on your device. Let’s see that beauty come to life!</p>\n<p>&#8211; To give the touchscreen a little workout, glide an app along the edges and zigzag across the screen. If it keeps up with your finger like a loyal puppy, you’re all set—no glitches in sight!</p>\n<p>&#8211; Give the screen a little love by checking its brightness, contrast, and sharpness. A happy screen makes a happy device!</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/step7679_file24513_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/step7679_file24514_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/step7679_file24515_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/step7679_file24516_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/step7679_file24517_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/step7679_file24518_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/step7679_file24519_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/step7679_file24520_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-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/step7679_file24513_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/step7679_file24514_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/step7679_file24515_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-15" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7679_file24516_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-15" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7679_file24517_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-15" 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/step7679_file24518_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-15" 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/step7679_file24519_120.jpg" class="d-block w-100"><br />\n                            </button><br />\n                            <button type="button" data-bs-target="#carouselstep-15" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7679_file24520_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-info" role="alert">\n<p><i class="bi bi-info-circle text-blue"></i> In these pictures, we&#8217;ve used the adhesive frame from the Pixel 3 since, at the time we whipped up this guide, the Pixel 4 adhesive frame was playing hard to get. No worries though, the steps are just the same! If you need help, you can always schedule a repair.</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; First things first, let’s get rid of all that old glue gunk on the back cover and the frame. A clean start is key!</p>\n<p>&#8211; Next up, find the perfect spot for your adhesive frame by giving it a little test fit in the unit. Check out those camera openings and the edges to make sure everything lines up just right.</p>\n<p>&#8211; Now, peel off that white protective film from the edges and carefully place the adhesive frame on one side of the frame.</p>\n<p>&#8211; Gently let the adhesive frame slide into place all around the frame, keeping an eye out to ensure it’s sitting pretty and not sticking out anywhere.</p>\n<p>&#8211; Once it’s in place, give that adhesive a good press along the edge of the frame. A spudger can be your best buddy here—just run it along the entire edge to make sure it’s secure.</p>\n<p>&#8211; Time to remove the rest of the protective film and the middle carrier layer. Let’s keep it clean!</p>\n<p>&#8211; Finally, take a moment to double-check that the glue is sitting just right. It shouldn’t be sticking out or wrinkling at all. If you spot any trouble spots, feel free to adjust the adhesive as needed.</p>\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/step7685_file24526_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/step7685_file24527_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/step7685_file24529_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/step7685_file24528_1250.jpg" class="d-block w-100">\n                            </div>\n</p></div>\n<p><!-- close carousel-inner --></p>\n<div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-16" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1"><br />\n                                <img decoding="async" src="https://www.idoc.eu/guides/uploads/steps/step7685_file24526_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/step7685_file24527_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/step7685_file24529_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/step7685_file24528_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4">\n<div class="alert alert-light repair-screws" role="alert">\n<p><i class="bi bi-x-circle" style="color:forestgreen"></i> 2 ×  4,0 mm Torx T3</p>\n</p></div>\n</p></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Snap the back cover onto your device – easy peasy! Then, connect that flexible cable connector.</p>\n<p>&#8211; Time to put the cover on and secure it with those screws.  Almost there!</p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></div>\n<div class="container repair-step-section">\n<div class="row">\n<div class="col-sm-12 col-md-8">\n<h4 class="step-header">Step 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/step7686_file24530_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/step7686_file24531_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/step7686_file24532_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-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/step7686_file24530_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/step7686_file24531_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/step7686_file24532_120.jpg" class="d-block w-100"><br />\n                            </button>\n                        </div>\n<p> <!-- close indicators -->\n                    </div>\n</p></div>\n<div class="col-sm-12 col-md-4"></div>\n<div class="col-12">\n<div class="instructions">\n<p>&#8211; Gently fold the back cover over, getting it ready to meet its frame soulmate.</p>\n<p>&#8211; Hold up! Don&#8217;t let it get cozy with the frame and glue until it&#8217;s perfectly centered – we&#8217;re aiming for a match made in tech heaven!</p>\n<p>&#8211; Now, press that back cover along the frame&#8217;s edge like you mean it.  Let&#8217;s get that adhesive bonding action happening!</p>\n<p>&#8211; Last step! Give your device a little warm hug (with a hairdryer, not your actual hug!), then weigh it down with some books or use clamps for about 30 minutes.  This helps the glue get super comfy and secure. If you need help, you can always <a href="https://www.salvationrepair.com/repair">schedule a repair</a></p>\n</div></div>\n<p> <!-- close col-12 -->\n            </div>\n</p></div>\n')
            '''end content
            
        
        You are helping me set up SEO and content-related fields for a website - Salvation Repair.
        The site is focused on providing repair guides and tutorials for various devices, including smartphones (e.g., iPhones, Android phones), tablets, laptops, and computers.
        
        The field value name is 'rank_math_twitter_title', and is one of the fields 
        that need to be populated for the post.
        
        Instructions for the field value:

        Include Actionable Keywords: Use terms like "Guide," "DIY," "How To," or "Tutorial" to make the purpose of the content clear.
         Most guides are replacing something or doing a teardown - So, instead of saying how to fix... - say, how to replace...
        Add the Device Brand and Model: Include the model (Pixel) 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 - possibly: "Pixel 4"
        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.
        
        Title for Twitter sharing. max length: 60 characters Include the focus keyphrase: Google Pixel 4 Battery Replacement Guide
        
        ONLY mention this specific device in generated responses. Do NOT mention any devices or topics other than:
                Brand: 'Google'
                Model: 'Pixel'
                Repair guide topic: 'Pixel 4'
                Always include the model (Pixel) 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_twitter_title' field.

        The output should be in the following format:
        
        {"value": "Generated value here"}