#managePreferencesModal {
        .modal-dialog-scrollable .modal-body {
        max-height: calc(50vh - 100px);
        overflow-y: auto;
        }
   
           .modal-dialog {
            max-width: 100vw;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        background-color: rgba(0,0,0,0.5);
        border-radius: 0;
        overflow: hidden;
        }
        .btn-close {
            position: absolute;
            top: 0;
            right: 10px;
            cursor: pointer;
            font-size: 24px;
            color: #000000;
            background-color: transparent;
            border: none;
            outline: none;
        }

        .modal-content {
            padding: 0;
            border-radius: 0;
            background-color: #fff;
        }
            .btn-primary {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 2px;
            cursor: pointer;
        }

        .modal-body {
        p {
            margin-bottom: 1.5rem;
            font-size: 1rem;
            line-height: 1.5;
            font-style: italic;
        }

        .row .col-md-2 {
            margin: 10px;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 10px;
        }
        }

        .btn-secondary {
            background-color: #008CBA;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 2px;
            cursor: pointer;
        }
    }
    #cookiesDashboard {
        .cookies-container {
            background-color: #fafafa;
            padding: 20px;
        }

        .buttons-group {
            text-align:right;
            margin-top: -30px;
        }
        .cookies-text {
            font-size: 14px;
            font-weight: 400;
            line-height: 1.5;
            color: #000000;
        }
        .btn-accept {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 2px;
            cursor: pointer;
        }

        .btn-settings {
            background-color: #f44336;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 2px;
            cursor: pointer;
        }
        .modal-dialog {
            max-width: 100vw;
            width: 100%;
            margin: 0 auto;
            padding: 0;
            background-color: rgba(0,0,0,0.5);
            border-radius: 0;
            overflow: hidden;
        }

        .modal-dialog-scrollable {
            max-height: calc(75vh - 140px);
        }

        .modal-content {
            padding: 0;
            border-radius: 0;
            background-color: #fff;
        }

        .modal-footer {
            position: sticky;
            bottom: 0;
            background-color: #fff;
            border-top: 1px solid #dee2e6;
            z-index: 2;
        }
    }
    
  #cookieModal {

           .modal-dialog {
            max-width: 100vw;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        background-color: rgba(0,0,0,0.5);
        border-radius: 0;
        overflow: hidden;
        }
        .btn-close {
            position: absolute;
            top: 0;
            right: 10px;
            cursor: pointer;
            font-size: 24px;
            color: #000000;
            background-color: transparent;
            border: none;
            outline: none;
        }
        .modal-dialog-scrollable {
            max-height: calc(75vh - 140px);
        }

        .modal-content {
            padding: 0;
            border-radius: 0;
            background-color: #fff;
        }
            .btn-primary {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 2px;
            cursor: pointer;
        }

        .modal-body {
        p {
            margin-bottom: 1.5rem;
            font-size: 1rem;
            line-height: 1.5;
            font-style: italic;
        }
        }

        .btn-secondary {
            background-color: #008CBA;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 2px;
            cursor: pointer;
        }
    }
    #cookiesDashboard {
        .cookies-container {
            background-color: #fafafa;
            padding: 20px;
        }
        .buttons-group {
            text-align:right;
            margin-top: -30px;
        }
        .cookies-text {
            font-size: 14px;
            font-weight: 400;
            line-height: 1.5;
            color: #000000;
        }
        .btn-accept {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 2px;
            cursor: pointer;
        }

        .btn-settings {
            background-color: #f44336;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 2px;
            cursor: pointer;
        }

        @media only screen and (max-width: 500px) {
            .btn-settings,
            .btn-accept {
                padding: 5px 10px;
                font-size: 14px;
                margin-top: 20px;
            }
        .modal-dialog {
            max-width: 100vw;
            width: 100%;
            margin: 0 auto;
            padding: 0;
            background-color: rgba(0,0,0,0.5);
            border-radius: 0;
            overflow: hidden;
        }

        .modal-dialog-scrollable {
            max-height: calc(75vh - 140px);
        }

        .modal-content {
            padding: 0;
            border-radius: 0;
            background-color: #fff;
        }

        .modal-footer {
            position: sticky;
            bottom: 0;
            background-color: #fff;
            border-top: 1px solid #dee2e6;
            z-index: 2;
        }
    }

           .modal-dialog {
            max-width: 100vw;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        background-color: rgba(0,0,0,0.5);
        border-radius: 0;
        overflow: hidden;
        }
        .btn-close {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
            font-size: 24px;
            color: #000000;
        }
        .modal-dialog-scrollable {
            max-height: calc(75vh - 140px);
        }

        .modal-content {
            padding: 0;
            border-radius: 0;
            background-color: #fff;
        }
            .btn-primary {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 2px;
            cursor: pointer;
        }

        .modal-body {
        p {
            margin-bottom: 1.5rem;
            font-size: 1rem;
            line-height: 1.5;
            font-style: italic;
        }
        }

        .btn-secondary {
            background-color: #008CBA;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 2px;
            cursor: pointer;
        }
    }
    #cookiesDashboard {
        .cookies-container {
            background-color: #fafafa;
            padding: 20px;
        }
        .buttons-group {
            text-align:right;
            margin-top: -30px;
        }
        .cookies-text {
            font-size: 14px;
            font-weight: 400;
            line-height: 1.5;
            color: #000000;
        }
        .btn-accept {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 2px;
            cursor: pointer;
        }

        .btn-settings {
            background-color: #f44336;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 2px;
            cursor: pointer;
        }

        @media only screen and (max-width: 500px) {
            .btn-settings,
            .btn-accept {
                padding: 5px 10px;
                font-size: 14px;
                margin-top: 20px;
            }
        .modal-dialog {
            max-width: 100vw;
            width: 100%;
            margin: 0 auto;
            padding: 0;
            background-color: rgba(0,0,0,0.5);
            border-radius: 0;
            overflow: hidden;
        }

        .modal-dialog-scrollable {
            max-height: calc(75vh - 140px);
        }

        .modal-content {
            padding: 0;
            border-radius: 0;
            background-color: #fff;
        }

        .modal-footer {
            position: sticky;
            bottom: 0;
            background-color: #fff;
            border-top: 1px solid #dee2e6;
            z-index: 2;
        }
    }
    }

          #cookiesDashboard {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #2b2b2b; /* dark grey */
      color: #ffffff;
      font-family: 'Inter', sans-serif;
      z-index: 9999;
      box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
      padding: 16px 20px;
      transition: transform 0.3s ease-in-out;
  }

    /* Make sure the page content is pushed up */
  body.has-cookie-banner {
      padding-bottom: 100px; /* adjust if banner height changes */
  }