:root {
  /* --theme-color: transparent linear-gradient(94deg, #b6842d, #ebda8d 55%, #b7862f);
  --theme-primary: transparent linear-gradient(94deg, #b6842d, #ebda8d 55%, #b7862f);
  --theme-secondary: #b88831;
  --menu: #dedddd; */
  --theme1-bg: #333064;
  --theme1-bg90: #333064e6;
  --theme2-bg: #202538;
  --theme2-bg70: #202538b3;
  --theme2-bg85: #202538d9;
  --theme-red: #fd4444;
  --nav-red: #fd4444;
  --primary-color: #fff;
  --secondary-color: #fff;
  --grey-color: #ccc;
  --search-bg: #3d436a;
}

.modal-header,
.modal-header[style],
.modal-dialog .modal-header,
.modal-content .modal-header,
.rules-modal-header {
  padding: 12px 18px !important;
  background: var(--theme-red, #ea4335) !important;
  background-color: var(--theme-red, #ea4335) !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.modal-header h4,
.modal-header h5,
.modal-header h6,
.modal-header .modal-title,
.modal-header span,
.modal-header .close,
.modal-header .close i,
.modal-header button,
.rules-modal-header h4,
.rules-modal-header h5,
.rules-modal-header h6,
.rules-modal-header span,
.rules-modal-header button {
  color: #ffffff !important;
  opacity: 1 !important;
}