:root * {
  --ezy-theme-color-rgb: 0, 110, 127;
  --ezy-theme-color: rgb(0, 110, 127);
}

* {
  -webkit-user-drag: none; /* Safari, Chrome */
}

.elite256-navigation {
  /* Bootstrap variables */
  --bs-body-color: rgb(255, 255, 255);
  --bs-body-bg: #000;

  background-color: var(--bs-body-bg);
}

.elite256-navigation .navbar-brand {
  font-weight: 500;
  font-size: 36px;
  color: var(--bs-body-color);
}

.elite256-navigation .navbar-toggler {
  border: none;
  box-shadow: none !important;
}

.elite256-navigation .navbar-toggler > span {
  display: flex;
  align-items: center;
  height: 32px;
}

.elite256-navigation .navbar-toggler > span > span {
  position: relative;
}

.elite256-navigation .navbar-toggler > span > span,
.elite256-navigation .navbar-toggler > span > span::before,
.elite256-navigation .navbar-toggler > span > span::after {
  height: 2px;
  background-color: var(--bs-body-color);
  width: 25px;
  display: inline-block;
  border-radius: 5px;
  transition: all 0.35s ease-in-out;
}

.elite256-navigation .navbar-toggler > span > span::before,
.elite256-navigation .navbar-toggler > span > span::after {
  content: "";
  position: absolute;
  left: 0;
}

.elite256-navigation
  .navbar-toggler[aria-expanded="false"]
  > span
  > span::before {
  top: 7px;
}

.elite256-navigation
  .navbar-toggler[aria-expanded="false"]
  > span
  > span::after {
  bottom: 7px;
}

.elite256-navigation .navbar-toggler[aria-expanded="true"] > span > span {
  background-color: transparent;
}

.elite256-navigation
  .navbar-toggler[aria-expanded="true"]
  > span
  > span::before {
  top: 0;
  transform: rotate(-45deg);
}

.elite256-navigation
  .navbar-toggler[aria-expanded="true"]
  > span
  > span::after {
  bottom: 0;
  transform: rotate(45deg);
}

.elite256-navigation .navbar-nav .nav-link {
  color: var(--bs-body-color);
  opacity: 0.6;
}

.elite256-navigation .navbar-nav .nav-link:hover,
.elite256-navigation .navbar-nav .nav-link:focus,
.elite256-navigation .navbar-nav .nav-link.active {
  color: var(--bs-body-color);
  opacity: 1;
}

@media (min-width: 992px) {
  .elite256-navigation .navbar-nav .nav-link {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.elite256-navigation .btn {
  border-radius: 10px;
}
.elite256-navigation .btn-outline-light {
  border-color: var(--bs-body-color);
  color: var(--bs-body-color);
}
.elite256-navigation .btn-outline-light:hover {
  background-color: var(--bs-body-color);
  color: var(--bs-body-bg);
}

.elite256-users {
  padding: 20px 0;
}

.elite256-users-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1281px) {
  .elite256-users-img {
    max-height: 68px;
    max-width: 68px;
  }
}

@media (max-width: 1280px) {
  .elite256-users-img {
    max-height: 64px;
    max-width: 64px;
  }
}

@media (max-width: 1199px) {
  .elite256-users-img {
    max-height: 54px;
    max-width: 54px;
  }
}

@media (max-width: 992px) {
  .elite256-users-img {
    max-height: 52px;
    max-width: 52px;
  }
}

@media (max-width: 767px) {
  .elite256-users-img {
    max-height: 50px;
    max-width: 50px;
  }
}

@media (max-width: 575px) {
  .elite256-users-img {
    max-height: 45px;
    max-width: 45px;
  }
}

@media (max-width: 479px) {
  .elite256-users-img {
    max-height: 40px;
    max-width: 40px;
  }
}

.elite256-users-img {
  /* margin-top: 7px; */
  border-radius: 100px;
  padding: 1px;
  filter: grayscale(0.5);
  transition: all 0.3s ease-in-out;
}

.image-container:hover .elite256-users-img {
  transform: scale(1.1);
  box-shadow: 0 0 15px rgba(1, 4, 2, 0.5);
}

.img-layer-0 {
  border: 2px solid rgb(255, 255, 255); /* white */
  filter: grayscale(1);
}

.img-layer-1 {
  border: 2px solid #e0e0e0; /* Lightest gray */
  filter: grayscale(1);
}

.img-layer-2 {
  border: 2px solid #cfcfcf;
  filter: grayscale(0.95);
}

.img-layer-3 {
  border: 2px solid #bfbfbf;
  filter: grayscale(0.9);
}

.img-layer-4 {
  border: 2px solid #afafaf;
  filter: grayscale(0.85);
}

.img-layer-5 {
  border: 2px solid #9f9f9f;
  filter: grayscale(0.8);
}

.img-layer-6 {
  border: 2px solid #8f8f8f;
  filter: grayscale(0.75);
}

.img-layer-7 {
  border: 2px solid #7f7f7f;
  filter: grayscale(0.7);
}

.img-layer-8 {
  border: 2px solid #6f6f6f;
  filter: grayscale(0.65);
}

.img-layer-9 {
  border: 2px solid #5f5f5f;
  filter: grayscale(0.6);
}

.img-layer-10 {
  border: 2px solid #4f4f4f;
  filter: grayscale(0.55);
}

.img-layer-11 {
  border: 2px solid #3f3f3f;
  filter: grayscale(0.5);
}

.img-layer-12 {
  border: 2px solid #2f2f2f;
  filter: grayscale(0.45);
}

.img-layer-13 {
  border: 2px solid #1f1f1f;
  filter: grayscale(0.4);
}

.img-layer-14 {
  border: 2px solid #0f0f0f;
  filter: grayscale(0.35);
}

.img-layer-15 {
  border: 2px solid #080808; /* Almost black */
  filter: grayscale(0.3);
}

.img-layer-16 {
  border: 2px solid #000000; /* Black */
  filter: grayscale(0.25);
}

.elite256-users-img:hover {
  border: 3px solid #9b1cd1d7;
  filter: grayscale(0);
  border-radius: 15px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 0 15px rgba(1, 4, 2, 0.5);
}

.cell-selected {
  border: 3px solid #9b1cd1 !important;
  filter: grayscale(0) !important;
  border-radius: 15px !important;
}

.cell-selected-animation {
  animation: scaleUpDown 2s infinite ease-in-out !important;
}

@keyframes scaleUpDown {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.15);
  }
  50% {
    transform: scale(1.1);
  }
  70% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}

.img-crown {
  border: 3px solid gold;
  border-radius: 15px;
  filter: grayscale(0);
  transition: all 0.3s ease-in-out;
}

.img-crown-animation {
  animation: blinkGold 1s 5; /* Blink animasyonu */
  /*animation: shakeCell 3s;*/
}

.img-crown-animation-popover {
  animation: blinkGold 1s infinite; /* Blink animasyonu */
  /*animation: shakeCell 3s;*/
}

.img-crown:hover {
  animation: blinkGold 1s infinite; /* Blink animasyonu */
}

.popover-username-div {
  font-size: large;
}

.popover {
  border-radius: 24px;
  /* border: 6px solid #ffffff20; */
  /* background-color: #e3e3e3; */
  background: rgba(0, 0, 0, 0.35);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 3px solid #00000042;
  color: white;
  padding: 3px;
}

.popover-header {
  border-radius: 18px 18px 0 0;
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  text-align: center;
}

