.cky-consent-container {
  display: none;
}

.cky-consent-container.show {
  display: block;
}

.cky-consent-container.cky-hide,
.cky-btn-revisit-wrapper {
  display: none !important;
}

.cky-consent-container .cky-consent-bar {
  background-color: var(--violet-color-200) !important;
  border: none !important;
  border-radius: 0px !important;
  padding: 38px 0 36px !important;
}

.cky-notice::before {
  content: url("/wp-content/themes/beactive/assets/images/cookies.svg");
  display: block;
  text-align: center;
}

.cky-notice .cky-title {
  font-size: var(--body-mobile-fontsize) !important;
  margin-top: 24px !important;
  padding: 0 30px !important;
}

.cky-notice p {
  color: var(--black-color-400, #292929) !important;

  font-family: "Poppins", "sans-serif" !important;
  font-size: var(--caption-mobile-fontsize) !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 150% !important;
}

.cky-notice-des {
  padding: 0 30px !important;
}

.cky-notice-btn-wrapper {
  padding: 0 30px !important;
  margin-top: 12px !important;
  flex-direction: row !important;
  gap: 6px !important;
}

.cky-btn,
.privacy-policy-link {
  width: fit-content !important;

  font-family: "Poppins", "sans-serif" !important;
  font-size: var(--caption-desktop-fontsize) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 150% !important;
  padding: 9px 17px 10px 17px !important;
  border-radius: 60px !important;
  flex: none !important;
}

.cky-btn-accept {
  color: var(--beige-color-200, #fbf8f5) !important;
  background-color: var(--violet-color-300) !important;
  border: none !important;
}

.cky-btn-customize,
.privacy-policy-link {
  color: var(--black-color-400, #fbf8f5) !important;
  background-color: transparent !important;
  border: 1px solid var(--violet-color-300) !important;
}

.privacy-policy-link {
  margin-top: 6px;
  order: 3;
}

.cky-footer-wrapper div:nth-of-type(2),
.cky-preference-header {
  display: none !important;
}

.cky-modal.cky-modal-open,
.cky-preference-center {
  background-color: var(--violet-color-200) !important;
}

.cky-preference-center {
  border-radius: 0px !important;
  display: block !important;
  overflow: auto !important;
}

.cky-preference-body-wrapper {
  padding: 40px 30px 32px !important;
}

.cky-preference-content-wrapper,
.cky-gpc-wrapper .cky-gpc-desc {
  padding: 0px !important;
}

.cky-preference-content-wrapper {
  border-bottom: none !important;
  padding-bottom: 12px !important;
}

.cky-preference-body-wrapper p,
.cky-preference-content-wrapper .cky-show-desc-btn,
.cky-always-active,
.cky-accordion-btn,
.cky-btn.cky-btn-accept {
  color: var(--black-color-400, #292929) !important;

  font-family: "Poppins", "sans-serif" !important;
  font-size: var(--caption-mobile-fontsize) !important;
  font-style: normal !important;
  font-weight: 400;
  line-height: 150% !important;
}

.cky-preference-content-wrapper .cky-show-desc-btn {
  display: flex;
  align-items: center;
  color: var(--black-color-300) !important;
}

.cky-always-active {
  color: var(--orange-color-400) !important;
  order: 2;
}

.cky-preference-content-wrapper .cky-show-desc-btn::after {
  display: inline-block;
  content: "";
  background-image: url("/wp-content/themes/beactive/assets/images/arrow-icon.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
  margin-left: 8px;
}

.cky-preference-content-wrapper .cky-show-desc-btn,
.cky-accordion .cky-accordion-item {
  margin-top: 16px !important ;
}

.cky-accordion {
  border-bottom: none !important;
}

.cky-accordion-btn {
  font-weight: 700 !important;
  display: flex !important;
  align-items: center;
}

.cky-accordion-chevron {
  margin-right: 10px !important;
}

.cky-accordion-btn::before {
  content: url("/wp-content/themes/beactive/assets/images/bitten-cookie.svg") !important;
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
  margin-right: 10px;
}

.cky-accordion-header-des {
  margin: 22px 0px 0px !important;
}

.cky-footer-shadow {
  display: none !important;
}

.cky-switch input[type="checkbox"]:checked {
  background: var(--violet-color-300) !important;
}

.cky-switch {
  order: 2;
}

.cky-prefrence-btn-wrapper {
  border-top: none !important;
  justify-content: flex-start !important;
}

.cky-prefrence-btn-wrapper {
  flex-direction: row !important;
}

.cky-btn.cky-btn-accept {
  color: var(--beige-color-200) !important;
  order: 1;
}

.cky-btn-customize {
  order: 2;
}

.cky-btn-preferences {
  color: var(--black-color-400) !important;
  border-color: var(--violet-color-300) !important;
  order: 2;
}

.cky-prefrence-btn-wrapper {
  padding: 0 0 40px 30px !important;
}

@media (min-width: 760px) and (max-width: 1024px) {
  .cky-box-bottom-left {
    bottom: 0 !important;
    left: 0 !important;
  }
}