You need to generate a formatted response based on the content:
        '''start content
        (('\n        <div class="container mt-3">\n            <div class="top-section mb-3">\n                <div class="repair-duration border-left border-duration p-3">\n                    <h6 class="text-left"><strong>Duration:</strong> 60 min. </h6>\n                    <h6 class="text-left"><strong>Steps:</strong> 16 Steps</h6>\n                </div>\n            </div>\n            <div class="my-4">\n                <p class="lead">Is your Honor 10\'s battery feeling a bit under the weather? Does it seem to run out of juice faster than you can say \'low battery\'? Fear not! A battery replacement might just be the remedy you need! With this straightforward step-by-step guide, you’ll be able to swap out that battery like a pro. Just a heads up, this repair might require a bit of extra elbow grease since both the back cover and the battery are glued down pretty well. So, take your time, stay calm, and work with care. With a sprinkle of patience, you’ll have that battery replaced in no time! Remember to back up your data before diving in, and clear your workspace to keep those pesky little particles from scratching your back cover or display. The screws in the Honor 10 come in various lengths, so having a magnetic pad handy can help keep them sorted and prevent mix-ups. If you hit a snag along the way, don’t hesitate to drop us a comment on the relevant step, or reach out through our live chat. Happy repairing!</p>\n            </div>\n        </div><!-- end top-section -->\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 1</h4>\n                    <div id="carouselstep-1" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7222_file22046_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7222_file22047_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7222_file22048_1250.jpg" class="d-block w-100">\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7222_file22046_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7222_file22047_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-1" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7222_file22048_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> In the image, you\'ll spot another device since the screen on the Honor 10 decided it was time for a break. Don\'t worry, we’re here to help you get it back in action!</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Give your device a little break by pressing and holding the power button until the \'Power off\' option pops up on the screen.</p><p>- Tap on that option with your finger to confirm you\'re ready to power down your Honor 10, and hang tight while it bids farewell and the screen goes dark.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 2</h4>\n                    <div id="carouselstep-2" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7223_file22050_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7223_file22051_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7223_file22052_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7223_file22053_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7223_file22054_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7223_file22049_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item video" id="carousel7">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step7223.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7223_file22050_1250.jpg" controls></video>\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7223_file22050_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7223_file22051_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7223_file22052_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7223_file22053_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7223_file22054_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7223_file22049_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-2" data-bs-slide-to="6" class="video thumbnail" aria-label="Slide 7">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7223_file22050_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div><div class="instructions"><p>- The back cover is really stuck to the chassis. To make it loosen up, give your device a warm hug with some hot air to soften that pesky glue. A cozy temperature of 60 - 80°C should do the trick! Remember, you should still be able to give your device a little touch without feeling like it’s too toasty.</p><p>- To easily pry open the back cover, grab a flat and flexible tool like the iPlastix or iFlex. You\'ll also want to have a few picks handy to help unstick the cover all the way around. Take it easy, you\'ve got this!</p></div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-danger" role="alert">\n                            <p><i class="bi bi-exclamation-triangle text-red"></i> Hey there! Just a friendly reminder to handle that back cover with care—it\'s a bit fragile and can break quite easily. If it’s giving you a hard time, feel free to warm it up a bit and give it another go. Remember, taking your time is key! A little patience can go a long way in making sure nothing gets damaged. You\'ve got this!</p>\n                        </div>\n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> The iPlastix is crafted from plastic, so it won’t leave any scratches on your device. However, it can be a bit soft and tricky to get in there. Just take your time and you\'ll be fine!</p>\n                        </div>\n                </div>\n                <div class="col-12">\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 3</h4>\n                    <div id="carouselstep-3" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7224_file22056_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7224_file22057_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7224_file22055_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item video" id="carousel4">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step7224.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7224_file22056_1250.jpg" controls></video>\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7224_file22056_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7224_file22057_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7224_file22055_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-3" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7224_file22056_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                </div>\n                <div class="col-12"><div class="instructions"><p>- Gently peel back the foil on the top side and let it hang out for a bit.</p><p>- If the adhesive is being a bit stubborn, a little heat will help it play nice and come off more easily.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 4</h4>\n                    <div id="carouselstep-4" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7225_file22059_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7225_file22060_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7225_file22061_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7225_file22062_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7225_file22058_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item video" id="carousel6">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step7225.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7225_file22059_1250.jpg" controls></video>\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7225_file22059_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7225_file22060_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7225_file22061_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7225_file22062_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7225_file22058_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-4" data-bs-slide-to="5" class="video thumbnail" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7225_file22059_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div><div class="instructions"><p>- Grab a Phillips screwdriver (PH00) and start unscrewing those pesky Phillips screws. Once they\'re off, gently lift the cover – it\'s hooked in at the top, so give it a little nudge. Make sure to keep all the parts cozy in one spot on your magnetic pad.</p><p>- Now, take your trusty spudger and carefully disconnect the battery contact from the motherboard. Remember to use a plastic tool to keep things safe and avoid any short circuits. You\'ve got this!</p></div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:forestgreen"></i> 3 ×  2,8 mm Phillips</p>\n                        <p><i class="bi bi-x-circle" style="color:gainsboro"></i> Battery connector</p>\n                        </div>\n                        <div class="alert alert-danger" role="alert">\n                            <p><i class="bi bi-exclamation-triangle text-red"></i> Before diving into the repair adventure, remember to disconnect the battery contact first! This little step is your trusty shield against short circuits and keeps your device from accidentally waking up while you\'re working your magic.</p>\n                        </div>\n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> When you\'re prying things open, make sure to choose a side that’s free of tiny components on the mainboard. This little tip helps keep everything safe and sound!</p>\n                        </div>\n                </div>\n                <div class="col-12">\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 5</h4>\n                    <div id="carouselstep-5" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22245_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22246_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22251_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22250_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22247_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22248_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22249_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22240_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22241_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22242_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22243_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22244_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item video" id="carousel13">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step7247.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7247_file22245_1250.jpg" controls></video>\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22245_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22246_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22251_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22250_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22247_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22248_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22249_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22240_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="8" class=" thumbnail" aria-current="true" aria-label="Slide 9">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22241_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="9" class=" thumbnail" aria-current="true" aria-label="Slide 10">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22242_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="10" class=" thumbnail" aria-current="true" aria-label="Slide 11">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22243_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="11" class=" thumbnail" aria-current="true" aria-label="Slide 12">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22244_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-5" data-bs-slide-to="12" class="video thumbnail" aria-label="Slide 13">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7247_file22245_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div><div class="instructions"><p>- First things first, let\'s tackle those Phillips screws! Make sure to loosen them all up. Keep an eye out for one that\'s hiding under a tiny white sticker!</p></div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:forestgreen"></i> 2 ×  2,8 mm Phillips</p>\n                        <p><i class="bi bi-x-circle" style="color:firebrick"></i> 4 ×  3,4 mm Phillips</p>\n                        <p><i class="bi bi-x-circle" style="color:darkslategray"></i> Camera Connector</p>\n                        <p><i class="bi bi-x-circle" style="color:darkviolet"></i> USB flex cable connector</p>\n                        <p><i class="bi bi-x-circle" style="color:deepskyblue"></i> Antenna connector</p>\n                        <p><i class="bi bi-x-circle" style="color:darkslategray"></i> Display Connector</p>\n                        </div>\n                        <div class="alert alert-danger" role="alert">\n                            <p><i class="bi bi-exclamation-triangle text-red"></i> Heads up! The screws for the Honor 10 play a little game of height variation. Just make sure you don\'t mix them up, and you\'ll be golden!</p>\n                        </div>\n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> No need to take out the mainboard to swap the battery! However, since that battery is stuck on there like a stubborn sticker, we suggest removing the mainboard first. This way, you can avoid any mishaps while prying it out. If you need help, you can always schedule a repair.</p>\n                        </div>\n                </div>\n                <div class="col-12">\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 6</h4>\n                    <div id="carouselstep-6" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7228_file22076_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7228_file22079_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7228_file22078_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7228_file22077_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item video" id="carousel5">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step7228.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7228_file22076_1250.jpg" controls></video>\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7228_file22076_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7228_file22079_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7228_file22078_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7228_file22077_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-6" data-bs-slide-to="4" class="video thumbnail" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7228_file22076_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:firebrick"></i> 4 ×  2,8 mm Phillips</p>\n                        <p><i class="bi bi-x-circle" style="color:dodgerblue"></i> 3 ×  3,4 mm Phillips</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- First, let\'s get that heat shield folded over like a pro.</p><p>- Next up, take your Phillips screwdriver and unscrew those various-length screws. A magnetic mat is your best buddy here—keep them organized so you can easily put them back in their rightful places.</p><p>- Now for a little finesse! Gently wiggle the speaker in different spots until you can lift it just enough to remove it. You\'re doing great!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 7</h4>\n                    <div id="carouselstep-7" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7248_file22258_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7248_file22259_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7248_file22260_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7248_file22261_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7248_file22262_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7248_file22263_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item video" id="carousel7">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step7248.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7248_file22258_1250.jpg" controls></video>\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7248_file22258_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7248_file22259_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7248_file22260_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7248_file22261_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7248_file22262_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="5" class=" thumbnail" aria-current="true" a',), ('ria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7248_file22263_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-7" data-bs-slide-to="6" class="video thumbnail" aria-label="Slide 7">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7248_file22258_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:firebrick"></i> Antenna connector</p>\n                        <p><i class="bi bi-x-circle" style="color:deeppink"></i> USB flex cable connector</p>\n                        <p><i class="bi bi-x-circle" style="color:fuchsia"></i> Fingerprint connector</p>\n                        </div>\n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> Removing the USB-C board isn’t a must! For safety\'s sake, we’ll be taking it out here, but hey, it\'s totally up to you!</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- First remove the flex cable running over the battery.</p><p>- Loosen the connector and remove the cable.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 8</h4>\n                    <div id="carouselstep-8" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7230_file22087_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7230_file22088_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7230_file22089_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7230_file22090_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7230_file22086_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item video" id="carousel6">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step7230.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7230_file22087_1250.jpg" controls></video>\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7230_file22087_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7230_file22088_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7230_file22089_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7230_file22090_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7230_file22086_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-8" data-bs-slide-to="5" class="video thumbnail" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7230_file22087_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> Be gentle with that battery! Try to keep the bending to a minimum and watch out for any scratches or dings on the surface. We\'ve got this!</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Give that stubborn glue a little warmth-up!  Gently heat it (but *never* the battery directly – heat it from the display side!), and it\'ll loosen right up.</p><p>- Now, slide a handy tool like our iPlastix under the battery.  It\'s like a little superhero for this job!</p><p>- If that iPlastix is feeling a bit too snug, grab a wider, more stable tool – like our Battery Spudger – and give it a try.</p><p>- Time to gently pry!  Carefully work your flat tool around the battery, and slowly lift it out.  You got this!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 9</h4>\n                    <div id="carouselstep-9" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-info" role="alert">\n                            <p><i class="bi bi-info-circle text-blue"></i> If your replacement part isn\'t sporting any fresh adhesive surfaces, no worries! You can always stick it back into your device using some good old double-sided adhesive tape.</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Let\'s get that old sticky stuff out of the way! Make sure to clean off any adhesive residue left in your device so the new battery can slide right in without a hitch.</p><p>- Peel off those protective films from the adhesive surfaces of your shiny new battery. It\'s time to let it shine!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 10</h4>\n                    <div id="carouselstep-10" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7234_file22098_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item video" id="carousel2">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step7234.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7234_file22098_1250.jpg" controls></video>\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7234_file22098_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-10" data-bs-slide-to="1" class="video thumbnail" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7234_file22098_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                </div>\n                <div class="col-12"><div class="instructions"><p>- Place the battery in the device.</p><p>- Make sure it has some space on all sides and is not pressed against one side.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 11</h4>\n                    <div id="carouselstep-11" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7235_file22100_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7235_file22099_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7235_file22101_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7235_file22102_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7235_file22103_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item video" id="carousel6">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step7235.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7235_file22100_1250.jpg" controls></video>\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7235_file22100_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7235_file22099_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7235_file22101_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7235_file22102_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7235_file22103_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-11" data-bs-slide-to="5" class="video thumbnail" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7235_file22100_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:deeppink"></i> Antenna connector</p>\n                        <p><i class="bi bi-x-circle" style="color:darkviolet"></i> USB flex cable connector</p>\n                        <p><i class="bi bi-x-circle" style="color:fuchsia"></i> Fingerprint connector</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- First things first, check that the rubber seals for both the USB socket and the headphone socket are snugly in place on the board. Gotta keep that moisture out!</p><p>- Now, let\'s flip the board over to its bottom edge and give it a gentle push downward until it locks into position. You\'ve got this!</p><p>- Time to connect the black antenna cable—just press it into the silver brackets and let it click into place. Easy peasy!</p><p>- Lastly, attach the fingerprint sensor along with the wide flex cable. Just a heads up, make sure the white arrow is pointing upwards. You\'re almost done!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 12</h4>\n                    <div id="carouselstep-12" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7236_file22105_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7236_file22106_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7236_file22104_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item video" id="carousel4">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step7236.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7236_file22105_1250.jpg" controls></video>\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7236_file22105_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7236_file22106_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7236_file22104_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-12" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7236_file22105_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:darkviolet"></i> 4 ×  2,8 mm Phillips</p>\n                        <p><i class="bi bi-x-circle" style="color:darkslategray"></i> 3 ×  3,4 mm Phillips</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Carefully place the speaker along with the heat shield into the device, giving it a gentle but firm press until it fits snugly.</p><p>- Lock the speaker in place with those trusty Phillips screws.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 13</h4>\n                    <div id="carouselstep-13" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22235_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22237_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22238_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22236_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22255_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22256_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22257_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22253_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22252_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22254_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item video" id="carousel11">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step7246.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7246_file22235_1250.jpg" controls></video>\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22235_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22237_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22238_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22236_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="4" class=" thumbnail" aria-current="true" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22255_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="5" class=" thumbnail" aria-current="true" aria-label="Slide 6">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22256_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="6" class=" thumbnail" aria-current="true" aria-label="Slide 7">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22257_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="7" class=" thumbnail" aria-current="true" aria-label="Slide 8">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22253_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="8" class=" thumbnail" aria-current="true" aria-label="Slide 9">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22252_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="9" class=" thumbnail" aria-current="true" aria-label="Slide 10">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22254_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-13" data-bs-slide-to="10" class="video thumbnail" aria-label="Slide 11">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7246_file22235_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:dimgray"></i> Antenna connector</p>\n                        <p><i class="bi bi-x-circle" style="color:darkturquoise"></i> Display connector</p>\n                        <p><i class="bi bi-x-circle" style="color:fuchsia"></i> USB flex cable connector</p>\n                        <p><i class="bi bi-x-circle" style="color:forestgreen"></i> Camera Connector</p>\n                        <p><i class="bi bi-x-circle" style="color:forestgreen"></i> 2 ×  2,8 mm Phillips</p>\n                        <p><i class="bi bi-x-circle" style="color:deeppink"></i> 4 ×  3,4 mm Phillips</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- Gently place the mainboard into the device, making sure to avoid pinching any cables underneath. We want everything to be cozy, not cramped!</p><p>- Give the motherboard a little press and see if it fits just right. A snug fit is what we\'re after!</p><p>- Time to pop in the SIM card holder! If it feels a bit stubborn, don’t force it. Just double-check that the mainboard is seated properly.</p><p>- Now, let\'s connect those two flex cables and the antenna cable. A pair of tweezers can be your best friend here for positioning the antenna, and then you can use a spudger to connect it. Easy peasy!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 14</h4>\n                    <div id="carouselstep-14" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7239_file22117_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7239_file22118_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7239_file22119_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7239_file22116_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item video" id="carousel5">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step7239.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7239_file22117_1250.jpg" controls></video>\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7239_file22117_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7239_file22118_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7239_file22119_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="3" class=" thumbnail" aria-current="true" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7239_file22116_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-14" data-bs-slide-to="4" class="video thumbnail" aria-label="Slide 5">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7239_file22117_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                        <div class="alert alert-light repair-screws" role="alert">\n                        <p><i class="bi bi-x-circle" style="color:deeppink"></i> Battery connector</p>\n                        <p><i class="bi bi-x-circle" style="color:deeppink"></i> 3 ×  2,8 mm Phillips</p>\n                        </div>\n                </div>\n                <div class="col-12"><div class="instructions"><p>- First things first, connect the battery to the motherboard and give it a gentle nudge to ensure it\'s snug.</p><p>- Next, it\'s time to put on the cover and secure it with those trusty screws. You\'ve got this!</p><p>- Don\'t forget, the cover needs to fit into the upper side like a puzzle piece. Make sure it finds its home.</p><p>- Finally, fold over the black foil and stick it down like you\'re sealing a secret letter. You\'re almost there!</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 15</h4>\n                    <div id="carouselstep-15" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7240_file22120_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item video" id="carousel2">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step7240.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7240_file22120_1250.jpg" controls></video>\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-15" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7240_file22120_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-15" data-bs-slide-to="1" class="video thumbnail" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7240_file22120_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                </div>\n                <div class="col-12"><div class="instructions"><p>- There are several ways to put the backcover back on again.</p><p>- If the existing adhesive is still in place and available in all places, you can use it again.</p><p>- If this is not the case you have to use new glue.</p><p>- First remove all old glue residues.</p><p>- Then\r\n apply the new glue. You can use thin double-sided tape or liquid glue. \r\nBe very sparing with the glue and make sure it doesn\'t get into the \r\ndevice.</p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>\n        <div class="container repair-step-section">\n            <div class="row">\n                <div class="col-sm-12 col-md-8">\n                    <h4 class="step-header">Step 16</h4>\n                    <div id="carouselstep-16" class="carousel slide" data-bs-ride="false">\n                        <div class="carousel-inner">\n                            <div class="carousel-item active">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7241_file22122_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7241_file22123_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7241_file22121_1250.jpg" class="d-block w-100">\n                            </div>\n                            <div class="carousel-item video" id="carousel4">\n                                <video src="https://www.idoc.eu/guides/uploads/videos/step7241.mp4" poster="https://www.idoc.eu/guides/uploads/steps/step7241_file22122_1250.jpg" controls></video>\n                            </div>\n                        </div><!-- close carousel-inner -->\n                        <div class="carousel-indicators">\n                            <button type="button" data-bs-target="#carouselstep-16" data-bs-slide-to="0" class="active thumbnail" aria-current="true" aria-label="Slide 1">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7241_file22122_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-16" data-bs-slide-to="1" class=" thumbnail" aria-current="true" aria-label="Slide 2">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7241_file22123_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-16" data-bs-slide-to="2" class=" thumbnail" aria-current="true" aria-label="Slide 3">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7241_file22121_120.jpg" class="d-block w-100">\n                            </button>\n                            <button type="button" data-bs-target="#carouselstep-16" data-bs-slide-to="3" class="video thumbnail" aria-label="Slide 4">\n                                <img src="https://www.idoc.eu/guides/uploads/steps/step7241_file22122_120.jpg" class="d-block w-100">\n                            </button>\n                        </div> <!-- close indicators -->\n                    </div>\n                </div>\n                <div class="col-sm-12 col-md-4">\n                \n                </div>\n                <div class="col-12"><div class="instructions"><p>- Alright, champ! Time to put the back cover on. Make sure it\'s perfectly centered – we\'re aiming for a flawless fit!</p><p>- Press down firmly to get that adhesive working its magic.  Give it a good hug!</p><p>- For extra-strong bonding, try a little heat!  Pop it between some books for 30 minutes.  Think of it as a glue spa treatment. If you need help, you can always <a href=\'https://www.salvationrepair.com/repair\'>schedule a repair</a></p></div>\n                </div> <!-- close col-12 -->\n            </div>\n        </div>',))
        '''end content
        
        
        You are helping me set up SEO and content-related fields for a website - Salvation Repair.
        The site is focused on providing repair guides and tutorials for various devices, including smartphones (e.g., iPhones, Android phones), tablets, laptops, and computers.
        
        The name is 'excerpt', and is one of the fields 
        that need to be populated for the post.
        
        Instructions for the field value:

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

        The output should be in the following format:

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