.popover-body {
  color: white;
  background: linear-gradient(180deg, #ffffff1c, #00000063);
  border-radius: 0 0 18px 18px;
}

.popover-body a {
  color: rgb(255, 255, 255);
}

/* Blink  */
@keyframes blinkGold {
  0% {
    border-color: white;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
    transform: scale(1);
  }
  25% {
    border-color: #f7e7ce;
    box-shadow: 0 0 20px rgba(247, 231, 206, 0.8);
    transform: scale(1.02);
  }
  50% {
    border-color: #ffd700;
    box-shadow: 0 0 30px rgba(255, 215, 0, 1);
    transform: scale(1.05);
  }
  75% {
    border-color: #ffec8b;
    box-shadow: 0 0 20px rgba(255, 236, 139, 0.8);
    transform: scale(1.02);
  }
  100% {
    border-color: white;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
    transform: scale(1);
  }
}

@keyframes gridContainerAnimation {
  0% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-5px);
  }
  20% {
    transform: translateX(5px);
  }
  30% {
    transform: translateX(-5px);
  }
  40% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(5px);
  }
  70% {
    transform: translateX(-5px);
  }
  80% {
    transform: translateX(5px);
  }
  90% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0);
  }
}
.w-100x {
  /*width: 280px !important;*/
  margin: 5px 0 5px 0;
}

.popover {
  max-width: 312px !important;
  width: 312px !important;
}

.img-crown:hover {
  border: 3px solid gray;
}

.buyIt {
  /* border: 3px solid green; */
  border-radius: 12px;
  filter: grayscale(0);
  transition: all 0.3s ease-in-out;
}

.buyIt:hover {
  border: 3px solid #9b1cd1 !important;
  border-radius: 12px !important;
  animation: scaleUpDown 2s infinite ease-in-out !important;
  box-shadow: 0 0 15px rgba(1, 4, 2, 0.5);
}

.buyItFalse {
  filter: grayscale(1);
  opacity: 0.15;
}

.buyItTimeout {
  /*border-radius: 24px!important;*/
  animation: pulse-and-rotate 0.75s 4 ease-in-out;
}

.img-old {
  border: 1px solid rgb(124, 124, 124);
  filter: grayscale(1);
  transition: all 0.3s ease-in-out;
  border-radius: 12px;
  width: 30px;
  height: 30px;
  margin: 2px 0;
}

.img-old:hover {
  filter: grayscale(0);
  border: 1px solid rgb(81, 81, 81);
  cursor: pointer;
}

.img-user-popover {
  /*border: 2px solid rgb(124, 124, 124);*/
  filter: grayscale(0);
  transition: all 0.3s ease-in-out;
  border-radius: 12px;
  width: 120px;
  height: 120px;
  border: 5px solid rgba(0, 0, 0, 0.2);
  padding: 2px;
}

.img-opacity-10 {
  opacity: 0.1 !important;
}

.img-opacity-20 {
  opacity: 0.2 !important;
}

.img-opacity-40 {
  opacity: 0.4 !important;
}

.img-opacity-60 {
  opacity: 0.6 !important;
}

.img-opacity-80 {
  opacity: 0.8 !important;
}

.elite256-buying {
  background-color: #000000;
}

@media (min-width: 991px) {
  .elite256-buying {
    /* padding: 60px 0; */
  }
}

.elite256-buying h3 {
  font-size: 36px;
  font-weight: 500;
  color: var(--ezy-theme-color);
}

.elite256-buying h4 {
  /* font-size: 18px; */
  font-weight: 200;
  /* opacity: 1;
  padding: 20px !important;
  border-top: 5px solid #858585;
  padding: 5px;
  background-color: #000000;
  color: white; */
}

.elite256-buying h5 {
  font-size: 16px;
  font-weight: 300;
  opacity: 0.8;
  /*color: red;*/
}

.elite256-copyright {
  --bs-body-color: #212529;
  --bs-body-bg: rgb(255, 255, 255);

  /* easy frontend variables */
  --ezy-theme-color: rgb(13, 110, 253);
  --ezy-theme-color-rgb: 13, 110, 253;

  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  padding: 48px 0;
}

/* Gray Block Style */
.gray .elite256-copyright,
.elite256-copyright.gray {
  /* Bootstrap variables */
  --bs-body-bg: rgb(246, 246, 246);
}

/* Dark Gray Block Style */
.dark-gray .elite256-copyright,
.elite256-copyright.dark-gray {
  /* Bootstrap variables */
  --bs-body-color: #ffffff;
  --bs-body-bg: rgb(30, 39, 53);
}

/* Dark Block Style */
.dark .elite256-copyright,
.elite256-copyright.dark {
  /* Bootstrap variables */
  --bs-body-color: #ffffff;
  --bs-body-bg: rgb(11, 23, 39);
}

.elite256-copyright-social li {
  list-style-type: none;
  display: inline-block;
  margin: 6px 12px;
}

.elite256-copyright-social li a {
  color: var(--bs-body-color);
  transition: 0.4s;
  font-size: 20px;
}

.elite256-copyright-social li a:hover {
  color: var(--ezy-theme-color);
}

#overlayContent {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999999;
  /* background: linear-gradient(0deg, black, #000000b5);
  border-bottom: 2px solid #ffd700; */
}

.overlay-content {
  background-color: white;
  padding: 20px;
}

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999999;
}

.loading-text {
  color: white;
  font-size: 24px;
  border: 2px solid white;
  padding: 10px 20px;
  border-radius: 24px;
  animation: blink 1s infinite;
  background-color: #282828ad;
}

@keyframes blink {
  0% {
    border-color: #ffe5fa31;
    background-color: rgba(0, 0, 0, 0.95);
  }
  50% {
    border-color: gold;
    background-color: rgba(0, 0, 0, 0.75);
  }
  100% {
    border-color: #ffe5fa31;
    background-color: rgba(0, 0, 0, 0.95);
  }
}

.hr-line {
  width: 80%;
  height: 2px;
  /* background-color: rgb(215 215 215 / 19%); */
  border-top: 2px dashed rgb(255 255 255 / 16%);
  margin: 6px 0;
  opacity: 0.5;
  margin: 8px auto;
}

.hr-line-gold {
  width: 100%;
  height: 2px;
  background-color: #ffe347;
  margin: 6px 0;
  opacity: 0.5;
}

.popover-crown {
  position: relative;
  top: -30px;
  color: #ffc107;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  transform: rotate(-5deg);
  z-index: 999999;
  font-size: 48px;
  height: 22px;
}

.buy-layers {
  padding: 10px 0 !important;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50px;
  font-size: 32px;
  transform: rotate(-5deg);
  background-color: #000000;
  /* border: 4px solid #ffffff20; */
}

.text-color-bronze {
  color: #cd8c32;
}

.text-color-silver {
  color: silver;
}

.text-color-gold {
  color: gold;
}

.text-color-platinum {
  color: #e5e4e2;
}

.text-color-out {
  color: black;
  border-radius: 24px;
  padding: 6px !important;
  border: 2px solid #1a0025;
}

.background-color-out-bronze {
  background-color: #cd8c32;
}

.background-color-out-silver {
  background-color: silver;
}

.background-color-out-gold {
  background-color: gold;
}

.background-color-out-platinum {
  background-color: #e5e4e2;
}

.buy-row {
  padding: 12px;
  /* border-radius: 24px 24px 0 0 !important; */
  /* background: linear-gradient(180deg, #000, #2d2d2d); */
  /* background-color: #2c003e; */
}

