.footer-area-bottom {
        background: #E7E8EC none repeat scroll 0 0;
        padding: 15px 0;
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .copyright-text a:hover {
        text-decoration: underline;
        color: #091634;
    }

    .copyright-text a {
        color: #444;
    }

    .copyright>p {
        margin-bottom: 0;
        color: #091634;
    }

    .copyright a,
    .credits a {
        color: #212931;
        font-weight: 600;
    }

    .copyright strong {
        color: #212931;
        font-weight: 600;
        cursor: pointer;
    }

    .credits {
        padding-top: 5px;
        text-align: center;
    }

    .footer-icons ul {
        padding: 0px 0px !important;
    }

    #wrapper>.bg.fixed {
        position: fixed;
        width: 100vw;
        height: auto;
    }

    .credits p {
        margin-bottom: 0px;
    }

    .copyright>p {
        margin-bottom: 0;
        color: #091634;
        text-align: center;
    }

    #wrapper {
        margin-bottom: 30px;
    }

    @media only screen and (max-width: 600px) {
        .fixedbutton {
            right: 10px !important;
            bottom: 100px;
        }

        .credits p {
            padding: 0px 30px;
            margin-bottom: 0px;
            line-height: 1.5em;
            text-align: center;
        }

    }

    /* new css */
   <style>
/* cookie css */
@media (max-width: 768px) {

      .cookies-pop-up {
        display: flex;
        align-items: center;
        position: sticky;
      }


      .cookie-close {
        position: relative;
        /* remove absolute */
        top: auto;
        right: auto;
        margin-left: 12px;
        flex-shrink: 0;
      }

      .cookie-text {
        flex: 1;
      }
    }


    /* .cookies-pop-up {
      display: block;
      position: static;
      padding: 1rem 2%;
      width: 100%;
      background-color: #fff;
      box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.15);
      min-height: 55px;
      font-size: 13px;

    } */
    .cookies-pop-up {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 1rem 2%;
      background-color: #fff;
      box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.15);
      min-height: 55px;
      font-size: 13px;
      z-index: 9999;
    }


    .cookies-pop-up>p {
      margin-bottom: 0;
    }

    .accept-cookies-btn {
      background-color: #065269;
      color: #fff;
      padding: 5px 10px;
      border: none;
      border-radius: 8px;
      margin-right: 8px;
      font-size: calc(0.4rem + 0.55vw);
    }

    .hide-cookies-pop-up {
      width: calc(16px + 0.55vw);
      height: calc(16px + 0.55vw);
    }

    .hide-cookies-pop-up:hover {
      cursor: pointer;
    }

    .cookie-pop-up-btn-container {
      display: flex;
      align-items: center;
    }


    .cookies-pop-up a:hover {
      color: #9a9a9a;
    }

    .cookie-close {
      position: absolute;
      top: 11px;
      right: 12px;
      font-size: 27px;
      color: #e80c0c;
      /* Red color for the close icon */
      cursor: pointer;
      line-height: 1;

      /* New styles for circle background */
      background-color: rgba(232, 12, 12, 0.15);
      /* light red circle */
      border-radius: 50%;
      /* make it a circle */
      width: 36px;
      /* size of the circle */
      height: 36px;
      /* size of the circle */
      display: flex;
      justify-content: center;
      align-items: center;
      user-select: none;
    }


    .cookie-close:hover {
      color: #e80c0c;
    }

    /* make popup relative so close btn positions correctly */
    .cookies-pop-up {
      position: sticky;
    }

    .chatbot-launcher img {
      margin-bottom: 81px !important;
    }


@media (max-width: 728px) {
    .cookies-pop-up {
        display: block;
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 1rem 2%;
        background-color: #fff;
        box-shadow: -2px -2px 3px rgba(0, 0, 0, 0.4);
        width: 100%;
        /* min-height: 110px !important; */
        /* font-size: 12.5px; */
        z-index: 9999 !important;
    }

    .scroll-top.active {
      visibility: visible;
      opacity: 1;
      bottom: 95px;
    }
}
</style>