diff --git a/docusaurus.config.js b/docusaurus.config.js
index a95e3f1..35458ea 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -38,6 +38,10 @@ const config = {
     {
       href: 'https://cdn.zapier.com/packages/partner-sdk/v0/zapier-elements/zapier-elements.css',
     },
+    {
+      href: 'https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap',
+      type: 'text/css',
+    },
   ],
   presets: [
     [
@@ -448,9 +452,9 @@ const config = {
               <div id="chat-widget-container" style="position: fixed; bottom: 20px; right: 20px; z-index: 9999;">
                 <button
                   id="chat-widget-button"
-                  style="background: transparent; border: none; cursor: pointer; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; padding:0; margin:0;  "
+                  style="background: transparent; border: none; cursor: pointer; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; padding:0; margin:0;"
                 >
-                 <img src="https://bot-framework-westeurope.azureedge.net/bot-icons-v1/bdb5390f-2312-420b-89b3-6d753841cdb1_5rBBre7UTFlqFlDYPEgqEg56Yk2RP1p76dQwn12FCYZAVr.png" alt="Chat Bot Icon" style="width: 60px; height: 60px; border-radius: 50%;" />
+                  <img src="https://bot-framework-westeurope.azureedge.net/bot-icons-v1/bdb5390f-2312-420b-89b3-6d753841cdb1_5rBBre7UTFlqFlDYPEgqEg56Yk2RP1p76dQwn12FCYZAVr.png" alt="Chat Bot Icon" style="width: 60px; height: 60px; border-radius: 50%;" />
                 </button>
                 <div
                   id="chat-widget-iframe-container"
@@ -465,15 +469,54 @@ const config = {
                   ></iframe>
                 </div>
               </div>
-               <style>
-                  @media (max-width: 768px) {
-                    #chat-widget-iframe-container {
-                      width: 100%;
-                       max-width: 350px;
-                      right: 10px;
-                    }
+              <style>
+                /* Header customization */
+                .pages-chatbot-header {
+                  background: #2436d4 !important;
+                  color: #ffffff !important;
+                }
+
+                /* Copilot window */
+                .pva-embedded-web-chat-window {
+                  background: white;
+                }
+
+                /* Bubble from the copilot */
+                .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content {
+                  background-color: #2436d4 !important;
+                  border-radius: 5px !important;
+                }
+
+                .webchat__bubble:not(.webchat__bubble--from-user) p {
+                  color: #ffffff;
+                }
+
+                /* Bubble from the user */
+                .webchat__bubble.webchat__bubble--from-user .webchat__bubble__content {
+                  background-color: #f5f5f5 !important;
+                  border-radius: 5px !important;
+                }
+
+                .webchat__bubble.webchat__bubble--from-user p {
+                  color: #191919;
+                }
+
+                /* Reference links */
+                .webchat__link-definitions__badge,
+                .webchat__link-definitions__list-item-text,
+                .webchat__render-markdown__pure-identifier {
+                  color: #2436d4 !important;
+                }
+
+                /* Mobile responsiveness */
+                @media (max-width: 768px) {
+                  #chat-widget-iframe-container {
+                    width: 100%;
+                    max-width: 350px;
+                    right: 10px;
                   }
-                </style>
+                }
+              </style>
             `],
             postBodyTags: [`
               <script>
diff --git a/src/css/custom.css b/src/css/custom.css
index 1a55ed0..5b35898 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -99,10 +99,43 @@ h2[title="Middleware"] {
   padding-bottom: 1rem;
   padding-left: 3rem;
 }
- 
-h2[title="Summarization"] { 
+
+h2[title="Summarization"] {
   background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MCA0MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2Rpc3BsYXk6bm9uZTt9DQoJLnN0MXtkaXNwbGF5OmlubGluZTtvcGFjaXR5OjAuNDM7ZmlsbDojMDA3QUZGO30NCgkuc3Qye2ZpbGw6bm9uZTt9DQoJLnN0M3tmaWxsOiMwNDg0RkY7fQ0KPC9zdHlsZT4NCjxnIGlkPSJMYWFnXzIiIGNsYXNzPSJzdDAiPg0KPC9nPg0KPGcgaWQ9IkxhYWdfMSI+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0zNS4xLDM1LjhjMC44LTAuNywxLjItMS42LDEuMi0yLjlMMzYuMiwzSDMuN3YzNGgyNy4yQzMwLjksMzcsMzMuNiwzNy4yLDM1LjEsMzUuOHogTTkuOCwyMWgydjNoLTJWMjF6DQoJCQkgTTE5LjQsMjcuMnYySDkuOHYtMkgxOS40eiBNMTQuNCwyNHYtNWgydjVIMTQuNHogTTMwLjIsMzMuNkg5Ljh2LTJoMjAuNFYzMy42eiBNMTkuNywyNHYtNGgydjRIMTkuN3ogTTMwLjIsMjkuMmgtOC40di0yaDguNA0KCQkJVjI5LjJ6IE0yNS41LDI0di02LjZoMlYyNEgyNS41eiBNMjguNiwxMmwwLTIuMWwtNi4xLDcuMkwxNywxMC43Yy0yLjEsMi40LTQuOCw1LjYtNSw2bC0wLjYtMC40bC0xLjItMC42YzAuMS0wLjEsMC4yLTAuNCw2LTcuMg0KCQkJTDE3LDcuNmw1LjUsNi40bDQuNC01LjJsLTIsMC4zbC0wLjMtMmw1LjktMC45bDAuMSw1LjdMMjguNiwxMnoiLz4NCgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTMxLjMsMzljMS4xLDAsMy40LTAuMiw1LjItMS43YzEuMi0xLjEsMS44LTIuNSwxLjktNC40TDM4LjIsMUgxLjd2MzhsMjkuMSwwQzMwLjgsMzksMzEsMzksMzEuMywzOXogTTMuNywzDQoJCQloMzIuNmwwLjEsMjkuOWMwLDEuMy0wLjQsMi4yLTEuMiwyLjljLTEuNiwxLjQtNC4yLDEuMi00LjMsMS4ySDMuN1YzeiIvPg0KCQk8cmVjdCB4PSI5LjgiIHk9IjMxLjYiIGNsYXNzPSJzdDMiIHdpZHRoPSIyMC40IiBoZWlnaHQ9IjIiLz4NCgkJPHJlY3QgeD0iOS44IiB5PSIyNy4yIiBjbGFzcz0ic3QzIiB3aWR0aD0iOS42IiBoZWlnaHQ9IjIiLz4NCgkJPHJlY3QgeD0iMjEuOSIgeT0iMjcuMiIgY2xhc3M9InN0MyIgd2lkdGg9IjguNCIgaGVpZ2h0PSIyIi8+DQoJCTxyZWN0IHg9IjkuOCIgeT0iMjEiIGNsYXNzPSJzdDMiIHdpZHRoPSIyIiBoZWlnaHQ9IjMiLz4NCgkJPHJlY3QgeD0iMTQuNCIgeT0iMTkiIGNsYXNzPSJzdDMiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiLz4NCgkJPHJlY3QgeD0iMTkuNyIgeT0iMjAiIGNsYXNzPSJzdDMiIHdpZHRoPSIyIiBoZWlnaHQ9IjQiLz4NCgkJPHJlY3QgeD0iMjUuNSIgeT0iMTcuNCIgY2xhc3M9InN0MyIgd2lkdGg9IjIiIGhlaWdodD0iNi42Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0yNi45LDguOEwyMi41LDE0TDE3LDcuNmwtMC44LDAuOWMtNS44LDYuOC01LjksNy4xLTYsNy4ybDEuMiwwLjZsMC42LDAuNGMwLjMtMC40LDMtMy42LDUtNmw1LjUsNi40DQoJCQlsNi4xLTcuMmwwLTEuM0wyNi45LDguOHoiLz4NCgkJPHBvbHlnb24gY2xhc3M9InN0MyIgcG9pbnRzPSIyNC41LDcuMSAyNC44LDkuMSAyNi45LDguOCAyOCw3LjQgMjkuNiw4LjcgMjguNSw5LjkgMjguNiwxMiAzMC42LDEyIDMwLjUsNi4yIAkJIi8+DQoJCTxwb2x5Z29uIGNsYXNzPSJzdDMiIHBvaW50cz0iMjgsNy40IDI2LjksOC44IDI4LjUsOC41IDI4LjUsOS45IDI5LjYsOC43IAkJIi8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=");
   background-repeat: no-repeat;
   padding-bottom: 1rem;
   padding-left: 3rem;
+}
+
+/* Footer Customization */
+.footer {
+  background-color: var(--sky-600) !important;
+  /* #2436d4 */
+  font-family: 'Open Sans', sans-serif !important;
+  padding: 48px 24px !important;
+}
+
+.footer * {
+  color: var(--white) !important;
+}
+
+.footer__title {
+  font-family: 'Open Sans', sans-serif !important;
+  font-weight: 600 !important;
+  margin-bottom: 1rem !important;
+}
+
+.footer__item {
+  font-family: 'Open Sans', sans-serif !important;
+  padding: 6px 0 !important;
+}
+
+.footer__link-item:hover {
+  color: var(--white-07) !important;
+  text-decoration: none !important;
+}
+
+.footer__copyright {
+  font-family: 'Open Sans', sans-serif !important;
+  color: var(--white-07) !important;
 }
\ No newline at end of file