@media (max-width: 991px) {

    #cookieConsentBanner {

    flex-direction: column!important;

}

#consent-buttons{

    display: flex!important;

    flex-direction: column;

    width: 100%;

    align-items: center;

}

#cookieConsentBanner button{

  width: 90%;

}

}



#cookieConsentBanner {

    flex-direction: row;

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    background-color: #fff;

    border-top: 1px solid #ccc;

    padding: 15px;

    z-index: 10000;

    text-align: center;

    align-items: center;

    justify-content: space-evenly;

}



#cookieConsentBanner button {

    margin: 5px;

    padding: 8px 15px;

    border: none;

    border-radius: 5px;

    border-style: solid;

    border-width: 1px;

}

.default-btn{

  background: black!important;

  color: white!important;

}



.cookie-category {

    text-align: left;

    margin: 10px 0;

}

/* Toggle switch container */

.switch {

  position: relative;

  display: inline-block;

  width: 46px;

  height: 24px;

  margin-left: 10px;

}



/* Hide default checkbox */

.switch input {

  opacity: 0;

  width: 0;

  height: 0;

}



/* Slider */

.slider {

  position: absolute;

  cursor: pointer;

  top: 0; left: 0;

  right: 0; bottom: 0;

  background-color: #ccc;

  transition: 0.4s;

  border-radius: 24px;

}



/* The circle */

.slider:before {

  position: absolute;

  content: "";

  height: 18px;

  width: 18px;

  left: 3px;

  bottom: 3px;

  background-color: white;

  transition: 0.4s;

  border-radius: 50%;

}



/* Checked background */

input:checked + .slider {

  background-color: black;

}



/* Move circle when checked */

input:checked + .slider:before {

  transform: translateX(22px);

}



/* Optional rounded slider */

.slider.round {

  border-radius: 24px;

}

#preferencesSection{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.optiondiv{

    display: flex;

    justify-content: space-between;

    width: 320px;

    margin-top: 10px;

}

.expltxt{

    text-align: left;

}