body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    outline: none;
}


body {
  width: 100%;
    background: url('https://lastlandmu.com/system/images/bksmelf.png') center center / cover no-repeat;
  font-size:  14px;
  color: #979697;
  line-height: 1;
    background-size: cover;
    background-attachment: fixed;

}
body, input, textarea, button {
  font-family: 
    "Orbitron", 
    "Orienta", 
    "Segoe UI Emoji",       /* Windows emoji font */
    "Apple Color Emoji",    /* macOS / iOS emoji font */
    "Noto Color Emoji",     /* Google’s emoji font for Linux */
    "Twemoji",              /* Twitter's open-source emoji */
    sans-serif;
}
span {
  font-weight: 400;
}

.video-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1; /* behind everything */
}

.video-background video {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.youtube-bg {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none; /* clicks pass through */
    overflow: hidden;
  }
  .youtube-bg iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120vw;
    height: 120vh;
    min-width: 100vw;
    min-height: 100vh;
    transform: translate(-50%, -50%);
  }
/* Apply Orienta to body and general text */
body, p, a, em, li, dd, dt ,button, input, h3, h4, h5, h6, select, textarea {
  font-family: 'Orienta', sans-serif;
  color:var(--muted); /* your existing color */
  line-height: 1.4;
}

/* Apply Orbitron to all headings (big texts) */
h1, h2, .sidebar-title{
  font-family: 'Orbitron', cursive, sans-serif;
  color: #d0e3ff; /* optional, you can keep or change */
  font-weight: normal; /* Orbitron is a display font */
}

.player-currencies {
    font-family: 'Orienta', sans-serif;
}

/* Your existing heading sizes (you already have this, just make sure it's here) */
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }


table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500;
    color:#f2c876 !important; 
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

a {
    color: #5385bb;
    text-decoration: none;
    outline: 0 none;
}

a:hover {
    color: #868889;
    text-decoration: none;
}

.clear {
    clear: both;
    font-size: 0px;
    line-height: 0px;
    display: block;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 14px;
}

#header {
    background: url(../images/header-bg.png) no-repeat center top;
    min-height: 106px;
    padding: 25px 0 0 0;
}

nav {
    text-align: center;
    width: 772px;
    margin: 0 auto;
    padding: 0 0 0 15px;
}

nav a {
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    margin: 0 10px;
    font-weight: normal;
    font-size: 13px;
}


.top-panel {
  width: 100%;
  position: relative;
  z-index: 10;
  transition: all .6s ease;
}
.top-panel .top-panel-container {
    max-width: 1800px;
    margin: 0 auto;
}


.ifrset {
	position: absolute;
	cursor: pointer;
	width: 40px;
	height: 40px;
	margin-top: -5px;
	display: block;
	background-color: #c8dcff;
	border-radius: 10px;
	opacity: 0.1;
}
.flex-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
ul.style4 span {
    float: right;
}

.menu li {
  display: inline-block;
  margin: 0px 12px;
  padding: 0px;
  background: none;
}
.w-coins, .wcoins {
    color: #CC6600;
    font-weight: 500;
}

.zz-coins, .zzcoins {
    color: #a95d5d;
    font-weight: 500;
}
.menu li a {
  display: block;
  line-height: 63px;
  text-transform: uppercase;
  color: #b7cdef;
  padding: 0px 16px;
}
.menu li a:hover {
  color: #c8ddf1;

}
.menu li:first-child {
  margin: 0px 12px 0px 0px;
}

.active {
    opacity: 1;
    filter: alpha(opacity=100);
}

.wrapper {
 max-width: 1800px;
  margin: 0 auto;
  position: relative;
}

.header {

  position: relative;
}

.container {
overflow: hidden;
  display: flex;
  position: relative;
  background: #34293afc;
    padding: 15px;
    border-radius: 25px;
}
.container:before {
  content: "";
  background: ;
  left: -35px;
  top: -34px;
  width: 74px;
  height: 73px;
  position: absolute;
  z-index: 1;
}
.container:after {
  content: "";
  background: ;
  right: -35px;
  top: -34px;
  width: 74px;
  height: 73px;
  position: absolute;
}

.left-sidebar {
  width: 30%;
  background: ;

  position: relative;

}
.left-sidebar:after {
  content: "";
  background: ;
  left: -4px;
  bottom: -4px;
  width: 25px;
  height: 25px;
  position: absolute;
}
.sidebar-title {
  color: #657793;
  line-height: 1.6;
  padding-bottom: 10px;
font-family: 'Orbitron', cursive, sans-serif;

}
.sidebar-title span {
   
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
}
.sidebar-title .stats-img {
  background: ;
  width: 43px;
  height: 42px;
  border-radius: 50%;
 
}

.sidebar-title .top-character-img {
background: url(../images/swords.png) no-repeat center top;
  width: 25px;
  height: 25px;

  background-size: cover;
 
}

.sidebar-title .top-guild-img {
background: url(../images/castle.png) no-repeat center top;
  width: 25px;
  height: 25px;

  background-size: cover;

}

.sidebar-title .market-img {
background: url(../images/coin.png) no-repeat center top;
  width: 25px;
  height: 25px;

  background-size: cover;

}