.rotate5degree {
  transform: rotate(-5deg);
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  background: black;
  color: white;
  padding: 5px;
  border-radius: 24px;
}

.buy-it-cell {
  color: white;
  border-radius: 24px;
  transform: rotate(5deg);
  position: relative;
  top: -10px;
}

.buy-it-cell:hover {
  background-color: #9b1cd1aa;
  cursor: pointer;
  box-shadow: 0 0 15px rgba(1, 4, 2, 0.5);
}

.buy-it-cell-active {
  background-color: #9b1cd1;
  /* transform: rotate(0deg); */
  /* transform: rotate(5deg); */
  /* border-top: 4px solid #b7b7b7;
  border-bottom: 4px solid #b7b7b7; */
  /*transform: rotate(5deg);*/
}

.buy-it-cell-active:hover {
  /* background-color: #ffffffaa; */
  /*transform: rotate(5deg);*/
}

.buy-it-cell-active-bronze {
  background-color: #cd8c32;
  transform: rotate(5deg);
}

.buy-it-cell-active-gold {
  background-color: gold;
  transform: rotate(5deg);
}

.buy-it-cell-active-silver {
  background-color: silver;
  transform: rotate(5deg);
}

.buy-it-cell-active-platinum {
  background-color: #e5e4e2;
  transform: rotate(5deg);
}

.buy-it-cell-active-bronze:hover {
  background-color: #cd8c32;
  transform: rotate(5deg);
}

.buy-it-cell-active-gold:hover {
  background-color: gold;
  transform: rotate(5deg);
}

.buy-it-cell-active-silver:hover {
  background-color: silver;
  transform: rotate(5deg);
}

.buy-it-cell-active-platinum:hover {
  background-color: #e5e4e2;
  transform: rotate(5deg);
}

.price-not-active {
  opacity: 0.3;
}

.price-sold-out {
  position: relative;
  top: 45px;
  /* left: 15px; */
  text-align: center;
  transform: rotate(-30deg);
  font-size: smaller;
  max-width: max-content;
  /* margin-right: 2px; */
  /* margin-top: 2px; */
  border-radius: 9px;
  padding: 2px;
  margin: 2px;
}

.price-sold-out-red {
  z-index: 2;
  background-color: red;
  color: white;
}

