diff --git a/components/breadcrumbs.js b/components/breadcrumbs.js
index 62faa8e4..0ee9c921 100644
--- a/components/breadcrumbs.js
+++ b/components/breadcrumbs.js
@@ -8,8 +8,10 @@ import { connect } from "react-redux";
 import { useSession } from "next-auth/react";
 import { setCurrentView } from "../store/currentView/action";
 
+import { setCurrentSection } from "../store/appealType/action";
+
 const Breadcrumbs = (props) => {
-    const { currentView, setCurrentView } = props;
+    const { currentView, setCurrentView, setCurrentSection } = props;
     const router = useRouter();
     let { t } = useTranslation();
 
@@ -24,14 +26,18 @@ const Breadcrumbs = (props) => {
             >
                 <div className="govuk-breadcrumbs ">
                     <ol className="govuk-breadcrumbs__list">
-                        <li className="govuk-breadcrumbs__list-item">
-                            <Link
-                                href={"/"}
-                                className="govuk-breadcrumbs__link"
-                            >
-                                {t("common:service-name-breadcrumb")}
-                            </Link>
-                        </li>
+                        {router.pathname != "/myportal/[appealtypes]" &&
+                            router.pathname != "/newappeal/[appealtypes]" && (
+                                <li className="govuk-breadcrumbs__list-item">
+                                    <Link
+                                        href={"/"}
+                                        className="govuk-breadcrumbs__link"
+                                    >
+                                        {t("common:service-name-breadcrumb")}
+                                    </Link>
+                                </li>
+                            )}
+
                         {router.pathname == "/myportal" && (
                             <li className="govuk-breadcrumbs__list-item">
                                 {t("myportal:page-title")}
@@ -244,7 +250,7 @@ const Breadcrumbs = (props) => {
                         )}
                         {router.pathname == "/newappeal" && (
                             <>
-                                <li className="govuk-breadcrumbs__list-item">
+                                {/* <li className="govuk-breadcrumbs__list-item">
                                     <Link
                                         href={
                                             router.locale != "en"
@@ -260,12 +266,12 @@ const Breadcrumbs = (props) => {
                                 </li>
                                 <li className="govuk-breadcrumbs__list-item">
                                     {t("newappeal:page-title")}
-                                </li>
+                                </li> */}
                             </>
                         )}
                         {router.pathname == "/newappeal/[appealtypes]" && (
                             <>
-                                <li className="govuk-breadcrumbs__list-item">
+                                {/* <li className="govuk-breadcrumbs__list-item">
                                     <Link
                                         href={
                                             router.locale != "en"
@@ -281,12 +287,41 @@ const Breadcrumbs = (props) => {
                                 </li>
                                 <li className="govuk-breadcrumbs__list-item">
                                     {t("newappeal:page-title")}
-                                </li>
+                                </li> */}
+
+                                {props.appealType.currentSection > 1 &&
+                                    (props.appealType.currentSection == 9999 ? (
+                                        <li className="govuk-breadcrumbs__list-item">
+                                            <Link
+                                                href={"/"}
+                                                className="govuk-breadcrumbs__link"
+                                            >
+                                                {t(
+                                                    "common:service-name-breadcrumb"
+                                                )}
+                                            </Link>
+                                        </li>
+                                    ) : (
+                                        <li className="govuk-breadcrumbs__link-item">
+                                            <a
+                                                className="govuk-breadcrumbs__link"
+                                                href="#"
+                                                onClick={() =>
+                                                    setCurrentSection(
+                                                        props.appealType
+                                                            .currentSection - 1
+                                                    )
+                                                }
+                                            >
+                                                {t("common:back-link")}
+                                            </a>
+                                        </li>
+                                    ))}
                             </>
                         )}
                         {router.pathname == "/myportal/[appealtypes]" && (
                             <>
-                                <li className="govuk-breadcrumbs__list-item">
+                                {/* <li className="govuk-breadcrumbs__list-item">
                                     <Link
                                         href={
                                             router.locale != "en"
@@ -304,8 +339,36 @@ const Breadcrumbs = (props) => {
                                     {t("newappeal:page-title")}
                                 </li>
                                 <li className="govuk-breadcrumbs__list-item">
-                                    {props.formTitle}
-                                </li>
+                                    {t("common:back-link")} {props.formTitle}
+                                </li> */}
+                                {props.appealType.currentSection > 1 &&
+                                    (props.appealType.currentSection == 9999 ? (
+                                        <li className="govuk-breadcrumbs__list-item">
+                                            <Link
+                                                href={"/"}
+                                                className="govuk-breadcrumbs__link"
+                                            >
+                                                {t(
+                                                    "common:service-name-breadcrumb"
+                                                )}
+                                            </Link>
+                                        </li>
+                                    ) : (
+                                        <li className="govuk-breadcrumbs__list-item">
+                                            <a
+                                                className="govuk-breadcrumbs__link"
+                                                href="#"
+                                                onClick={() =>
+                                                    setCurrentSection(
+                                                        props.appealType
+                                                            .currentSection - 1
+                                                    )
+                                                }
+                                            >
+                                                {t("common:back-link")}
+                                            </a>
+                                        </li>
+                                    ))}
                             </>
                         )}
                         {router.pathname == "/newappeal/selectappeal" && (
@@ -942,6 +1005,9 @@ const mapDispatchToProps = (dispatch) => {
         setCurrentView: (currentView) => {
             dispatch(setCurrentView(currentView));
         },
+        setCurrentSection: (currentSection) => {
+            dispatch(setCurrentSection(currentSection));
+        },
     };
 };
 
diff --git a/components/header.js b/components/header.js
index 45e210f9..6396503a 100644
--- a/components/header.js
+++ b/components/header.js
@@ -47,7 +47,13 @@ const Header = (props) => {
         "/newappeal",
         "/myportal/dnsapplications",
         "/myportal/dnsdetails",
+        "/myportal/addresssearch",
+        "/myportal/addresssearchresults",
+        "/myportal/advancedsearch",
+        "/myportal/advancedsearchresults",
+        "/myportal/case/[ticketnumber]",
     ];
+
     const hasContactLink = [
         "/dns/application-process",
         "/dns/help",
diff --git a/components/myportal/servicebanner.js b/components/myportal/servicebanner.js
index 8be6631e..fcb44438 100644
--- a/components/myportal/servicebanner.js
+++ b/components/myportal/servicebanner.js
@@ -15,41 +15,41 @@ const ServiceBanner = (props) => {
             )}&error=EmailSignin`
         );
     };
-    return (
-        // <div className="servicebanner">
-        //     <h1>
-        //         <img
-        //             className="govuk-!-margin-top-4"
-        //             src={
-        //                 router.locale == "cy"
-        //                     ? "/assets/images/planning-casework-cy.svg"
-        //                     : "/assets/images/planning-casework-en.svg"
-        //             }
-        //             alt="Planning casework"
-        //         />
-        //     </h1>
-        //     <div className="serviceBanner_userDetails">
-        //         <button
-        //             onClick={() => signInButton()}
-        //             className="govuk-header__link "
-        //         >
-        //             {t("common:signin-label")}
-        //         </button>
-        //     </div>
-        // </div>
 
+    const portalLogoLink = [
+        "/myportal/[appealtypes]",
+        "/newappeal",
+        "/newappeal/[appealtypes]",
+    ];
+    return (
         <div className="servicebanner myportal govuk-!-margin-bottom-4">
             <h1>
-                <img
-                    src={
-                        router.locale == "cy"
-                            ? "/assets/images/planning-casework-cy.svg"
-                            : "/assets/images/planning-casework-en.svg"
-                    }
-                    alt={router.locale == "cy" ? "Fy mhorth" : "My Portal"}
-                />
+                {portalLogoLink.includes(router.pathname) ? (
+                    <Link href={"/myportal"}>
+                        <img
+                            src={
+                                router.locale == "cy"
+                                    ? "/assets/images/planning-casework-cy.svg"
+                                    : "/assets/images/planning-casework-en.svg"
+                            }
+                            alt={
+                                router.locale == "cy"
+                                    ? "Fy mhorth"
+                                    : "My Portal"
+                            }
+                        />
+                    </Link>
+                ) : (
+                    <img
+                        src={
+                            router.locale == "cy"
+                                ? "/assets/images/planning-casework-cy.svg"
+                                : "/assets/images/planning-casework-en.svg"
+                        }
+                        alt={router.locale == "cy" ? "Fy mhorth" : "My Portal"}
+                    />
+                )}
             </h1>
-
             <div className="serviceBanner_userDetails">
                 <img
                     className="user_logo"
diff --git a/components/newappeal/buildsection.js b/components/newappeal/buildsection.js
index 9366cbad..7da6aaaf 100644
--- a/components/newappeal/buildsection.js
+++ b/components/newappeal/buildsection.js
@@ -388,8 +388,8 @@ let BuildSection = (props) => {
 
     return (
         <div className="govuk-grid-row">
-            <div className="govuk-grid-column-two-thirds">
-                <h1 className="govuk-heading-m  govuk-!-margin-top-5">
+            <div className="govuk-grid-column-two-thirds wgForm ">
+                <h1 className="govuk-heading-m  ">
                     {FieldsTranslations(titles[0].value)}
                 </h1>
                 <form onSubmit={handleSubmit(onHandleSubmit)}>
@@ -413,45 +413,142 @@ let BuildSection = (props) => {
 
                     <div className="govuk-button-group">
                         {props.sectionCount != currentSection ? (
-                            <button
-                                type="submit"
-                                className="govuk-button"
-                                data-module="govuk-button"
-                                onClick={() => {
-                                    getErrors();
-                                    let valuesObj = _.has(
-                                        props.props.form[props.form],
-                                        "values"
-                                    )
-                                        ? props.props.form[props.form].values
-                                        : {};
+                            <>
+                                <button
+                                    type="submit"
+                                    className="govuk-button"
+                                    data-module="govuk-button"
+                                    onClick={() => {
+                                        getErrors();
+                                        let valuesObj = _.has(
+                                            props.props.form[props.form],
+                                            "values"
+                                        )
+                                            ? props.props.form[props.form]
+                                                  .values
+                                            : {};
 
-                                    //console.log("valuesobj:", valuesObj);
+                                        //console.log("valuesobj:", valuesObj);
 
-                                    delete valuesObj["_pinswg_appellant_value"];
+                                        delete valuesObj[
+                                            "_pinswg_appellant_value"
+                                        ];
 
-                                    //console.log("on save:", valuesObj);
-                                    updateCaseProgress(valuesObj, false, false);
-                                }}
-                            >
-                                {t("common:continue-button")}
-                            </button>
+                                        //console.log("on save:", valuesObj);
+                                        updateCaseProgress(
+                                            valuesObj,
+                                            false,
+                                            false
+                                        );
+                                    }}
+                                >
+                                    {t("common:continue-button")}
+                                </button>
+                                {savingStatus ? (
+                                    <span className=" progress-save-active">
+                                        {router.locale == "cy"
+                                            ? "Nôl data"
+                                            : "Saving data"}
+                                        <img
+                                            className="data-loading-icon"
+                                            src="/assets/images/loading.gif"
+                                            alt={
+                                                router.locale == "cy"
+                                                    ? "Nôl data"
+                                                    : "Saving data"
+                                            }
+                                        />
+                                    </span>
+                                ) : (
+                                    <button
+                                        className="govuk-button  progress-save "
+                                        onClick={() => {
+                                            let valuesObj =
+                                                props.props.form[props.form]
+                                                    .values || {};
+
+                                            console.log(
+                                                "valuesobj:",
+                                                valuesObj
+                                            );
+
+                                            delete valuesObj[
+                                                "_pinswg_appellant_value"
+                                            ];
+
+                                            console.log("on save:", valuesObj);
+                                            updateCaseProgress(
+                                                valuesObj,
+                                                true,
+                                                true
+                                            );
+                                        }}
+                                    >
+                                        {t("common:save-exit-button")}
+                                    </button>
+                                )}
+                            </>
                         ) : (
                             ""
                         )}
                         {props.sectionCount == currentSection ? (
-                            <button
-                                disabled={!isProgressComplete(progObj)}
-                                type="submit"
-                                className="govuk-button"
-                                data-module="govuk-button"
-                            >
-                                {t("common:submit-button")}
-                            </button>
+                            <>
+                                <button
+                                    disabled={!isProgressComplete(progObj)}
+                                    type="submit"
+                                    className="govuk-button"
+                                    data-module="govuk-button"
+                                >
+                                    {t("common:submit-button")}
+                                </button>
+                                {savingStatus ? (
+                                    <span className=" progress-save-active">
+                                        {router.locale == "cy"
+                                            ? "Nôl data"
+                                            : "Saving data"}
+                                        <img
+                                            className="data-loading-icon"
+                                            src="/assets/images/loading.gif"
+                                            alt={
+                                                router.locale == "cy"
+                                                    ? "Nôl data"
+                                                    : "Saving data"
+                                            }
+                                        />
+                                    </span>
+                                ) : (
+                                    <button
+                                        className="govuk-button  progress-save "
+                                        onClick={() => {
+                                            let valuesObj =
+                                                props.props.form[props.form]
+                                                    .values || {};
+
+                                            console.log(
+                                                "valuesobj:",
+                                                valuesObj
+                                            );
+
+                                            delete valuesObj[
+                                                "_pinswg_appellant_value"
+                                            ];
+
+                                            console.log("on save:", valuesObj);
+                                            updateCaseProgress(
+                                                valuesObj,
+                                                true,
+                                                true
+                                            );
+                                        }}
+                                    >
+                                        {t("common:save-exit-button")}
+                                    </button>
+                                )}
+                            </>
                         ) : (
                             ""
                         )}
-                        {currentSection > 1 ? (
+                        {/* {currentSection > 1 ? (
                             <a
                                 className="govuk-link"
                                 href="#"
@@ -463,7 +560,7 @@ let BuildSection = (props) => {
                             </a>
                         ) : (
                             ""
-                        )}
+                        )} */}
                     </div>
                 </form>
             </div>
@@ -486,6 +583,8 @@ let BuildSection = (props) => {
 
                     <hr className="govuk-section-break govuk-section-break--m govuk-section-break--visible" />
 
+                    {/* 
+                    Mpved save and exit button from progess section
                     {savingStatus ? (
                         <span className=" progress-save-active">
                             {router.locale == "cy" ? "Nôl data" : "Saving data"}
@@ -501,7 +600,7 @@ let BuildSection = (props) => {
                         </span>
                     ) : (
                         <button
-                            className="govuk-button govuk-button--secondary progress-save "
+                            className="govuk-button  progress-save "
                             onClick={() => {
                                 let valuesObj =
                                     props.props.form[props.form].values || {};
@@ -516,7 +615,7 @@ let BuildSection = (props) => {
                         >
                             {t("common:save-exit-button")}
                         </button>
-                    )}
+                    )} */}
                 </div>
             </div>
         </div>
diff --git a/pages/newappeal/[appealtypes].js b/pages/newappeal/[appealtypes].js
index 0ab8ceaa..27720a81 100644
--- a/pages/newappeal/[appealtypes].js
+++ b/pages/newappeal/[appealtypes].js
@@ -12,6 +12,7 @@ import {
     getMandatoryFields,
     getPickLists,
     getProgressFromBlob,
+    getPersonalAccount,
 } from "../../actions";
 import Breadcrumbs from "../../components/breadcrumbs";
 import CookieBanner from "../../components/cookieBanner";
@@ -27,6 +28,7 @@ import {
     setContainerID,
     setLoggedInUserEmail,
     setLoggedInUserId,
+    setAccountDetails,
 } from "../../store/accountDetails/action";
 import {
     setAppealLPA,
@@ -37,6 +39,7 @@ import {
 } from "../../store/appealType/action";
 import { setForm } from "../../store/formData/action";
 import { wrapper } from "../../store/store";
+import ServiceBanner from "../../components/myportal/servicebanner";
 
 let Home = (props) => {
     const { footerLinks, pages, formData } = props;
@@ -161,6 +164,7 @@ let Home = (props) => {
 
                 <div className="govuk-width-container">
                     <Breadcrumbs slug={appealtypes} formTitle={formTitle} />
+                    <ServiceBanner props={props} />
                     <main
                         className="govuk-main-wrapper--auto-spacing"
                         id="main-content"
@@ -253,6 +257,8 @@ export const getServerSideProps = wrapper.getServerSideProps(
             query.id
         );
 
+        const accountDetails = await getPersonalAccount(loggedInUser);
+
         console.log("anything here", loggedInUser, query.id, blobProgress);
 
         let caseReference = {};
@@ -281,6 +287,7 @@ export const getServerSideProps = wrapper.getServerSideProps(
         store.dispatch(setForm(xmlStr, mandatoryFieldsData, pickListData));
         store.dispatch(setAppealType(appealTypeData));
         store.dispatch(setContainerID(thisSession.user.id));
+        store.dispatch(setAccountDetails(accountDetails));
 
         //store.dispatch(setFilesForAppeal(blobList));
 
diff --git a/pages/newappeal/index.js b/pages/newappeal/index.js
index 29012f6f..834788d3 100644
--- a/pages/newappeal/index.js
+++ b/pages/newappeal/index.js
@@ -112,7 +112,7 @@ const Home = (props) => {
                     <Breadcrumbs slug={appealtypes} />
                     <ServiceBanner props={props} />
                     <main
-                        className="govuk-main-wrapper--auto-spacing"
+                        className="govuk-main-wrapper--auto-spacing newAppealForm"
                         id="main-content"
                         role="main"
                     >
diff --git a/styles/sass/welshgov/_application.scss b/styles/sass/welshgov/_application.scss
index d48e7f18..7cdfad07 100644
--- a/styles/sass/welshgov/_application.scss
+++ b/styles/sass/welshgov/_application.scss
@@ -350,6 +350,140 @@ a.longLinkBreak {
     }
 }
 
+
+.wgForm {
+    background: $lightgrey_offwhite;
+    padding: 20px;
+    margin: 0 0 40px 0;
+
+    @media screen and (min-width: 1024px) {
+        padding: 40px;
+        width: 65%;
+        margin-left: 15px;
+    }
+
+    @media screen and (max-width: 900px) {}
+
+    @media (min-width: 40.0625em) {
+        // width: 100%;
+        // padding: 0 40px;
+    }
+
+    // #cookies-js form {
+    //     background-color: $lightgrey_light;
+    //     padding: 40px;
+
+    .govuk-radios__label:before {
+        border: 1px solid #666666;
+        background-color: $white;
+    }
+
+    .govuk-radios--small .govuk-radios__item {
+        margin-bottom: 20px;
+        padding-left: 0px !important;
+    }
+
+    .govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled)+.govuk-radios__label:before {
+        box-shadow: 0 0 0 5px $lightgrey;
+    }
+
+    .govuk-radios__item {
+        background-color: $lightgrey_semi;
+        flex-wrap: nowrap;
+
+        .govuk-radios__input:focus+.govuk-radios__label::before {
+            border-width: 1px;
+            box-shadow: 0 0 0 2px #ffdd00
+        }
+
+        &:hover {
+            background-color: $lightgrey;
+        }
+
+        label {
+            margin-top: 0px;
+            background-color: $lightgrey_semi;
+            padding: 20px 20px 20px 50px;
+
+            &:before {
+                top: 18px;
+                width: 24px;
+                height: 24px;
+                left: 18px;
+            }
+
+            &:after {
+                top: 22px;
+                left: 22px;
+                border-width: 8px;
+            }
+
+            &:hover {
+                background-color: $lightgrey;
+            }
+        }
+    }
+
+}
+
+.newAppealForm {
+    background: $lightgrey_offwhite;
+    padding: 20px;
+    margin: 0 0 40px 0;
+
+    .govuk-radios__label:before {
+        border: 1px solid #666666;
+        background-color: $white;
+    }
+
+    .govuk-radios--small .govuk-radios__item {
+        margin-bottom: 20px;
+        padding-left: 0px !important;
+    }
+
+    .govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled)+.govuk-radios__label:before {
+        box-shadow: 0 0 0 5px $lightgrey;
+    }
+
+    .govuk-radios__item {
+        background-color: $lightgrey_semi;
+        flex-wrap: nowrap;
+
+        .govuk-radios__input:focus+.govuk-radios__label::before {
+            border-width: 1px;
+            box-shadow: 0 0 0 2px #ffdd00
+        }
+
+        &:hover {
+            background-color: $lightgrey;
+        }
+
+        label {
+            margin-top: 0px;
+            background-color: $lightgrey_semi;
+            padding: 20px 20px 20px 50px;
+
+            &:before {
+                top: 18px;
+                width: 24px;
+                height: 24px;
+                left: 18px;
+            }
+
+            &:after {
+                top: 22px;
+                left: 22px;
+                border-width: 8px;
+            }
+
+            &:hover {
+                background-color: $lightgrey;
+            }
+        }
+    }
+}
+
+
 .govuk-grid-row {
     @media screen and (max-width: 900px) {
         // margin-right: 0px;
@@ -368,6 +502,7 @@ textarea,
 
 .govuk-radios__label:before {
     border: 1px solid $darkgrey;
+    background-color: $white;
 }
 
 .govuk-checkboxes__conditional--hidden {
@@ -1106,15 +1241,30 @@ textarea,
 
 
 .progress-save {
-    padding: 10px 15px !important;
-    font-size: 16px;
-    float: right;
-    border-color: $midgrey !important;
-    color: $midgrey !important;
+    // padding: 10px 15px !important;
+    // font-size: 16px;
+    // float: right;
+    // border-color: $midgrey !important;
+    // color: $midgrey !important;
+
+
+    background: $midgrey;
+    color: $white;
+    font-size: 20px;
+    font-weight: bold;
+    padding: 15px 45px 15px 20px;
+    margin-bottom: 15px;
+
 
     &:hover {
-        background-color: $midgrey !important;
-        color: $white !important;
+        // background-color: $midgrey !important;
+        // color: $white !important;
+        background: $charcoal;
+        color: $white;
+        font-size: 20px;
+        font-weight: bold;
+        padding: 15px 45px 15px 20px;
+        margin-bottom: 15px;
     }
 }
 
@@ -2531,4 +2681,9 @@ fade {
     to {
         width: 40px;
     }
+}
+
+.ql-toolbar.ql-snow,
+.ql-container.ql-snow {
+    background-color: $white;
 }
\ No newline at end of file