.top-player {
  padding: 10px 0px;
  border-bottom: 1px solid rgba(133, 216, 255, 0.06);
}
.top-player .number {
  border: 1px solid #2e394a;
  color: #657793;
  font-weight: 500;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
}
.top-player .number.first {
  color: #ffe956;
  border: 1px solid #ffe956;
}
.top-player .number.second {
  color: #d3e3e4;
  border: 1px solid #d3e3e4;
}
.top-player .number.third {
  color: #8d6f46;
  border: 1px solid #8d6f46;
}
.top-player .ava-img {
  width: 40px;
  text-align: center;
  height: 18px;
}
.top-player .ava-img img {
  width: 28px;
  height: 16px;
  border: 1px solid #16629c;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.top-player .nickname {
  width: 135px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1px 0px;
  color: #d0e3ff;
}
.top-player .kills {
  width: 40px;
  text-align: right;
  color: #74acff;
  font-size: 14px;
}
.download-block {
  background: url(../images/dowload-button.jpg) no-repeat;
  height: 90px;
  box-shadow: 0px 5px 20px -2px rgba(0, 0, 0, 0.1);
  display:none;
}
.download-block a {
  display: block;
  position: relative;
  font-size: 14px;
  color: #7a96b0;
  line-height: 1.5;
  padding: 23px 0px 23px 90px;
}
.download-block a span {
  display: block;
  color: #aacff2;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
}
.p-block {
  padding: 20px 20px 20px 20px;
}
.login-block {
}
.login-block .login-block-title {
  margin-bottom: 20px;
}
.login-block .login-block-title span {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
}
.login-block .login-block-title a {
  color: #ed184d;
  margin-left: 5px !important;
}
.login-block input {
  background-repeat: no-repeat;
  background-position: left;
  height: 32px;
  padding: 0px 10px 0px 50px;
  width: calc(100% - 60px);
}
.login-block .checkbox-block {
  margin-bottom: 20px;
}
.login-block .login-button {
  margin-bottom: 10px;
}
.login-block .login-button a {
  color: #4e5e76;
}
.login-in input {
  background-image: ;
}
.password-in input {
  background-image: ;
}

.green-button {

  background-size: cover;

}

.acc-menu > a {
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
  background-repeat:no-repeat;
  border-radius: 16px;
  color:#fff;
  display:block;
  margin:5px 0;
  padding: 10px 8px 10px 18px;
  transition-duration: 0.3s;
  width: 100%;
  font-size:14px;
}

.acc-menu > a:hover { 
  background-color: #f2c876;
  color:#000;
}

.acc-menu > a > span {
  background-color: #fff;
  display: inline-block;
  padding: 3px 10px;
  margin: -3px 6px;
  border-radius: 12px;
  color: #FF7900;
  font-weight: 500;
}
.acc-menu > a:hover > span { color: #f2c876; }

.light {
  background: ;
}

.content {
  width: 100%;
  padding: 30px 20px 40px 20px;
  position: relative;
  background: ;
  line-height: 1.4;
}
.content:before {
  content: "";
  background: ;
  left: 50%;
  margin-left: -70px;
  top: -41px;
  width: 143px;
  height: 74px;
  position: absolute;
  z-index: 11;
}
.content:after {
  content: "";
  background: ;
  left: -30px;
  bottom: -12px;
  width: 690px;
  height: 40px;
  position: absolute;
}

.tabs {
  padding: 20px 20px;

  background: ;

}
.tabs > .section {
  display: none;
  border-top: 1px solid #2e3543;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tabs > input {
  display: none;
  position: absolute;
}
.tabs > label {
  display: inline-block;
  padding: 15px 18px;
  text-align: center;
  color: #839cb3;
  font-size: 14px;
}
.tabs > label:hover {
  cursor: pointer;
  color: #fff;
}
.tabs > input:checked + label {
color: #fff;
    background: transparent;
    border-bottom: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-size: 31px;
    font-family: 'Orbitron', cursive, sans-serif;
    padding: 0;
}
#news:checked ~ #content-news,
#articles:checked ~ #content-articles,
#guides:checked ~ #content-guides {
  display: block;
}
.main-inner-block {
    margin-top: 20px;
}

.f-menu li {
  display: inline-block;
  background: none;
  padding: 0px 18px 0px 15px;
  border-right: 1px solid #3d4b5d;
}
.f-menu li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}
.f-menu li a:hover {
  color: #fff;
}
.f-menu li:last-child {
  padding: 0px 0px 0px 15px;
  border-right: none;
}
.f-menu li:first-child {
  padding: 0px 18px 0px 0px;
}
.footer {
  height: 300px;
  position: relative;
  color: #fff;
  line-height: 1.3;
}
.footer a {
  color:  #f2c876;
}

.footer-info {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  top: 170px;
}
.design {
  text-align: right;
  padding-right: 20px;
  width: 210px;
}
.copyright {
  padding-left: 20px;
  width: 210px;
}

.thislogi input {
  background-color:rgb(0 0 0 / 28%);
  border: 1px solid #000;
  color: #7d8a9f;
  padding: 5px 10px;
  font-size: 14px;
  position: relative;
  border-radius: 25px;
  transition: all .5s ease;
  width: calc(100% - 50px);
}
.thislogi input:focus {
  border: 1px solid #424e63;
}
.thislogi input:hover {
  border: 1px solid #424e63;
}
.thislogiBtn {
transition: all 0.3s ease;
    cursor: pointer;
    background:  #f2c876;
    background-size: cover;
    border: none;
    color: #000;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    padding: 8px 45px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 30px;
    transition: all 1s ease;
}
.thislogiBtn:hover{
background: #a79000;
 
}
#server_1 {
    background-color: #34293a;
    padding: 9px;
    border-radius: 25px;
}
div#server_1 img {
    width: 30px;
}


