body {
  font-family: "Poppins", sans-serif;
  background-color: var(--backgroundColor);
  /* background: var(--backgroundColor) url(../img/bg_try2.jpg) center center/cover
    no-repeat fixed; */
}
.logoStyle {
  background-image: var(--backgroundColor) var(--logoImg) center center/cover
    no-repeat fixed;
}
.buttonBg {
  background-color: var(--buttonBg);
  border-color: var(--buttonBg);
  color: var(--buttonTextColor);
}
.buttonBg:hover {
  background-color: var(--buttonBgHover);
  border-color: var(--buttonBgHover);
  color: var(--buttonTextColor);
}
.buttonBg.disabled,
.buttonBg:disabled {
  background-color: var(--buttonBg);
  color: var(--buttonTextColor);
  border-color: var(--buttonBg);
  opacity: 0.65;
}
.buttonBg:active {
  background-color: var(--buttonBgActive) !important;
  border-color: var(--buttonBgActive) !important;
  color: var(--buttonTextColor) !important;
}
.buttonSpanColor {
  color: var(--buttonTextColor);
}
.buttonIconColor {
  fill: var(--buttonTextColor);
}
.cardBg {
  background-color: var(--cardBg) !important;
  border: 2px solid var(--cardBorderColor);
  border-radius: 36px;
}
._cardBorderNone {
  border: 0 !important;
}
.modalCustom {
  background-color: var(--cardBg) !important;
  border: 2px solid var(--cardBorderColor);
  color: var(--textColor);
}
.modalCustom > .modal-header {
  border-bottom: var(--bs-modal-header-border-width) solid
    var(--cardBorderColor);
}
.modalCustom > .modal-footer {
  border-top: var(--bs-modal-footer-border-width) solid var(--cardBorderColor);
}
.modalCustom > .modal-body > a {
  color: var(--textLink);
}
.fontSizeResponsive {
  font-size: 1.05rem;
}
.settingsFontSize {
  font-size: 1.05rem;
  pointer-events: none;
}
.buttonSettings {
  padding: 0.375rem 0.75rem;
}
#menuImage {
  display: none;
}
#cookie {
  opacity: 0;
  visibility: hidden;
  transform: translateY(120%);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
#cookie.cookie-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
  transition-delay: 500ms;
}
.cookie {
  background-color: var(--cookieBg);
  filter: drop-shadow(0px 1px 3px var(--cookieShadow));
  border-radius: 20px;
  color: var(--textColor);
}
.cookie-text > div.ms-2 > a {
  color: var(--textLink);
  display: block;
}
.customTooltip {
  --bs-tooltip-bg: var(--tooltipBg);
  --bs-tooltip-color: var(--tooltipTextColor);
  --bs-tooltip-opacity: 1;
  font-weight: 400;
}
.footerCopyright {
  color: var(--textColor);
  opacity: 0.5;
}
.footerLinks {
  display: block;
}
.footerLinks > a {
  color: var(--textLink);
  opacity: 0.5;
}
.tab-pane > a {
  color: var(--textLink);
}
.tab-content > .active {
  margin-top: 14px;
}
.nav-link {
  color: var(--textColor) !important;
}
.nav-link.active {
  color: var(--textColorSecondary) !important;
}
.settingsSvg {
  padding-right: 0.5rem !important;
  pointer-events: none;
}
#cookieAccept {
  white-space: nowrap;
}
.cardFooter {
  background-color: unset;
  border-radius: unset;
  border: unset;
}
@media (max-width: 576px) {
  .settingsSvg {
    padding-right: 0.35rem !important;
  }
  .fontSizeResponsive {
    font-size: 0.9rem;
  }
  .settingsFontSize {
    font-size: 0.8rem;
  }
  .buttonSettings {
    padding: 0.275rem 0.55rem;
  }
}
@media (min-width: 576px) {
  .settingsSvg {
    padding-right: 0.4rem !important;
  }
  .fontSizeResponsive {
    font-size: 0.9rem;
  }
  .settingsFontSize {
    font-size: 0.8rem;
  }
  .buttonSettings {
    padding: 0.275rem 0.55rem;
  }
}
@media (min-width: 768px) {
  .settingsSvg {
    padding-right: 0.4rem !important;
  }
  .fontSizeResponsive {
    font-size: 0.9rem;
  }
  .settingsFontSize {
    font-size: 0.8rem;
  }
  .buttonSettings {
    padding: 0.275rem 0.45rem;
  }
}
@media (min-width: 992px) {
  .settingsSvg {
    padding-right: 0.4rem !important;
  }
  .fontSizeResponsive {
    font-size: 0.9rem;
  }
  .settingsFontSize {
    font-size: 0.8rem;
  }
  .buttonSettings {
    padding: 0.275rem 0.45rem;
  }
  .col-lg-6 {
    width: 55% !important;
  }
}
@media (min-width: 1200px) {
  .settingsSvg {
    padding-right: 0.5rem !important;
  }
  .fontSizeResponsive {
    font-size: 0.95rem;
  }
  .settingsFontSize {
    font-size: 0.95rem;
  }
  .buttonSettings {
    padding: 0.375rem 0.65rem;
  }
}
@media (min-width: 1400px) {
  .settingsSvg {
    padding-right: 0.5rem !important;
  }
  .fontSizeResponsive {
    font-size: 1.05rem;
  }
  .settingsFontSize {
    font-size: 1.05rem;
  }
  .buttonSettings {
    padding: 0.375rem 0.75rem;
  }
}