.cookie-container{
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    /* background-color: whitesmoke; */
    /* color:azure; */
    padding: 0 30px;
    /* box-shadow: 0 -2px 16px rgba(158, 161, 158, 0.277); */
    transition: 400ms;
}

.cookie-container.active{
    bottom: 0;
}

/* .cookie-container a{
    color: aliceblue;
} */

.cookie-container p{
    margin: 20px 0;
    line-height: 2;
}

.cookie-btn {
    background-color: teal;
    border: 0;
    color: whitesmoke;
    padding: 9px 35px;
    font-size: 16px;
    margin-bottom: 14px;
    border-radius: 8px;
    cursor: pointer;
}


.turbo-progress-bar {
  height: 8px;
  background-color: #8fb98d;
}

.info{
    transition: 1s;
    transform: translateY(200px);
    font-size: 0%;

}

.info.active{
    transform: translateY(0px);
    font-size: 100%;
}

.gradient-overlay.gradient-overlay {
    --bs-bg-opacity: 0.6 ;
    --bs-overlay-bg: transparent;
    --bs-gradient-offset-top: 50px;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: var(--bs-gradient-offset-top, 0);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 var(--bs-gradient-offset-top, 0));
    mask-image: linear-gradient(to bottom, transparent, #000 var(--bs-gradient-offset-top, 0))
}


.gradient-overlay-2.gradient-overlay-2 {
  --bs-bg-opacity: 0.8 ;
  --bs-overlay-bg: transparent;
  --bs-gradient-offset-top: 100px;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: var(--bs-gradient-offset-top, 0);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 var(--bs-gradient-offset-top, 0));
  mask-image: linear-gradient(to bottom, transparent, #000 var(--bs-gradient-offset-top, 0));
}