.serverinf a {
    font-size: 20px;
}

#server_2 {
	background-color:#24375ea3;
	margin-left: 130px;
	padding:9px;
	border-radius:5px;
}

#server_3 {
	background-color:#24375ea3;
	margin-left: 260px;
	padding:9px;
	border-radius:5px;
}

#server_4 {
	background-color:#24375ea3;
	margin-left: 390px;
	padding:9px;
	border-radius:5px;
}

.serverinf {
    width: 200px;
    height: 50px;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
   
    padding-top: 22px;
    text-align: left;
    top: 400px;
}
.serverinf a {
    color: #b6cbdd;
    align-items: center;
    display: flex
;
    gap: 10px;
    font-size: 16px;
}
.serverinf span {
	display: block;
	font-size: 14px;
}
.server_status{
	margin-top: 5px;
	width: 200px;
	height: 5px;
	background: #0000004a;
}
.server_status .firstS1 {
	display: block;
	height: 100%;
	box-shadow: 0px 0px 5px 0px #1ebbcc;
	background: #284a8a;
	transition: 1.5s;
}

.server_status .firstS2 {
	display: block;
	height: 100%;
	box-shadow: 0px 0px 5px 0px #1ebbcc;
	background: #284a8a;
	transition: 1.5s;
}

.server_status .firstS3 {
	display: block;
	height: 100%;
	box-shadow: 0px 0px 5px 0px #1ebbcc;
	background: #284a8a;
	transition: 1.5s;
}

.server_status .firstS4 {
	display: block;
	height: 100%;
	box-shadow: 0px 0px 5px 0px #1ebbcc;
	background: #284a8a;
	transition: 1.5s;
}
/* Custom CSS by Tukasas */

.logo img {
    width: 158px;
    height: 158px;
 
}

ul.menu {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}



.menu li a {
  color: #979697;
  text-decoration: none;
  transition: color 0.3s ease;
}
.menu li.active > a,
.menu li a:hover {
  color:  #f2c876;
}



/* Custom dropdown menu styles */
.custom-dd-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #34293A;
  padding: 0;
  margin: 0;
  list-style: none;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.4);
  min-width: 160px;
  z-index: 999;
}


.menu > li {
  position: relative;
  display: inline-block;
}

.menu > li > a {

    display: block;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-family: 'Orbitron', cursive, sans-serif;

    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 0px 0px 0px;
}

.menu > li:hover > .custom-dd-dropdown {
  display: block;
}

.custom-dd-dropdown li a {
  display: block;
  padding: 10px 15px;
  color: #d0e3ff;
  text-decoration: none;
  white-space: nowrap;
}

.custom-dd-dropdown li a:hover {
  background: #4a3b57;
  color: #fff;
}



.main-inner-block{

}
#newsContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* 3 columns min 300px */
  gap: 20px;
  justify-items: stretch;  /* stretch cards to fill grid cells */
  margin-top:30px;
}

article.custom-news {
  background: linear-gradient(180deg, #241d28, #241d28);
  border-radius: 16px;
  overflow: hidden;
  color: #f5f5f5;
  box-shadow: 0 6px 14px rgba(0,0,0,0.4);
  display: flex;
  flex-direction: column;
  height: auto;  /* fixed height for equal cards */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

article.custom-news:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}

.customConnectNews {
  position: relative;
  width: 100%;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
a.news_thumb.custom-newsimage {
 
      height: 50%;
    overflow: hidden;
    min-height: 50%;
    max-height: 50%;
}
a.news_thumb img.attachment-thumbnail.size-thumbnail {
    height: 100%;

    border-radius: 25px !important;
}
/* Clean Container */
#nmw-body {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    color: #000;
    line-height: 1.6;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;
}

/* News Image */
#nmw-body .newsImage {
    flex: 0 0 100px;
}

#nmw-body .newsImage img {
   
    object-fit: cover;
}

/* Text Content */
#nmw-body > div:nth-child(2) {
    flex: 1;
}

/* Headings */
#nmw-body p[data-start]:first-of-type {
 
 
    margin-bottom: 8px;
}

/* Paragraphs */
#nmw-body p[data-start] {
    margin: 0 0 8px 0;
}

/* Clean Custom Lists */
#nmw-body ul {
    list-style: none; /* remove default bullets */
    padding-left: 0;
    margin: 0 0 12px 0;
}

#nmw-body ul li {
    position: relative;
    padding-left: 20px; /* space for the dot */
    margin-bottom: 6px;
}

#nmw-body ul li::before {
    content: "•"; /* the custom dot */
    position: absolute;
    left: 0;
    top: 0;
    color: #f2c876; /* dot color */
    font-weight: bold;
    line-height: 1.2; /* aligns with text */
}

/* Links */
#nmw-body a {
    color: #0000EE;
    text-decoration: underline;
}

#nmw-body a:hover {
    text-decoration: none;
}

/* Discord Link */
#nmw-body p a.decorated-link {
    color: #5865f2;
    text-decoration: underline;
}

.news_thumb img {
  width: 100%;
 height:100%;
  object-fit: cover;
  flex-shrink: 0;
}

#nmw-body p {
  font-size: 15px;
  line-height: 1.7;
  margin: 0 0 14px 0;
  color: var(--muted);
}

