#sliding-popup {
  margin: 0;
  padding: 0;
  width: 100%;
  z-index: 99999;
  left: 0;
  text-align: center;
}

.sliding-popup-bottom,
.sliding-popup-top {
  background: url('../images/gradient.png') center center scroll repeat-y transparent;
}

.sliding-popup-bottom {
  position: fixed;
  background: none!important;
}

.sliding-popup-top {
  position: relative;
}

#sliding-popup .popup-content {
  background: white;
  border-radius: 20px;
  padding: 30px 20px 20px;
  margin: 0 auto;
  max-width: 80%;
  display: inline-block;
  text-align: left;
  width: 100%;
}

#sliding-popup .popup-content #popup-buttons {
  float: right;
  margin: 0 0 1em 0;
}

/* #sliding-popup .popup-content #popup-buttons button {
  cursor: pointer;
  margin-right: 5px;
  margin-top: 1em;
  vertical-align: middle;
  overflow: visible;
  width: auto;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
  background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  color: #000;
  font-family: Arial, sans-serif;
  font-weight: bold;
  padding: 4px 8px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #ffffff;
} */

/* #sliding-popup .popup-content #popup-buttons button:hover {
  background-color: #dfdfdf;
  background-image: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background-image: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background-image: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background-image: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
}

#sliding-popup .popup-content #popup-buttons button:active {
  position: relative;
  top: 1px;
} */

#sliding-popup .popup-content #popup-text {
  font-weight: bold;
  margin: 5px 0 0;
}

#sliding-popup .popup-content .header-cookie {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M27.9993 15.9265C28.0112 17.5168 27.7059 19.0935 27.1012 20.5644C26.4966 22.0353 25.6047 23.3708 24.4777 24.4929C19.8595 29.103 12.3144 29.1548 7.63649 24.6054C5.9196 22.9368 4.74107 20.7929 4.25242 18.4492C3.76378 16.1055 3.98737 13.6692 4.89445 11.4536C5.80152 9.23803 7.35061 7.34442 9.34252 6.01628C11.3344 4.68813 13.6781 3.98619 16.0721 4.00071C16.2221 4.00101 16.37 4.03497 16.5051 4.10007C16.6401 4.16518 16.7589 4.25977 16.8525 4.37687C16.9461 4.49397 17.0123 4.63059 17.0461 4.77667C17.0798 4.92274 17.0804 5.07454 17.0477 5.22086C16.9165 5.8025 16.9171 6.40611 17.0493 6.98752C17.1815 7.56893 17.442 8.11342 17.8118 8.58113C18.1816 9.04885 18.6513 9.42796 19.1865 9.69072C19.7218 9.95347 20.309 10.0932 20.9052 10.0997C21.1684 10.1019 21.4203 10.2075 21.6064 10.3936C21.7926 10.5798 21.8981 10.8316 21.9003 11.0948C21.9068 11.6911 22.0466 12.2783 22.3093 12.8135C22.5721 13.3487 22.9512 13.8184 23.4189 14.1882C23.8866 14.558 24.4311 14.8186 25.0125 14.9508C25.5939 15.083 26.1975 15.0835 26.7791 14.9523C26.9253 14.9196 27.077 14.9201 27.223 14.9538C27.369 14.9875 27.5056 15.0535 27.6227 15.147C27.7398 15.2404 27.8344 15.359 27.8996 15.4939C27.9648 15.6288 27.9989 15.7766 27.9993 15.9265V15.9265Z' stroke='%234F4F4F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.9375 21.5C20.9375 22.2939 20.2939 22.9375 19.5 22.9375C18.7061 22.9375 18.0625 22.2939 18.0625 21.5C18.0625 20.7061 18.7061 20.0625 19.5 20.0625C20.2939 20.0625 20.9375 20.7061 20.9375 21.5Z' fill='%234F4F4F' stroke='%234F4F4F' stroke-width='0.125'/%3E%3Cpath d='M11.5 22C12.3284 22 13 21.3284 13 20.5C13 19.6716 12.3284 19 11.5 19C10.6716 19 10 19.6716 10 20.5C10 21.3284 10.6716 22 11.5 22Z' fill='%234F4F4F'/%3E%3Cpath d='M10.5 15C11.3284 15 12 14.3284 12 13.5C12 12.6716 11.3284 12 10.5 12C9.67157 12 9 12.6716 9 13.5C9 14.3284 9.67157 15 10.5 15Z' fill='%234F4F4F'/%3E%3Cpath d='M17 17C17.8284 17 18.5 16.3284 18.5 15.5C18.5 14.6716 17.8284 14 17 14C16.1716 14 15.5 14.6716 15.5 15.5C15.5 16.3284 16.1716 17 17 17Z' fill='%234F4F4F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  padding-left: 40px
}