.button-bronze {
  /* border: 1px solid #cd8c32; */
  padding: 10px;
  border-radius: 12px;
  cursor: pointer;
  background: linear-gradient(180deg, #a74c1a, transparent);
}

.button-bronze:hover {
  background-color: #cd8c32;
  color: black;
  background: linear-gradient(180deg, #a74c1a, transparent);
  box-shadow: 0 0 15px rgba(1, 4, 2, 0.5);
}

.buttonBronze {
  background-color: #cd8c32 !important;
  color: black !important;
  background: linear-gradient(180deg, transparent, #a74c1a);
  box-shadow: 0 0 15px rgba(1, 4, 2, 0.5);
}

.button-silver {
  /* border: 1px solid silver;*/
  padding: 10px;
  border-radius: 12px;
  cursor: pointer;
  background: linear-gradient(180deg, #a7a7a7, transparent);
}

.button-silver:hover {
  background-color: silver;
  color: black;
  background: linear-gradient(180deg, #a7a7a7, transparent);
  box-shadow: 0 0 15px rgba(1, 4, 2, 0.5);
}

.buttonSilver {
  background-color: silver !important;
  color: black !important;
  background: linear-gradient(180deg, transparent, #a7a7a7);
  box-shadow: 0 0 15px rgba(1, 4, 2, 0.5);
}

.button-gold {
  /* border: 1px solid gold;*/
  padding: 10px;
  border-radius: 12px;
  cursor: pointer;
  background: linear-gradient(180deg, #ffd700, transparent);
}

.button-gold:hover {
  background-color: gold;
  color: black;
  background: linear-gradient(180deg, #ffd700, transparent);
  box-shadow: 0 0 15px rgba(1, 4, 2, 0.5);
}

.buttonGold {
  background-color: gold !important;
  color: black !important;
  background: linear-gradient(180deg, transparent, #ffd700);
  box-shadow: 0 0 15px rgba(1, 4, 2, 0.5);
}

.button-platinum {
  /* border: 1px solid #e5e4e2; */
  padding: 10px;
  border-radius: 12px;
  cursor: pointer;
  background: linear-gradient(180deg, #c4c4c4, transparent);
}

.button-platinum:hover {
  background-color: #e5e4e2;
  color: black;
  background: linear-gradient(180deg, #c4c4c4, transparent);
  box-shadow: 0 0 15px rgba(1, 4, 2, 0.5);
}

.buttonPlatinum {
  background-color: #e5e4e2 !important;
  color: black !important;
  background: linear-gradient(180deg, transparent, #c4c4c4);
  box-shadow: 0 0 15px rgba(1, 4, 2, 0.5);
}

.btn {
  border-radius: 12px !important;
  padding: 8px;
  margin: auto;
  box-shadow: 1px 1px 2px 0px black;
}

.btn-success {
  background: linear-gradient(0deg, #9b1cd1 7.35%, #290339 112.43%) !important;
  color: white !important;
  border: 1px solid #5c0880 !important;
  border-radius: 12px !important;
  padding: 10px 20px;
}

/* Warning Button */
.btn-warning {
  background: linear-gradient(0deg, #ffb400 7.35%, #ff8500 112.43%) !important;
  color: black !important;
  border: 1px solid #cc6e00 !important;
  border-radius: 12px !important;
  padding: 10px 20px;
}

/* Danger Button */
.btn-danger {
  background: linear-gradient(0deg, #ff4444 7.35%, #b30000 112.43%) !important;
  color: white !important;
  border: 1px solid #800000 !important;
  border-radius: 12px !important;
  padding: 10px 20px;
}

/* Primary Button */
.btn-primary {
  background: linear-gradient(0deg, #0056ff 7.35%, #002d99 112.43%) !important;
  color: white !important;
  border: 1px solid #003dcc !important;
  border-radius: 12px !important;
  padding: 10px 20px;
}

/* Secondary Button */
.btn-secondary {
  background: linear-gradient(0deg, #6c757d 7.35%, #343a40 112.43%) !important;
  color: white !important;
  border: 1px solid #495057 !important;
  border-radius: 12px !important;
  padding: 10px 20px;
}

/* Deposit Money input */
.deposit-money-btn {
  background: linear-gradient(0deg, #6e009e 7.35%, #340050 112.43%) !important;
  color: white !important;
  border: 1px solid #420064 !important;
  border-radius: 10px !important;
  padding: 10px 20px;
}

/* Stripe and PayPal buttons */
.payment-btn {
  background: linear-gradient(
    0deg,
    #005fff55 7.35%,
    #00338055 112.43%
  ) !important;
  /* background: #000000 !important;  */
  color: #fff !important;
  /* border: 1px solid #464646 !important; */
  border-radius: 10px !important;
  padding: 10px 20px;
  width: 100%;
  text-align: center;
  margin: 5px 0;
}

.payment-btn:hover {
  background: linear-gradient(0deg, #005fff 7.35%, #003380 112.43%) !important;
  color: white !important;
}

/* Confirm Code button */
.confirm-code-btn {
  background: linear-gradient(
    0deg,
    #9b1cd155 7.35%,
    #29033955 112.43%
  ) !important;
  color: white !important;
  /* border: 1px solid #464646 !important; */
  /* background: #000000 !important; */
  border-radius: 12px !important;
  padding: 10px 20px;
}
.confirm-code-btn:hover {
  background: linear-gradient(0deg, #9b1cd1 7.35%, #290339 112.43%) !important;
}

/* Shield Credits Buy button */
.shield-buy-btn {
  background: linear-gradient(
    0deg,
    #0056ff55 7.35%,
    #002d9955 112.43%
  ) !important;
  /* background: #000000 !important; */
  color: white !important;
  /* border: 1px solid #464646 !important; */
  border-radius: 12px !important;
  padding: 10px 20px;
  width: 100%;
  text-align: center;
}

/* Shield Credits Buy button */
.shield-buy-btn:hover {
  background: linear-gradient(0deg, #0056ff 7.35%, #002d99 112.43%) !important;
}

/* Increment and Decrement buttons */
.increment-decrement-btn {
  /* background: linear-gradient(0deg, #888888 7.35%, #555555 112.43%) !important; */
  background: #000000 !important;
  color: white !important;
  border: 1px solid #464646 !important;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  text-align: center;
}

input {
  border-radius: 12px !important;
}

#myDashboardSection {
  border-bottom: 4px solid #000000;
  /* background: linear-gradient(0deg, #6d0055, #000000a8); */
  background: repeating-linear-gradient(90deg, #0d0d0d, #000000 6px);
}

.my-dashboard-close {
  max-width: 220px;
}

#myDashboardTitle {
  /* background: linear-gradient(0deg, #6d0055, #340029, #6d0055); */
  box-shadow: 0px 0px 15px 0px #000;
  border-radius: 12px;
  margin-left: auto;
  cursor: pointer;
  background: #303030;
  border: 1px solid #464646;
}

.my-dashboard-box-inner-box {
  /* background: repeating-linear-gradient(90deg, #000000, #000000e8 4px); */
  background: #000000bb !important;
  border-radius: 12px;
  margin: auto;
  border: 1px solid #464646;
  color: #fff;
}

#myDashboardBalanceBox {
  box-shadow: 0px 0px 15px 0px #000;
  border-radius: 12px;
  background-color: #7d6582;
  width: 100%;
  border: 1px solid #464646;
  padding: 4px!important;
  /*background: repeating-linear-gradient(180deg, #a99f68, #1e1e1ee8 2px);*/
}

#voucherSubmit {
  color: white !important;
  width: 90%;
  /* background: linear-gradient(0deg, #353535, #000000, #353535); */
  /* border: 1px solid #464646; */
}

#myDashboardShieldBox {
  box-shadow: 0px 0px 15px 0px #000;
  border-radius: 12px;
  padding: 12px;
  background-color: #656982;
  border: 1px solid #464646;
  padding: 4px!important;
  /*background: repeating-linear-gradient(180deg, #0e0e0e, #5974a5  2px);*/
}

#buyShieldSubmit {
  width: 90%;
  /* background: linear-gradient(0deg, #353535, #000000, #353535); */
  /* border: 1px solid #353535; */
}

#voucher_code {
  text-align: center;
  background: #ffffff;
  color: black;
  border: 1px solid black;
  width: 90%;
  margin: auto;
  font-size: 16px;
}

.voucher-code-box {
  border: 1px solid #7d6582;
  /* background: linear-gradient(135deg, #353535, #000000, #353535); */
  background: #7d658255;
  border-radius: 12px;
  padding: 4px;
}

#amountInput {
  /* max-width: 100px; */
  margin: auto;
  border: 1px solid #464646;
  text-align: right;
  font-weight: 600;
  font-size: 20px;
  padding: 4px 12px 4px 12px;
  background: black;
  color: #ffd700;
}

#addFundsBox {
  width: 90%;
  margin: 2px auto;
  background: #403442;
  padding: 4px;
  border-radius: 12px;
  border: 1px solid #7d6582;
}

.payment-with-button {
  width: 45%;
  /* background: linear-gradient(0deg, #003ca9, #3f6ab9, #2258ba8f); */
  /* background: #000; */
  /* border: 1px solid #464646; */
}

#bestPricesBox {
  border: 1px solid #656982;
  /* background: linear-gradient(135deg, #353535, #000, #353535); */
  background: #65698255;
  border-radius: 12px;
  padding: 4px;
}

.best-prices-on-box {
  /* background-color: #656982; */
  background: linear-gradient(0deg, #0056ff55 7.35%, #002d9955 112.43%) !important;
    /* background: linear-gradient(
    0deg,
    #0056ff55 7.35%,
    #002d9955 112.43%
  ) !important; */
  color: #cddae5;
  width: 48%;
  /* border: 1px solid #464646; */
  height: 53px;
  align-content: center;
}

.best-prices-on-box:hover {
  background: linear-gradient(0deg, #0056ff 7.35%, #002d99 112.43%) !important;
  color: #fff;
}

#myDashboardLink {
  /* background: linear-gradient(0deg, #6d0055, #340029, #6d0055); */
  background: #303030;
}

#myDashboardSocialConnectsBox {
  box-shadow: 0px 0px 15px 0px #000;
  border-radius: 12px;
  padding: 12px;
  background-color: #658273;
  padding: 4px!important;
  /*background: repeating-linear-gradient(180deg, #1e1e1ee8 , #647f5b 2px);*/
  border: 1px solid #464646;
}

.social-connect-box {
  background: #464646;
  /* border: 1px solid #ffffff33; */
  border-radius: 12px;
  padding: 4px;
  cursor: pointer;
}

.social-connect-box:hover {
  background: #ffffff99;
  /* border: 1px solid #3f3f3f; */
}

#gridIncludeContainer {
  border-radius: 24px;
  /* padding: 8px; */
  background: linear-gradient(90deg, #00000030, transparent, #00000030);
  /* background: repeating-linear-gradient(135deg, #4b4b4b38, #0000009e 10px); */
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  /* border: 1px solid #7846FC2f !important; */
  /* border: 4px solid #0000002f; */
}

@media (min-width: 800px) {
  #gridIncludeContainer {
    margin-top: -90px;
  }
}

#gridContainer {
  border-radius: 24px;
  padding: 12px;
  /*background: linear-gradient(180deg, black, #492d56);*/
  background: repeating-linear-gradient(135deg, #4b4b4b38, #0000009e 10px);
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.grid-container-animation {
  animation: gridContainerAnimation 0.5s ease-in-out;
}

.bronze-color-1 {
  color: #d8a06b;
}
.bronze-bg-1 {
  background-color: #d8a06b;
}

.bronze-color-2 {
  color: #d4a05c;
}
.bronze-bg-2 {
  background-color: #d4a05c;
}

.bronze-color-3 {
  color: #cf9950;
}
.bronze-bg-3 {
  background-color: #cf9950;
}

.bronze-color-4 {
  color: #cb9146;
}
.bronze-bg-4 {
  background-color: #cb9146;
}

.bronze-color-5 {
  color: #c7893e;
}
.bronze-bg-5 {
  background-color: #c7893e;
}

.bronze-color-6 {
  color: #c38037;
}
.bronze-bg-6 {
  background-color: #c38037;
}

.bronze-color-7 {
  color: #bf7730;
}
.bronze-bg-7 {
  background-color: #bf7730;
}

.bronze-color-8 {
  color: #bb6f2a;
}
.bronze-bg-8 {
  background-color: #bb6f2a;
}

.bronze-color-9 {
  color: #b66725;
}
.bronze-bg-9 {
  background-color: #b66725;
}

.bronze-color-10 {
  color: #b15e21;
}
.bronze-bg-10 {
  background-color: #b15e21;
}

.bronze-color-11 {
  color: #ac551d;
}
.bronze-bg-11 {
  background-color: #ac551d;
}

.bronze-color-12 {
  color: #a74c1a;
}
.bronze-bg-12 {
  background-color: #a74c1a;
}

.silver-color-1 {
  color: #d3d3d3;
}
.silver-bg-1 {
  background-color: #d3d3d3;
}

.silver-color-2 {
  color: #cfcfcf;
}
.silver-bg-2 {
  background-color: #cfcfcf;
}

.silver-color-3 {
  color: #cbcbcb;
}
.silver-bg-3 {
  background-color: #cbcbcb;
}

.silver-color-4 {
  color: #c7c7c7;
}
.silver-bg-4 {
  background-color: #c7c7c7;
}

.silver-color-5 {
  color: #c3c3c3;
}
.silver-bg-5 {
  background-color: #c3c3c3;
}

.silver-color-6 {
  color: #bfbfbf;
}
.silver-bg-6 {
  background-color: #bfbfbf;
}

.silver-color-7 {
  color: #bbbbbb;
}
.silver-bg-7 {
  background-color: #bbbbbb;
}

.silver-color-8 {
  color: #b7b7b7;
}
.silver-bg-8 {
  background-color: #b7b7b7;
}

.silver-color-9 {
  color: #b3b3b3;
}
.silver-bg-9 {
  background-color: #b3b3b3;
}

.silver-color-10 {
  color: #afafaf;
}
.silver-bg-10 {
  background-color: #afafaf;
}

.silver-color-11 {
  color: #ababab;
}
.silver-bg-11 {
  background-color: #ababab;
}

.silver-color-12 {
  color: #a7a7a7;
}
.silver-bg-12 {
  background-color: #a7a7a7;
}

.gold-color-1 {
  color: #ffe34c;
}
.gold-bg-1 {
  background-color: #ffe34c;
}

.gold-color-2 {
  color: #ffdf33;
}
.gold-bg-2 {
  background-color: #ffdf33;
}

.gold-color-3 {
  color: #ffdb1a;
}
.gold-bg-3 {
  background-color: #ffdb1a;
}

.gold-color-4 {
  color: #ffd700;
}
.gold-bg-4 {
  background-color: #ffd700;
}

.platinum-color-1 {
  color: #f0efee;
}
.platinum-bg-1 {
  background-color: #f0efee;
}

.platinum-color-2 {
  color: #ecebe9;
}
.platinum-bg-2 {
  background-color: #ecebe9;
}

.platinum-color-3 {
  color: #e8e7e5;
}
.platinum-bg-3 {
  background-color: #e8e7e5;
}

.platinum-color-4 {
  color: #e5e4e2;
}
.platinum-bg-4 {
  background-color: #e5e4e2;
}

.obsidian-color-1 {
  color: #505354;
}
.obsidian-bg-1 {
  background-color: #505354;
}

.obsidian-color-2 {
  color: #484a4b;
}
.obsidian-bg-2 {
  background-color: #484a4b;
}

.obsidian-color-3 {
  color: #404243;
}
.obsidian-bg-3 {
  background-color: #404243;
}

.obsidian-color-4 {
  color: #353839;
}
.obsidian-bg-4 {
  background-color: #353839;
}

.copper-color-1 {
  color: #d18d4f;
}
.copper-bg-1 {
  background-color: #d18d4f;
}

.copper-color-2 {
  color: #cd884a;
}
.copper-bg-2 {
  background-color: #cd884a;
}

.copper-color-3 {
  color: #c88346;
}
.copper-bg-3 {
  background-color: #c88346;
}

.copper-color-4 {
  color: #c37d41;
}
.copper-bg-4 {
  background-color: #c37d41;
}

.copper-color-5 {
  color: #be773d;
}
.copper-bg-5 {
  background-color: #be773d;
}

.copper-color-6 {
  color: #b87138;
}
.copper-bg-6 {
  background-color: #b87138;
}

.copper-color-7 {
  color: #b36b34;
}
.copper-bg-7 {
  background-color: #b36b34;
}

.copper-color-8 {
  color: #ae6530;
}
.copper-bg-8 {
  background-color: #ae6530;
}

.copper-color-9 {
  color: #a85f2b;
}
.copper-bg-9 {
  background-color: #a85f2b;
}

.copper-color-10 {
  color: #a35927;
}
.copper-bg-10 {
  background-color: #a35927;
}

.copper-color-11 {
  color: #9e5323;
}
.copper-bg-11 {
  background-color: #9e5323;
}

.copper-color-12 {
  color: #994e1f;
}
.copper-bg-12 {
  background-color: #994e1f;
}

.emerald-color-1 {
  color: #66d48a;
}
.emerald-bg-1 {
  background-color: #66d48a;
}

.emerald-color-2 {
  color: #5ccf84;
}
.emerald-bg-2 {
  background-color: #5ccf84;
}

.emerald-color-3 {
  color: #52ca7e;
}
.emerald-bg-3 {
  background-color: #52ca7e;
}

.emerald-color-4 {
  color: #50c878;
}
.emerald-bg-4 {
  background-color: #50c878;
}

/* Bronze (1-12) */
.img-layer-bronze-1 {
  border: 2px solid #d29957;
  filter: grayscale(0.9);
}

.img-layer-bronze-2 {
  border: 2px solid #cd7f32; /* Bronze */
  filter: grayscale(0.88);
}

.img-layer-bronze-3 {
  border: 2px solid #c6762f;
  filter: grayscale(0.86);
}

.img-layer-bronze-4 {
  border: 2px solid #c06e2c;
  filter: grayscale(0.84);
}

.img-layer-bronze-5 {
  border: 2px solid #b96629;
  filter: grayscale(0.82);
}

.img-layer-bronze-6 {
  border: 2px solid #b35d26;
  filter: grayscale(0.8);
}

.img-layer-bronze-7 {
  border: 2px solid #ad5523;
  filter: grayscale(0.78);
}

.img-layer-bronze-8 {
  border: 2px solid #a64d20;
  filter: grayscale(0.76);
}

.img-layer-bronze-9 {
  border: 2px solid #a0451d;
  filter: grayscale(0.74);
}

.img-layer-bronze-10 {
  border: 2px solid #993c1a;
  filter: grayscale(0.72);
}

.img-layer-bronze-11 {
  border: 2px solid #933418;
  filter: grayscale(0.7);
}

.img-layer-bronze-12 {
  border: 2px solid #8d2c15;
  filter: grayscale(0.68);
}

/* Silver (13-24) */
.img-layer-silver-1 {
  border: 2px solid #d4d4d4;
  filter: grayscale(0.66);
}

.img-layer-silver-2 {
  border: 2px solid #c8c8c8;
  filter: grayscale(0.64);
}

.img-layer-silver-3 {
  border: 2px solid #bcbcbc;
  filter: grayscale(0.62);
}

.img-layer-silver-4 {
  border: 2px solid #b0b0b0;
  filter: grayscale(0.6);
}

.img-layer-silver-5 {
  border: 2px solid #a4a4a4;
  filter: grayscale(0.58);
}

.img-layer-silver-6 {
  border: 2px solid #989898;
  filter: grayscale(0.56);
}

.img-layer-silver-7 {
  border: 2px solid #8c8c8c;
  filter: grayscale(0.54);
}

.img-layer-silver-8 {
  border: 2px solid #808080;
  filter: grayscale(0.52);
}

.img-layer-silver-9 {
  border: 2px solid #747474;
  filter: grayscale(0.5);
}

.img-layer-silver-10 {
  border: 2px solid #686868;
  filter: grayscale(0.48);
}

.img-layer-silver-11 {
  border: 2px solid #5c5c5c;
  filter: grayscale(0.46);
}

.img-layer-silver-12 {
  border: 2px solid #505050;
  filter: grayscale(0.44);
}

/* Gold (25-28) */
.img-layer-gold-1 {
  border: 2px solid #ffd700; /* Gold */
  filter: grayscale(0.42);
}

.img-layer-gold-2 {
  border: 2px solid #e6c200;
  filter: grayscale(0.4);
}

.img-layer-gold-3 {
  border: 2px solid #ccad00;
  filter: grayscale(0.38);
}

.img-layer-gold-4 {
  border: 2px solid #b39900;
  filter: grayscale(0.36);
}

/* Platinum (29-32) */
.img-layer-platinum-1 {
  border: 2px solid #e5e4e2; /* Platinum */
  filter: grayscale(0.34);
}

.img-layer-platinum-2 {
  border: 2px solid #d5d4d2;
  filter: grayscale(0.32);
}

.img-layer-platinum-3 {
  border: 2px solid #c5c4c2;
  filter: grayscale(0.3);
}

.img-layer-platinum-4 {
  border: 2px solid #b5b4b2;
  filter: grayscale(0.28);
}

/* Bronze (1-12) */
.img-circle-color-1 {
  border: 2px solid #d29957;
  filter: grayscale(0.9);
}

.img-circle-color-2 {
  border: 2px solid #cd7f32; /* Bronze */
  filter: grayscale(0.88);
}

.img-circle-color-3 {
  border: 2px solid #c6762f;
  filter: grayscale(0.86);
}

.img-circle-color-4 {
  border: 2px solid #c06e2c;
  filter: grayscale(0.84);
}

.img-circle-color-5 {
  border: 2px solid #b96629;
  filter: grayscale(0.82);
}

.img-circle-color-6 {
  border: 2px solid #b35d26;
  filter: grayscale(0.8);
}

.img-circle-color-7 {
  border: 2px solid #ad5523;
  filter: grayscale(0.78);
}

.img-circle-color-8 {
  border: 2px solid #a64d20;
  filter: grayscale(0.76);
}

.img-circle-color-9 {
  border: 2px solid #a0451d;
  filter: grayscale(0.74);
}

.img-circle-color-10 {
  border: 2px solid #993c1a;
  filter: grayscale(0.72);
}

.img-circle-color-11 {
  border: 2px solid #933418;
  filter: grayscale(0.7);
}

.img-circle-color-12 {
  border: 2px solid #8d2c15;
  filter: grayscale(0.68);
}

/* Silver (13-24) */
.img-circle-color-13 {
  border: 2px solid #d4d4d4;
  filter: grayscale(0.66);
}

.img-circle-color-14 {
  border: 2px solid #c8c8c8;
  filter: grayscale(0.64);
}

.img-circle-color-15 {
  border: 2px solid #bcbcbc;
  filter: grayscale(0.62);
}

.img-circle-color-16 {
  border: 2px solid #b0b0b0;
  filter: grayscale(0.6);
}

.img-circle-color-17 {
  border: 2px solid #a4a4a4;
  filter: grayscale(0.58);
}

.img-circle-color-18 {
  border: 2px solid #989898;
  filter: grayscale(0.56);
}

.img-circle-color-19 {
  border: 2px solid #8c8c8c;
  filter: grayscale(0.54);
}

.img-circle-color-20 {
  border: 2px solid #808080;
  filter: grayscale(0.52);
}

.img-circle-color-21 {
  border: 2px solid #747474;
  filter: grayscale(0.5);
}

.img-circle-color-22 {
  border: 2px solid #686868;
  filter: grayscale(0.48);
}

.img-circle-color-23 {
  border: 2px solid #5c5c5c;
  filter: grayscale(0.46);
}

.img-circle-color-24 {
  border: 2px solid #505050;
  filter: grayscale(0.44);
}

/* Gold (25-28) */
.img-circle-color-25 {
  border: 2px solid #ffd700; /* Gold */
  filter: grayscale(0.42);
}

.img-circle-color-26 {
  border: 2px solid #e6c200;
  filter: grayscale(0.4);
}

.img-circle-color-27 {
  border: 2px solid #ccad00;
  filter: grayscale(0.38);
}

.img-circle-color-28 {
  border: 2px solid #b39900;
  filter: grayscale(0.36);
}

/* Platinum (29-32) */
.img-circle-color-29 {
  border: 2px solid #e5e4e2; /* Platinum */
  filter: grayscale(0.34);
}

.img-circle-color-30 {
  border: 2px solid #d5d4d2;
  filter: grayscale(0.32);
}

.img-circle-color-31 {
  border: 2px solid #c5c4c2;
  filter: grayscale(0.3);
}

.img-circle-color-32 {
  border: 2px solid #b5b4b2;
  filter: grayscale(0.28);
}

.elite256-footer {
  /* Bootstrap variables */
  --bs-body-color: #ffffff;
  --bs-body-bg: #000;
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  padding: 40px 0 0;
}

@media (min-width: 768px) {
  .elite256-footer {
    padding: 60px 0 0;
  }
}

.elite256-footer-nav .nav-link {
  color: #ffffff;
}

.elite256-footer-nav .nav-link:hover {
  color: #ffffff;
  opacity: 0.8;
}

.elite256-footer-social li {
  color: #ffffff;
  list-style-type: none;
  display: inline-block;
  margin: 6px 8px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}

.elite256-footer-social li:hover {
  color: #fff !important;
}

.elite256-footer-social li a {
  color: #ffffff;
  text-decoration: none;
}
.elite256-footer-social li:hover a,
.elite256-footer-social li a:hover {
  color: #fff;
}

.elite256-footer-divider {
  height: 100%;
}

@media (min-width: 991px) {
  .elite256-footer-divider {
    border-left: 1px solid #484a4b;
  }
}

/* Terminal */

.verificationContentArea {
  max-width: 90%;
  background-color: #000000dd;
  color: #00ff00;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  border-radius: 24px;
  padding: 12px;
  border: 4px solid #00ff0033;
}
#terminal {
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 12px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  border-radius: 12px;
  transition: height 3s ease, opacity 3s ease;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

@keyframes pulse-and-rotate {
  0% {
    transform: scale(1);
    /* transform: rotate(0deg); */
    border-color: rgb(13, 110, 253);
    border-radius: 12px;
  }
  25% {
    transform: scale(0.95);
    /* transform: rotate(5deg); */
    border-color: rgb(0, 58, 144);
    border-radius: 14px;
  }
  50% {
    transform: scale(1.1);
    /* transform: rotate(0deg); */
    border-color: rgb(13, 110, 253);
    border-radius: 16px;
  }
  75% {
    transform: scale(0.95);
    /* transform: rotate(-5deg); */
    border-color: rgb(0, 58, 144);
    border-radius: 14px;
  }
  100% {
    transform: scale(1);
    /* transform: rotate(0deg); */
    border-color: rgb(13, 110, 253);
    border-radius: 12px;
  }
}

.shake {
  animation: shake 0.5s ease-in-out;
}

.pulse {
  animation: pulse 1s ease-in-out;
}

.pulse-infinite {
  animation: pulse 1s ease-in-out infinite;
  animation-iteration-count: infinite;
}

.buyRow {
  position: relative;
  top: -24px;
  border-radius: 24px;
  /* border-top: 8px solid #400559; */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /* box-shadow: 0px -6px 1px 3px #000000; */
  border: 4px solid #492d56;
  background: linear-gradient(180deg, #000000, #4a2d57);
  box-shadow: 0px 0px 20px 0px #000000;
}

.buyRow-active {
  border: 4px solid #5c087f !important;
  background: linear-gradient(180deg, #000000, #5c087f) !important;
}

.grid-border-gift {
  border: 4px solid #003976 !important;
  box-shadow: 0px 0px 20px 0px #000000;
  /* background-color: #2c003e !important; */
  background: linear-gradient(0deg, #000000db, #003976) !important;
}

.grid-border-buy {
  border: 4px solid #5c087f !important;
  box-shadow: 0px 0px 20px 0px #000000;
  /* background-color: #2c003e !important; */
  background: linear-gradient(0deg, #000000db, #5c0880) !important;
}

.grid-border {
  border: 4px solid #a37200 !important;
  box-shadow: 0px 0px 20px 0px #000000;
  background-color: #000 !important;
}

.current-user {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out, filter 0.6s ease-in-out;
}

#pinCodeContainer {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.pin-input {
  width: 50px;
  height: 60px;
  font-size: 2rem;
  text-align: center;
  border: 2px solid #ccc;
  border-radius: 10px;
  transition: all 0.3s ease;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.pin-input:focus {
  outline: none;
  border-color: #28a745;
  box-shadow: 0 0 15px rgba(40, 167, 69, 0.5);
  transform: scale(1.1);
}

.pin-input::placeholder {
  color: #aaa;
}

#completePurchase {
  transition: background-color 0.3s, transform 0.3s;
}

#completePurchase:hover {
  background-color: #218838;
  transform: translateY(-2px);
}

#completePurchase:active {
  transform: translateY(1px);
}

/* gradients */
.gradient-bg-buySteps {
  background: linear-gradient(0deg, #2c003e, #000000);
}

/* gradients */
.gradient-bg-gift {
  background: linear-gradient(0deg, #005bdc, #000000);
}

.gridContainer-compact {
  max-width: 768px !important;
}

.elite256-users-img-compact {
  max-height: 40px !important;
  max-width: 40px !important;
}

.elite256-users-item-compact {
  max-height: 44px !important;
}

.buyRow-compact {
  /* transform: scale(0.65)!important;
  top: -86px!important; */
}

#siteLogo:hover {
  cursor: pointer;
}

.form-switch {
  margin: 4px 4px;
}

.form-switch .form-check-input {
  height: 24px;
  width: 36px;
  padding: 4px;
  border-radius: 24px;
}
.form-switch .form-check-label {
  position: relative;
  left: 10px;
  top: 2px;
}

.form-check-input:checked {
  border-color: #e3e3e3aa;
  background-color: #ffc107;
}

.grid-controls {
  margin: 0px;
  margin-top: 24px;
  border-radius: 24px;
  padding: 10px 10px;
  color: white;
  min-height: 60px;
  vertical-align: middle;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.19);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(9.7px);
  -webkit-backdrop-filter: blur(9.7px);
  /* border: 1px solid rgba(0, 0, 0, 0.34); */
}

@keyframes shrinkAndDisappear {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  10% {
    transform: scale(0.9);
    opacity: 0.1;
  }
  20% {
    transform: scale(0.8);
    opacity: 0.2;
  }
  30% {
    transform: scale(0.9);
    opacity: 0.3;
  }
  40% {
    transform: scale(0.8);
    opacity: 0.4;
  }
  50% {
    transform: scale(0.9);
    opacity: 0.5;
  }
  60% {
    transform: scale(0.8);
    opacity: 0.6;
  }
  70% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  80% {
    transform: scale(0.8);
    opacity: 0.8;
  }
  90% {
    transform: scale(0.9);
    opacity: 0.9;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.previous-owners {
  border: 3px solid #00a2ff;
  transition: all 0.1s ease-in-out;
  animation: blinkBlue 1s infinite;
}

/* Blink  */
@keyframes blinkBlue {
  0% {
    border-color: rgb(0, 91, 210);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
    transform: scale(1);
  }
  25% {
    border-color: #4dbeff;
    box-shadow: 0 0 20px #30b3ff;
    transform: scale(1.02);
  }
  50% {
    border-color: rgb(0, 91, 210);
    box-shadow: 0 0 30px #0d92df;
    transform: scale(1.05);
  }
  75% {
    border-color: #4dbeff;
    box-shadow: 0 0 20px #30b3ff;
    transform: scale(1.02);
  }
  100% {
    border-color: rgb(0, 91, 210);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
    transform: scale(1);
  }
}

/* Blink  */
@keyframes blinkBlue60 {
  0% {
    border-color: #911ac4;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
    transform: scale(1);
  }
  25% {
    border-color: #f700ff;
    box-shadow: 0 0 20px #30b3ff;
    transform: scale(1.02);
  }
  50% {
    border-color: rgb(0, 91, 210);
    box-shadow: 0 0 30px #0d92df;
    transform: scale(1.05);
  }
  75% {
    border-color: #f700ff;
    box-shadow: 0 0 20px #30b3ff;
    transform: scale(1.02);
  }
  100% {
    border-color: #911ac4;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
    transform: scale(1);
  }
}

.time-shield-border {
  border: 3px solid #0070b1;
  border-radius: 15px;
  transition: all 0.1s ease-in-out;
}

.time-shield-border:hover {
  border: 3px solid #00a2ff;
  transition: all 0.1s ease-in-out;
  animation: blinkBlue 1s infinite;
}

.time-shield-border-from-30-to-60 {
  border: 2px solid #0070b1;
  transition: all 0.1s ease-in-out;
}

.time-shield-border-to-30 {
  border: 2px solid #00e078;
  filter: grayscale(1);
}

.grayscale-image {
  filter: grayscale(1);
}

.grayscale-image:hover {
  filter: grayscale(0);
}

.elite256-users-img-gift {
  border: 2px solid rgb(0, 91, 210);
  border-radius: 15px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}

.elite256-users-img-gift:hover {
  border: 3px solid rgb(0, 91, 210);
  transform: scale(1.1);
  box-shadow: 0 0 15px rgba(1, 4, 2, 0.5);
}

.elite256-users-img-gift-animation {
  border: 3px solid rgb(0, 91, 210);
  animation: blinkBlue 2s infinite;
  filter: grayscale(0) !important;
}

.elite256-users-img-gift-animation-60 {
  border: 3px solid rgb(0, 116, 210);
  animation: blinkBlue60 1.5s infinite;
  filter: grayscale(0) !important;
}

.background-platform-elite256 {
  background: linear-gradient(-45deg, #6f47f9aa, #14171aaa, #ffca2caa);
}

.background-platform-x-twitter {
  background: linear-gradient(-45deg, #1da1f2aa, #14171aaa, #657786aa);
}

.background-platform-facebook {
  background: linear-gradient(-45deg, #1877f2aa, #3b5998aa, #8b9dc3aa);
}

.background-platform-instagram {
  background: linear-gradient(-45deg, #f09433aa, #e6683caa, #bc2a8daa);
}

.background-platform-tiktok {
  background: linear-gradient(-45deg, #69c9d0aa, #ee1d52aa, #010101aa);
}

.background-platform-github {
  background: linear-gradient(-45deg, #333333aa, #6e5494aa, #f5f5f5aa);
}

.platform-select-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.platform-select-container {
  /*display: flex; */
  gap: 10px;
  background-color: #ffffffa6;
  padding: 10px;
  border-radius: 60px;
  position: absolute !important;
  border: 4px solid #5a5a5a;
  width: 286px;
  top: 120px;
}

.platform-select-logo {
  background-color: #000;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: transform 0.3s ease;
  cursor: pointer;
  font-size: 48px;
  float: left;
  margin: 5px;
}

.platform-select-logo:hover {
  transform: scale(1.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .platform-select-container {
    flex-direction: column;
    align-items: center;
  }
}



.social-profile-connect-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.social-profile-connect-container {
  /*display: flex; */
  gap: 10px;
  background-color: #ffffffa6;
  padding: 10px;
  border-radius: 12px;
  position: absolute !important;
  border: 4px solid #5a5a5a;
  width: 238px;
  top: 120px;
}

.social-profile-connect-logo {
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: transform 0.3s ease;
  cursor: pointer;
  font-size: 24px;
  float: left;
  margin: 5px;
}

.social-profile-connect-logo:hover {
  transform: scale(1.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .social-profile-connect-container {
    flex-direction: column;
    align-items: center;
  }
}



@keyframes waveAnimation {
  0% {
    transform: translateY(0) scaleX(1);
    border-radius: 10px 10px 0 0; /* Başlangıçta normal köşe */
  }
  25% {
    transform: translateY(-5px) scaleX(1.05);
    border-radius: 20px 20px 0 0; /* Genişleme */
  }
  50% {
    transform: translateY(0) scaleX(1);
    border-radius: 10px 10px 0 0; /* Normal köşe */
  }
  75% {
    transform: translateY(5px) scaleX(1.05);
    border-radius: 20px 20px 0 0; /* Genişleme */
  }
  100% {
    transform: translateY(0) scaleX(1);
    border-radius: 10px 10px 0 0; /* Normal köşe */
  }
}

.waving {
  animation: waveAnimation 0.5s linear infinite;
}

@keyframes fallAnimation {
  0% {
    transform: translateY(0); /* Başlangıç konumu */
    opacity: 1;
  }
  50% {
    transform: translateY(100px); /* Aşağı doğru düşüş */
    opacity: 0.5; /* Daha şeffaf hale gelsin */
  }
  100% {
    transform: translateY(0); /* Tekrar yukarı dönsün */
    opacity: 1; /* Tam görünür hale gelsin */
  }
}

#platformIconAnimation {
  transition: transform 0.3s ease;
  font-size: 72px;
  animation: scaleUpDown 1s infinite !important;
}

.blink-animation {
  z-index: 998 !important;
  filter: grayscale(0) !important;
  animation: blinkOrange 1.25s 15;
  border-radius: 12px !important;
  border: 4px solid #7846fc !important;
  padding: 0px;
  box-shadow: 0 0 15px rgba(1, 4, 2, 0.5);
}

@keyframes blinkOrange {
  0% {
    border-color: white;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
    transform: scale(1);
  }
  25% {
    border-color: #ffd1a3;
    box-shadow: 0 0 20px rgba(255, 209, 163, 0.8);
    transform: scale(1.25);
  }
  50% {
    border-color: #ff8c00; /* Dark Orange */
    box-shadow: 0 0 30px rgba(255, 140, 0, 1);
    transform: scale(1.65);
  }
  75% {
    border-color: #ffcc99; /* Light Orange */
    box-shadow: 0 0 20px rgba(255, 204, 153, 0.8);
    transform: scale(1.25);
  }
  100% {
    border-color: white;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
    transform: scale(1);
  }
}

.auth-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(20, 0, 75, 0.6); */
  background: repeating-linear-gradient(45deg, #000000d9, #000000a8 10px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.auth-modal {
  padding: 20px;
  max-width: 360px;
  width: 100%;
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.35);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgb(109, 109, 109);
  color: white;
}

.auth-modal a {
  color: white;
  /*text-decoration: underline;*/
}

* {
  user-select: none;
  user-drag: none;
  app-region: no-drag;
}

/*** custom modal ***/

/* Full-page overlay for modal */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85); /* Black, semi-transparent overlay */
  z-index: 1040; /* Behind the modal (which is 1050 in Bootstrap) */
  display: none; /* Hidden by default */
}

/* Modal content styling */
.custom-modal-content {
  background-color: rgb(0 0 0 / 80%);
  color: #f0f0f0;
  border: 8px solid rgba(190, 161, 0, 0.164);
  border-radius: 24px;
  backdrop-filter: blur(8px);
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.9);
  padding: 8px;
  z-index: 1050;
  margin: auto 16px;
}

/* Modal buttons styling */
.custom-btn-cancel {
  background-color: #000;
  border: none;
  color: #ff4d4d;
  padding: 10px 20px;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 30px;
  /* box-shadow: 0 8px 15px rgba(255, 0, 0, 0.3); */
  transition: all 0.3s ease-in-out;
}

.custom-btn-confirm {
  background-color: #000;
  border: none;
  color: #28a745;
  padding: 10px 20px;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 30px;
  /* box-shadow: 0 8px 15px rgba(40, 167, 69, 0.3); */
  transition: all 0.3s ease-in-out;
}

/* Modal buttons hover effect */
.custom-btn-cancel:hover {
  background-color: #d93c3c;
  box-shadow: 0 12px 20px rgba(255, 0, 0, 0.4);
}

.custom-btn-confirm:hover {
  background-color: #218838;
  box-shadow: 0 12px 20px rgba(40, 167, 69, 0.4);
}

/* Ensure the modal shows with animation */
.modal.fade .modal-dialog {
  transform: scale(0.9);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.modal.show .modal-dialog {
  transform: scale(1);
  opacity: 1;
}

.modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 15px;
}

.modal-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 15px;
}

.modal {
  background: repeating-linear-gradient(45deg, #000000d9, #000000a8 10px);
}

/*** ***/
.text-gold {
  color: gold;
}

.text-passive {
  color: rgb(255 255 255 / 15%);
}

.text-underline {
  text-decoration: underline;
}

.notification {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  margin-bottom: 9px;
  border-radius: 5px;
  color: #fff;
  animation: fadeIn 0.5s, fadeOut 0.5s 4.5s;
}
.notification .icon {
  margin-right: 10px;
  padding: 2px;
}
.notification-success {
  background-color: #28a745;
}
.notification-error {
  background-color: #dc3545;
}
.notification-info {
  background-color: #0d8de3;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.modal-notification-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
}

.modal-notification-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.modal-notification-content {
  position: relative;
  background-color: #000000ee;
  border-radius: 24px;
  max-width: 500px;
  width: 90%;
  padding: 12px;
  z-index: 1051;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  animation: modalFadeIn 0.3s ease;
  color: white;
  border: 4px solid #ffffff;
}

.modal-notification-header {
  display: flex;
  align-items: center;
  font-size: 1.25em;
  font-weight: bold;
  /* margin-bottom: 15px; */
  padding: 6px;
}

.modal-notification-title {
  flex: 1;
}

.modal-notification-title-error {
  flex: 1;
  color: red;
}

.modal-notification-title-success {
  flex: 1;
  color: green;
}

.modal-notification-body {
  font-size: 1em;
  /* margin-bottom: 15px; */
  padding: 6px;
}

.modal-notification-footer {
  text-align: right;
  padding: 6px;
}

.close-btn {
  background: none;
  border: none;
  font-size: 0.75em;
  cursor: pointer;
  color: #333;
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 8px;
}


.bg-active-social-profile {
  background-color: #658273;
}

.bg-crown{
  background-color: #FFC10788;
}