#nmw-body strong {
  font-weight: 600;
  color: #fff;
}

#nmw-body {
  overflow: hidden; /* ensures floats don’t break layout */
}

#nmw-body img {
  border-radius: 6px;
}

#nmw-body div[style*="float:left;"]:last-child {
  max-width: 600px;
}



.customConnectNews > img {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 34px;
  height: 34px;
  z-index: 2;
}
#nmw-news_wrapper{
  background: unset !important;;
}
#nmw-news_wrapper.homep {
  padding: 18px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between; /* Push button down */
  max-width:91%;
}

#nmw-body h2 {
  font-family: 'Orienta', sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0 0 6px;
  color: #fff;
  cursor: pointer;
  line-height: 1.3;
}

#nmw-body h2:hover {
  color: #a79000;
}

#nmw-body span {
  font-size: 0.8rem;
  color: #aaa;
  margin-bottom: 12px;
}

.newsMessaegBox {
  font-size: 0.9rem;
  line-height: 1.4;
  color: #ddd;
  overflow: hidden;
  max-height: 110px;
  transition: max-height 0.3s ease;
}

.newsMessaegBox.expanded {
  max-height: none;
}

.read-more-btn {
    background: #f2c876;
    color: #000;
    border: none;
    padding: 8px 45px;
    font-size: 11px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 14px;
    align-self: flex-start;
    transition: all 1s ease;
    text-transform: uppercase;
    font-weight: 600;
   
}

.read-more-btn:hover {
  box-shadow: 0px 0px 0px 2px #f2c876;
  color:#f2c876;
  background-color: transparent;;
   padding: 8px 65px;
   margin-left:5px;
}
div#nmw-body {
    display: flex
;
    flex-direction: column;
}
/* Responsive grid columns */
@media (max-width: 992px) {
  #newsContainer {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on tablets */
  }
}

@media (max-width: 600px) {
  #newsContainer {
    grid-template-columns: 1fr; /* 1 column on mobile */
  }
  article.custom-news {
    height: auto; /* allow auto height on mobile */
  }
}


.news_thumb {
    background-color: #241d28 !important;
    border: 0 !important;
    font-size: 0;
    float: unset !important;
    margin-right: 0 !important;
    padding: 0 !important;
}
#nmw-news_wrapper #nmw-body {
  max-width: 100%;
  min-height: 223px;
}

.player-card {
  
   
    padding: 15px;
    width: 100%;
   
    color: #ddd;
}

.player-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.player-avatar {
    flex-shrink: 0;
    border: 2px solid #ffbb43;
    border-radius: 200px;
    overflow: hidden;
    width: 80px;
    height: 80px;
    margin-right: 12px;
}

.player-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.player-info h3 {
    margin: 0;
    font-size: 18px;
    color: #ffd37a;
    text-shadow: 1px 1px 2px #000;
    font-family: 'Orienta';
}

.player-info h3 span {
    color: #ff5555;
}

.server-label {
    font-size: 14px;
    margin-top: 4px;
}

.server-name {
    color: #ffbb43;
    font-weight: bold;
}

.server-select {
    background-color: rgba(8, 12, 17, 0.75);
    border: 1px solid #2c3545;
    color: #ffdd99;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 6px;
}

.player-currencies {
    margin-top: 12px;
    border-top: 1px solid rgba(255, 215, 128, 0.1);
    padding-top: 10px;
}

.currency {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin: 2px 0;
}

.currency-name {
    color: rgb(238, 83, 83);
}

.currency-value {
    color: #f2c876;
    font-weight: bold;
}
ul.nostyle {
    padding: 0;
    margin: 0;
}
span.currency-name {
  font-weight: 400;
  color: #fff;
}
.news-intro {
    background: linear-gradient(90deg, rgba(40, 40, 40, 0.9), rgba(60, 60, 60, 0.9));
    color: #ffd36b;
    padding: 8px 12px;
    border-left: 4px solid #ffb400;
    font-style: italic;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(255, 179, 0, 0.4);
    margin-bottom: 20px;
}


tr,td,td.marketItemHighlight , table.mvc-table.nmw-include-table-styling th, table.mvc-table.nmw-include-table-styling td{
    font-size: 14px;
}

.title-t {
  display: flex;
  justify-content: space-between;
  align-items: center;

  font-weight: 700;
  font-size: 1.4rem;
  color: #FFD700; /* golden color */
  padding: 10px 0;
}

.title-icon {
  flex-shrink: 0;
  color: #FFD700; /* match text color */
}

.main-inner-block a{
    font-size: 14px !important;
}

.list-group-item , .badge {
  font-size:14px !important;
  font-family: 'Orienta', sans-serif;
}

    
li.list-groupD-itemD img {
  margin:0px auto;
}
.list-groupD-itemD {
 
    padding: 25px !important;
    border-radius: 25px !important;
  
    font-size: 16px !important;
    height: 450px;
   transition:.6s all;
}

.list-groupD-itemD:hover {
  transform: translateY(-5px);
}
button#itemMret {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
}
span.marketSeller u {
    color: #f2c876;
}

sup {
    color: #f2c876;
}

.main-inner-block a {
  color:#979697;
}
a.highlightRankName {
    color: #fff;
}
.pagination {
  text-align: left;;
}


.firstBtn {
    border-radius: 0 10px 10px 0;
}
.secondBtn {
    border-radius: 10px 0px 0px 10px;
}