#sliding-popup .popup-content button.btn.btn-secondary {
  padding: 10px 20px;
  width: 270px;
}

#sliding-popup .popup-content #popup-text h1,
#sliding-popup .popup-content #popup-text h2,
#sliding-popup .popup-content #popup-text h3,
#sliding-popup .popup-content #popup-text p {
  color: #2D3841;
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 5px 0;
}

#sliding-popup .popup-content #popup-text h1 {
  font-size: 24px;
}

#sliding-popup .popup-content #popup-text h3 {
  font-size: 12px;
}

#sliding-popup .popup-content #popup-text p {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
    #sliding-popup .popup-content {
      max-width: 95%;
    }

    #sliding-popup .popup-content #popup-text {
      max-width: 100%;
    }


    #sliding-popup .popup-content #popup-buttons {
      clear: both;
      float: none;
      margin: 5px 0 1em;
      max-width: 100%;
    }
    #sliding-popup .popup-content #popup-buttons button {
      padding: 20px;
      width: 100%;
    }
    #sliding-popup .popup-content .row .btn-close {
          position: absolute;
          right: 20px;
    }
    .modal-message .modal-content {
      height: 80vh;
    }
     
    .modal-message .modal-body {
      height: 50vh;
      overflow: scroll;
    }
  }

  .modal-message .modal-title.header-cookie {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M27.9993 15.9265C28.0112 17.5168 27.7059 19.0935 27.1012 20.5644C26.4966 22.0353 25.6047 23.3708 24.4777 24.4929C19.8595 29.103 12.3144 29.1548 7.63649 24.6054C5.9196 22.9368 4.74107 20.7929 4.25242 18.4492C3.76378 16.1055 3.98737 13.6692 4.89445 11.4536C5.80152 9.23803 7.35061 7.34442 9.34252 6.01628C11.3344 4.68813 13.6781 3.98619 16.0721 4.00071C16.2221 4.00101 16.37 4.03497 16.5051 4.10007C16.6401 4.16518 16.7589 4.25977 16.8525 4.37687C16.9461 4.49397 17.0123 4.63059 17.0461 4.77667C17.0798 4.92274 17.0804 5.07454 17.0477 5.22086C16.9165 5.8025 16.9171 6.40611 17.0493 6.98752C17.1815 7.56893 17.442 8.11342 17.8118 8.58113C18.1816 9.04885 18.6513 9.42796 19.1865 9.69072C19.7218 9.95347 20.309 10.0932 20.9052 10.0997C21.1684 10.1019 21.4203 10.2075 21.6064 10.3936C21.7926 10.5798 21.8981 10.8316 21.9003 11.0948C21.9068 11.6911 22.0466 12.2783 22.3093 12.8135C22.5721 13.3487 22.9512 13.8184 23.4189 14.1882C23.8866 14.558 24.4311 14.8186 25.0125 14.9508C25.5939 15.083 26.1975 15.0835 26.7791 14.9523C26.9253 14.9196 27.077 14.9201 27.223 14.9538C27.369 14.9875 27.5056 15.0535 27.6227 15.147C27.7398 15.2404 27.8344 15.359 27.8996 15.4939C27.9648 15.6288 27.9989 15.7766 27.9993 15.9265V15.9265Z' stroke='%234F4F4F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.9375 21.5C20.9375 22.2939 20.2939 22.9375 19.5 22.9375C18.7061 22.9375 18.0625 22.2939 18.0625 21.5C18.0625 20.7061 18.7061 20.0625 19.5 20.0625C20.2939 20.0625 20.9375 20.7061 20.9375 21.5Z' fill='%234F4F4F' stroke='%234F4F4F' stroke-width='0.125'/%3E%3Cpath d='M11.5 22C12.3284 22 13 21.3284 13 20.5C13 19.6716 12.3284 19 11.5 19C10.6716 19 10 19.6716 10 20.5C10 21.3284 10.6716 22 11.5 22Z' fill='%234F4F4F'/%3E%3Cpath d='M10.5 15C11.3284 15 12 14.3284 12 13.5C12 12.6716 11.3284 12 10.5 12C9.67157 12 9 12.6716 9 13.5C9 14.3284 9.67157 15 10.5 15Z' fill='%234F4F4F'/%3E%3Cpath d='M17 17C17.8284 17 18.5 16.3284 18.5 15.5C18.5 14.6716 17.8284 14 17 14C16.1716 14 15.5 14.6716 15.5 15.5C15.5 16.3284 16.1716 17 17 17Z' fill='%234F4F4F'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    padding-left: 40px;
    padding-bottom: 0;
   }
  
   .modal-message .modal-header {
     padding-bottom: 0;
   }
   
   .modal-message .modal-body {
     padding-top: 10px;
     padding-bottom: 10px;
   }

   .modal-message .modal-footer {
    padding-top: 10px;
    justify-content: start;
  }