.marketplaceFilterBox {
  
}

.filter-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.filter-row label {
    width: 100px;
    font-weight: 500;
    font-size: 14px;
}

.filter-row input.mvc-input-style,
.filter-row select.mvc-select-style {
    background-color: #2c2c2c;
    border: 1px solid #444;
    color: #f0f0f0;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
    transition: all 0.2s ease;
}

.filter-row input.mvc-input-style.full-input {
    width: 100%;
}

.filter-row input.mvc-input-style:focus,
.filter-row select.mvc-select-style:focus {
 	-webkit-box-shadow:inset 0 1px 1px rgb(215 63 63 / 7%), 0 0 8px rgb(194 209 227 / 38%);
	box-shadow:inset 0 1px 1px rgb(215 63 63 / 7%), 0 0 8px rgb(194 209 227 / 38%);
}

.filter-row input[type="checkbox"] {
    transform: scale(1.2);
    accent-color: #007bff;
}

.mvc-buttons-style {


    transition: all 0.3s ease;
}

.mvc-buttons-style:hover {
 
    transform: translateY(-2px);

}

.search-btn {
    margin-left: auto;
}



@media (max-width: 768px) {
    .filter-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .filter-row label {
        width: 100%;
        margin-bottom: 5px;
    }

    .search-btn {
        width: 100%;
        margin-top: 10px;
    }
}
.alignTogether {
    display: grid;

    gap: 10px;
        grid-auto-flow: column;
}

.alignTogether span {
    width: 100%;
}
.alignTogether input {
    width: 100%;
    border-radius: 5px;
}
.fullWidth {
    width: 100%;
}
.alignTogether {
    margin-top: 10px;
}
option {
    background: #2f2635;
    color: #fff;
    border: 0;
}
.alignTogetherCheckboxes {
    display: flex;
    justify-content: space-between;
    margin-top:10px;
    
}
.marketItemPrice, .marketItemPrice span , span.marketSeller{
    font-size: 12px !important;
}
.flex {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.selectOptionBox {
    /* display: flex
; */
    /* align-items: center; */
    /* gap: 5px; */
    /* background: #251e29; */
    /* padding: 5px 30px; */
    /* margin: 0; */
    /* border-radius: 5px; */
  background-color: rgb(138 138 138 / 18%);
    background-image: none;
    border: 1px solid rgb(0 0 0 / 36%);
    color: gray;
    padding: 0;
    font-size: 14px;
    position: relative;
    border-radius: 5px;
    transition: all .5s ease;
  
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 100px;
    height: 50px;
    align-items: center;
    display: flex
;
    justify-content: center;
    gap: 15px;
   
}
.listN-group-item{
  font-size:14px !important;
}
.gridN {
    display: grid
;
    grid-template-columns: 1fr 1fr 1fr;
}
.gridN-item {
  
    width: 100% !important;

}
.rankSearch span {
    width: 100%;
}

.coundownTimerCustom div, .coundownTimerCustom div h1 {
    top: 9% !important;
    padding-left: 0 !important;
}
.coundownTimerCustom div h1 {
    width: 100%;
    left: 0;
    top: 73px;
}
a.discordBtn {
  
}
header.header {
    display: flex;
    align-items: start;
    /* position: relative; */
    /* grid-template-columns: 1fr 1fr; */
    justify-self: self-start;
    gap: 25px;
    flex-direction: column;
    padding-top: 150px;
}

:root{
      --bg:#0b0f15;          /* page background */
      --panel:rgba(0, 0, 0, 0.3);/* card background */
      --panel-2:rgb(86 81 81 / 13%);    /* darker accent */
      --text:#e7eef7;        /* primary text */
      --muted:#95a3b8;       /* secondary text */
      --brand:#7c5cff;       /* purple accent */
      --brand-2:#28d7a8;     /* teal accent */
      --warn:#ffd166;        /* gold */
      --danger:#ff6b6b;      /* red */
      --ok:#4fda8c;          /* green */
      --chip:#f2c876;      /* chip bg */
      --border:rgba(255,255,255,.08);
      --radius:16px;
      --shadow:0 10px 30px rgba(0,0,0,.35);
      --shadow-soft:0 6px 18px rgba(0,0,0,.25);
    }
 
  
    a{color:var(--brand-2); text-decoration:none}
 
    /* Header */
    .hero{display:grid; gap:14px; margin:10px 0 28px}
    .eyebrow{display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border:1px solid var(--border); background:rgba(124,92,255,.08); color:#dcd4ff; width:max-content; border-radius:999px; font-size:12px; letter-spacing:.3px}
    .title{font-size:clamp(28px, 4vw, 44px); font-weight:800; letter-spacing:.3px; margin:0}
    .subtitle{color:var(--muted); margin:0}

    /* Stage switcher */
    .gameplayBox{display:flex; gap:10px; flex-wrap:wrap; margin:22px 0}
    .tab{position:relative; display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border-radius:12px; background:#241D28; border:1px solid var(--border); cursor:pointer; box-shadow:var(--shadow-soft); transition:transform .15s ease, background .2s ease}
    .tab:hover{transform:translateY(-2px)}
    .tab .badge{font-size:12px; padding:2px 8px; border-radius:999px; background:var(--chip); color: #000; border:1px solid var(--border)}
    .tab.active{outline:2px solid rgb(242 200 118);
    }

    /* Stage card */
    .stage{display:none}
    .stage.active{display:block}
    .card{ background:#241d28;border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden}
    .card .head{display:flex; align-items:center; justify-content:space-between; padding:18px 18px 0}
    .card .head h2{margin:0; font-size:22px}
    .chips{display:flex; flex-wrap:wrap; gap:10px}
    .chip{display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; background:var(--chip); border:1px solid var(--border); color:#000; font-size:12px}
    .chip svg{width:16px; height:16px; opacity:.9}

    .gridforStages{display:grid; gap:16px; padding:18px}
    @media(min-width:900px){ .grid{grid-template-columns:1fr 1fr} }

    .panel{background:var(--panel-2); border:1px solid var(--border); border-radius:14px; padding:16px}
    .panel h3{margin:0 0 8px; font-size:16px; letter-spacing:.2px; color:#fff;}
    .panel p{margin:6px 0; color:var(--muted)}
   .list {
    margin: 8px 0 0;
    padding-left: 18px;
    color: var(--muted);
}
    .list li{margin:6px 0}
    .kv{display:flex; flex-wrap:wrap; gap:10px}
    .kv .pill{background:var(--chip); border:1px solid var(--border); padding:6px 10px; border-radius:999px; font-size:12px; color:#d7e3f7}

    .callout{border-left:4px solid var(--brand-2); background:linear-gradient(180deg, rgba(40,215,168,.08), transparent); padding:14px 16px; border-radius:12px; border:1px solid var(--border)}
    .callout strong{color:#cff7e8}


    .footer{margin:26px 0 0; display:flex; flex-wrap:wrap; gap:12px; align-items:center}
    .btn{display:inline-flex; align-items:center; gap:10px; padding:12px 16px; border-radius:12px; background:linear-gradient(90deg, var(--brand), var(--brand-2)); color:#0b0f15; font-weight:700; letter-spacing:.2px; border:none; cursor:pointer}
    .btn.secondary{background:transparent; color:var(--text); border:1px solid var(--border)}




    /* Small helper decorative divider */
    .divider{height:1px; background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent); margin:10px 0 0}

    .image-ph {
    width: 100%;
height: 600px;
}
    .image-ph img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.panelImage {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 16px;
    margin-bottom: 20px;
    background:#79797936;
}
.mvc-buttons-style-info {
    color: #eee;
    background-color: #a82237;
    border-color: transparent;
}

.mobile-header {
    display: none;
}



/* Container */
.connectServerInfoCountDown {
    display: flex
;
    /* flex-direction: column; */
    align-items: center;
    /* font-family: 'Arial', sans-serif; */
    gap: 20px;
    /* max-width: 500px; */
    margin-bottom: 15px;
}
/* Countdown box */
.countdownas {

  padding: 20px;
  border-radius: 12px;
  text-align: center;
  color: #fff;
 
  transition: transform 0.3s ease;
}

.countdownas:hover {
  transform: translateY(-5px);
}


#mvcclockdiv > div:hover {
  background: rgba(255,255,255,0.2);
}


/* Server info box */
.serverinf {
  background: rgba(255, 255, 255, 0.1);
  padding: 10px 15px;
  border-radius: 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}

.serverinf a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.serverinf img {
  width: 20px;
  height: 20px;
}

.server_status {
  background: rgba(255,255,255,0.2);
  border-radius: 8px;
  height: 10px;
  width: 100px;
  overflow: hidden;
  margin-left: 10px;
}

.server_status span.firstS1 {
  display: block;
  height: 100%;
  background: #00FF00;
  transition: width 0.5s ease;
}

div#optionViewStyleId {
    background: transparent !important;
}

.ui-widget-content {
    border: 0 !important;
    background: rgb(46 36 51) !important;
    color: #333333;
    border-radius: 25px !important;
}
.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 0px 2px #f2c876 !important;
     box-shadow: 0px 0px 0px 2px #f2c876 !important;
}
.ui-tooltip-content {
    width:270px;
    color: var(--muted);
    text-align: center;
}


li.listN-group-item.lg-on-h {
color: #ffd37a;
    text-align: left !important;
    font-weight: 700;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    border-radius: 9px ;
    background: rgba(255, 255, 255, .03) ;
    border: 1px solid rgba(255, 255, 255, .06) ;
}
li.listN-group-item.lg-on-h small {
    color: var(--muted);
    font-weight: 400;
}
li.listN-group-item.lg-on-h:hover {
    color: #000;
    background: #ffd37a;
}

.listN-group-item.lg-on-h:hover small {
  color: black;
}
.panel.panel-default {
    margin-bottom: 15px;
}
.bg1 {
    background: rgba(0, 0, 0, 0.3);
}

span.highlight1 {
    color: #ffd37a;
}


.charEquip {
    margin: 0;
}

img.classImage1 {
    width: 60%;
    min-height: 970px;
    object-fit: cover;
    border-radius: 25px;
}
  .vip-table-container {
    width: 100%;
   
    box-sizing: border-box;
  }
  .vip-table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 12px;
    overflow: hidden;

  }
  .vip-table thead {
    background: linear-gradient(90deg, #f2c876, #d4064e);
}
  .vip-table th,
  .vip-table td {
    padding: 14px 16px;
    text-align: left;
  }
  .vip-table th {

    color: #000;
    font-weight: bold;
    font-size: 14px;
  }
  .vip-table td {
    font-size: 13px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    vertical-align: top;
    background: rgba(255,255,255,0.02);
  }
  .vip-table tr:nth-child(even) td {
    background: rgba(255,255,255,0.04);
  }
  .vip-table tr:hover td {
    background: rgba(124,58,237,0.15);
  }
  .gold {
    color: #facc15;
    font-weight: bold;
  }

.rework {
 
}
ul.list-group.rework li.list-group-item.nmw-include-styling {
    border-radius: 5px !important;
    background: green;
       margin-bottom: 15px;
}

.formEdit {
    display: grid
;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
}
.flex1 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    border-radius: 25px;
   background-size: cover !important;
   overflow:hidden;
}
.rankInfo1 {
    width: 50%;
}
.charEquip {
    margin: 0;
   
}
.rankInventory1 {
    display: flex
;
    background: #342a39d9;
    width: 100%;
    border-radius: 25px;
    padding: 25px;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);
}
.alignTogetherCheckboxes {
    gap: 15px;
}
button.mvc-buttons-style.mvc-buttons-style-default.mvc-sm {
    width: 100%;
}
.mvc-buttons-style-default {

    max-width: 80%;
}
.mvc-textarea-style {
text-align: left;
}

/* Force list markers globally */
ul, ol {
    list-style-position: inside; /* marker inside the content box */
    list-style-type: disc;       /* default bullets for ul */
    margin-left: 1.5em;          /* add left margin for spacing */
    padding-left: 0;
}

/* Numbered lists */
ol {
    list-style-type: decimal;    /* numbers for ordered lists */
}

/* Nested lists inherit style properly */
ul ul, ul ol, ol ul, ol ol {
    margin-left: 1.5em;
}

/* Optional: make bullets/numbers visible on dark backgrounds */
li {
    color: #f0f0f0; /* text color */
}





.sixHundredPx {
    width: 600px !important;
}


.status-badge { margin-left:8px; font-size:0.85em; opacity:0.9; }
.status-online { color: #2ecc71; }
.status-offattack { color: #f1c40f; }




.pagination>li>a, .pagination>li>span {
    position: relative;
    padding: 7px 9px;
    line-height: 33px;
    color: var(--muted) !important;
    font-size: 14px;
    text-decoration: none;
    background-color: rgba(22, 25, 28, 0.11);
    box-shadow: none !important;
    transition: .6s all;
}

ul.pagination .active a {
    color: #333 !important;
}














#server-rules h1 {
    color: #FFD700;
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 1rem;
    letter-spacing: 1px;
    text-shadow: 1px 1px 2px #ff9900;
}

#server-rules h2 {
    color: #FF6B6B;
    font-size: 1.5em;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#server-rules p {
    font-size: 1em;
    line-height: 1.8;
    margin-bottom: 1rem;
    color: #EEE;
}

#server-rules ul {
    list-style-type: disc;
    margin-left: 1.5rem;
    color: #DDD;
    line-height: 1.6;
}

#server-rules ul li {
    margin-bottom: 0.8rem;
}

#server-rules .highlight {
    color: #FFD700;
    font-weight: bold;
    text-transform: uppercase;
}

#server-rules code {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    color: #00FFFF;
}

#server-rules section {
    margin-bottom: 2rem;
}



.changelog-section li {
    list-style-type: none;
}
.bar.not-started {
    width: 100% !important;
}
span.buffed {
    color: #24b9f4;
}

.serverChanges {
  display: flex;
  gap: 25px;
  align-items: flex-start;
    margin-top: 25px;
  margin-bottom: 25px;
}

/* UNIFIED HEADER STYLES */
.serverChanges h1,
.serverChanges h2,
.serverChanges h3,
.serverChanges h4 {
  font-family: Arial, sans-serif;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 18px 0;
  padding: 0;
}

/* Specific font sizes */
.serverChanges h1 { font-size: 28px; }
.serverChanges h2 { font-size: 24px; }
.serverChanges h3 { font-size: 20px; }
.serverChanges h4 { font-size: 16px; }

/* LEFT COLUMN */
.progress-box {
  flex: 1;
  background: linear-gradient(180deg, #241d28, #241d28);
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 6px 14px rgba(0,0,0,0.4);
  color: #f2c876;
  max-height: 80vh;
  overflow-y: auto;
}

.progress-box h2 {
  text-align: center;
  margin-bottom: 30px;
}

.section {
  margin-bottom: 30px;
}

/* Progress bars */
.progress-sub {
  margin-bottom: 20px;
}

.progress-sub span {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
}

.progress-item {
  margin-bottom: 16px;
}

.progress-item span {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
}

.progress {
  background: #3a2f44;
  border-radius: 6px;
  height: 22px;
  margin-bottom: 12px;
  overflow: hidden;
  position: relative;
}

.bar {
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  background: #f2c876;
  transition: width 0.6s ease;
}

.bar.not-started { background:#555; color:#999; }
.bar.done { background: #bbe888; color: #000; }
.bar.working { background: #ff5555; color: #fff; animation: pulse 2s infinite; }

.bar.working::after {
  content:"";
  position:absolute;
  top:0; left:-50%;
  width:50%; height:100%;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%);
  animation: shine 2.5s infinite;
}

/* RIGHT COLUMN */
.changelog-box {
  flex: 1.3;
  background: linear-gradient(180deg, #241d28, #241d28);
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 6px 14px rgba(0,0,0,0.4);
  color: #f2c876;
  max-height: 80vh;
  overflow-y: auto;
  font-family: Arial, sans-serif;
}

.changelog-box h2 {
  text-align: center;
  margin-bottom: 30px;
}

.changelog-section {
  margin-bottom: 25px;
}

.changelog-section h3 {
  border-bottom: 1px solid rgba(242,200,118,0.3);
  margin-bottom: 12px;
  padding-bottom: 6px;
}

.changelog-section li {
  margin: 6px 0;
  line-height: 1.6;
}

.added { color: #8bc34a; font-weight: bold; }
.updated { color: #f2c876; font-weight: bold; }
.fixed { color: #ff5555; font-weight: bold; }
.removed { color: #999; font-weight: bold; }
.nerfed { color: #ff8800; font-weight: bold; }

/* Animations */
@keyframes pulse {
  0% { box-shadow: 0 0 5px #ff5555,0 0 10px #ff5555; }
  50% { box-shadow: 0 0 15px #ff5555,0 0 25px #ff5555; }
  100% { box-shadow: 0 0 5px #ff5555,0 0 10px #ff5555; }
}

@keyframes shine { 
  0% { left:-50%; } 
  100% { left:100%; } 
}

#marketFilterToggle {
    display:none;
}

@media (max-width: 768px) {
    #server-rules h1 {
        font-size: 2em;
    }
    #server-rules h2 {
        font-size: 1.3em;
    }
}

@media (max-width: 1024px) {

  .header{
    width: 100%;
    padding:0 !important;
  }
  /* Hide desktop inline logo in mobile/tablet */
  .desktop-logo {
    display: none;
  }

  /* Mobile header bar */
  .mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    width: 100%;
  }
  .mobile-header .logo img {
    max-width: 60px !important;
    height: auto;
  }

  /* Burger icon styling */
  .burger {
    width: 28px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 20px;
  }
  .burger span {
    display: block;
    height: 3px;
    background: #fff;
    border-radius: 2px;
    transition: all 0.3s ease;
  }

  /* Animate into X when active */
  .burger.active span:nth-child(1) {
    transform: rotate(45deg) translateY(8px);
  }
  .burger.active span:nth-child(2) {
    opacity: 0;
  }
  .burger.active span:nth-child(3) {
    transform: rotate(-45deg) translateY(-8px);
  }

  /* Mobile menu hidden by default */
  .menu {
    display: none !important;
    flex-direction: column;
    background: #332939f7;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  /* Show when active */
  .menu.active {
    display: flex !important;
    position:fixed;
    bottom: 0;
    left: 0;
    height: 90%;
    z-index: 99999;
    overflow-y: auto;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }

  /* Mobile menu links */
  .menu li a {
    display: block;
    padding: 14px 18px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
      ul.menu {
        justify-content: flex-start;
        gap: 0px !important;
        align-items: normal;
    }
  .menu li a:hover {
    background: rgba(255, 255, 255, 0.08);
  }
  
.rankInventory1 {
    flex-direction:column;
    overflow:hidden;
  
}
.rankInfo1 {
    width:100%;
  }


.charEquip {
    scale:0.8;
    margin-left: -40px;
    
}


  
  /* Discord button style mobile */
  .discordBtn {
    background: #5865F2;
    color: #fff !important;
    text-align: center;
    border-radius: 4px;
    margin: 8px 15px;
    padding: 12px;
    display: block;
    font-weight: bold;
  }
  .discordBtn:hover {
    background: #4752c4;
  }


.wrapper {
width: 95%;
        max-width: 100%;
        margin-top: 100px;
}
.youtube-bg {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: -1; /* behind content */
}

.youtube-bg-iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* width and height will be set by JS */
}

li.logo.desktop-logo {
    display: none;
}

.top-panel .top-panel-container {
    max-width: 100%;
    margin: 0 auto;
}


.connectServerInfoCountDown {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    margin-bottom: 15px;
    width: 100%;
    margin:25px;
}

.serverinf a, .server_status {
  width: 50%;;
}

.container {
    flex-direction: column !important; 
}
.left-sidebar {
    width:100%;
    margin:0;
}

.tabs {
    margin:0;
}

.content {
    margin:0 !important;
    padding:0 !important;
}

ul, ol {
    margin:0;
}

.p-block {
    padding:0;
}
.player-card {
    padding:0;
}
.acc-menu > a{
width:90%;
}

.top-players-block.p-block, .top-players-block.p-block {
    display:none;
}
.event-card{
    flex: 1 1 40px !important;
}

.tabs {
    padding:0 !important;
    margin:0 !important;
}
.pagination {
    display:block !important;
}
.pagination>li>a, .pagination>li>span {

    display: block;
    width: 95% !important;
 
}

.mvc-table>tbody>tr>td, .mvc-table>tbody>tr>th, .mvc-table>tfoot>tr>td, .mvc-table>tfoot>tr>th, .mvc-table>thead>tr>td, .mvc-table>thead>tr>th {
    padding: 3px !important;
    font-size:12px !important;
line-height:3 !important;
}

.gridN {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.gridD-container {
   
    grid-template-columns: auto  !important;
   
}


}



/* Between 1281px and 1920px (covers most 1080p desktops) */
@media (min-width: 1281px) and (max-width: 1920px) {


.menu > li > a {
  
}

.header {
    height: 200px;
  
}
.rankInfo1 {
    width: 45%;
}



.flex1 {
   
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.mvc-buttons-style-default {
    width:100% ;
    max-width:100% ;
}

}