@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

body {background: var(--body);color: var(--secondary);font-family: 'Quicksand', sans-serif;font-weight: 500;}
a {color: var(--primary);transition: all 0.3s ease;}
a:hover {text-decoration: none;color: var(--primary);}
.container {max-width: 1340px;}
.btn, a, [type="button"] {-webkit-appearance: none !important;-moz-appearance: none !important;appearance: none !important;}
.btn:hover {color: inherit;}
.btn:focus {box-shadow: none;}
.btn-1 {text-decoration: none !important;background-color: var(--primary);color: var(--white);font-size: 14px;padding: 10px 15px;border-radius: 6px;position: relative;display: inline-block;font-weight: 600;text-decoration: none;transition: all 0.2s ease;}
.btn-1::after {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 6px;}
.btn-1:hover {color: var(--white);background-color: var(--primary);transform: scale(1.05);}
.btn-2 {transition: all 0.3s ease;border: none;background-color: rgba(0,0,0,.1);border-radius: 6px;letter-spacing: 0;color: var(--secondary);font-size: 14px;font-weight: 900;padding: 10px 14px;}
.btn-2:hover {color: var(--secondary);background-color: rgba(0,0,0,.15);}
.btn-3 {text-decoration: none !important;background-color: var(--primary);color: var(--white);font-size: 14px;padding: 10px 15px;border-radius: 6px;position: relative;display: inline-block;font-weight: 600;text-decoration: none;transition: all 0.2s ease;}
.btn-3:hover {color: var(--white);background-color: var(--primary);}
@keyframes navPulse { 0%, 100% {opacity: 0.5;} 50% {opacity: 1;} }
.z-index-2 {z-index: 2;}
.opacity-08 {opacity: 0.8;}
.rounded {border-radius: 6px !important;}
input, textarea, select {background: transparent !important;box-shadow: none !important;border: 1px solid var(--secondary) !important;transition: all 0.3s ease !important;color: var(--white) !important;}
input:focus, textarea:focus, select:focus {background: transparent !important;box-shadow: none !important;border: 1px solid var(--primary) !important;}
input::placeholder, textarea::placeholder, select::placeholder {color: var(--secondary) !important;opacity: 1 !important;}
.card {background: var(--tertiary);border-radius: 6px;border:0;overflow: hidden;}
.card-header {font-weight: 700;font-size: 16px;line-height: 25px;color: var(--secondary);border-radius: 0px !important;background: var(--tertiary);}
.card-body p:last-child {margin-bottom: 0;}
.nav-tabs {border: none;}
.nav-tabs .nav-link {border: none;padding: 15px;transition: all 0.3s ease;color: var(--secondary);background: rgba(0,0,0,.075);border-radius: 0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-radius: 0;background: var(--tertiary);color: var(--primary);}
.table td, .table th {border-bottom: 1px solid rgba(0,0,0,.075) !important;color: var(--secondary);border-top: 1px solid var(--tertiary);vertical-align: middle !important;}
.table th {font-size: 14px;}
.table td {font-size: 15px;font-weight: 500;}
.table tbody tr:last-child td, .table tbody tr:last-child th {border-bottom: 0 !important;}
.table {margin-bottom: 0;}
.list-group-item {background: transparent;font-weight: 500;font-size: 16px;line-height: 25px;color: var(--secondary);transition: all 0.3s ease;border-top: none;border-radius: 0px !important;}
.list-group-item:hover {background: transparent;color: var(--primary);}
.list-group-item.active {background: var(--primary) !important;border: none;color: var(--white);border-radius: 0;}
.list-group-item.disabled, .list-group-item:disabled {background: transparent;}
.modal-content {background: var(--tertiary);}
.modal-header {border-bottom: 1px solid rgba(255, 255, 255, .075);}
.modal-footer {border-top: 1px solid rgba(255, 255, 255, .075);}
.close {color: var(--secondary);text-shadow: none;transition: all 0.3s ease;}
.font-size-14 {font-size: 14px;}
.text-primary {color: var(--primary) !important;}
.min-height-500 {min-height: 500px;margin-top: 25px;margin-bottom: 25px;}
.pagination-card {background: linear-gradient(145deg, rgba(15, 28, 49, 0.98), rgba(10, 21, 39, 0.98));border-radius: 12px;border: 1px solid rgba(130, 168, 255, 0.2);box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24);padding: 14px 18px !important;}
.pagination-meta {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1px;color: rgba(226, 236, 255, 0.74);font-size: 12px;font-weight: 600;letter-spacing: .3px;text-transform: uppercase;}
.pagination-meta strong {color: #f3f7ff;font-size: 16px;font-weight: 800;line-height: 1.2;letter-spacing: .2px;}
.pagination-nav-btn {display: inline-flex;align-items: center;gap: 6px;background: rgba(56, 75, 110, 0.38);border: 1px solid rgba(157, 208, 255, 0.2);border-radius: 10px;padding: 10px 14px;color: #e8f1ff !important;font-size: 14px;font-weight: 700;transition: transform .2s ease, background .2s ease, border-color .2s ease;}
.pagination-nav-btn i {font-size: 16px;line-height: 1;}
.pagination-nav-btn:hover {background: rgba(70, 93, 135, 0.52);border-color: rgba(157, 208, 255, 0.45);transform: translateY(-1px);}
.pagination-nav-btn.disabled {opacity: .48;pointer-events: none;background: rgba(43, 57, 84, 0.42) !important;border-color: rgba(157, 208, 255, 0.12);}
.mt-35 {margin-top: 35px;}
.marquee {padding: 8px 0px;background: var(--footer);font-weight: 600;}
.marquee a {padding-right: 500px;}
select {background: #000;}
select option {color: var(--footer);}
.case-heading {font-weight: 700;font-size: 16px;color: var(--primary);}
.case-price {font-weight: 700;font-size: 16px;color: var(--secondary);}
#userCheck .form-control {font-size: 14px;border: 1px solid transparent !important;color: var(--secondary) !important;font-weight: 700;background: var(--body) !important;padding: 0 8px;display: block;width: 100%;height: 34px;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out .15s, 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 !important;}
#userCheck .btn.btn-primary {margin-left: 5px;border: none;background: var(--primary);color: var(--white);font-weight: 700;font-size: 14px;padding: 6px 12px 5px;outline: 0!important;-webkit-transition: .1s;-o-transition: .1s;transition: .1s;}
#userCheck .btn.btn-primary:hover {background: var(--primary) !important;color: var(--white);}
.header-logo img {max-height: 200px;animation: pulse 2s ease 0s infinite normal forwards;}

/* Preload */

@-webkit-keyframes bounce {
	0%, 80%, 100% {
		-webkit-transform: scale(0.0);
	}
	40% {
		-webkit-transform: scale(1.0);
	}
}

@keyframes bounce {
	0%, 80%, 100% {
		transform: scale(0.0);
	}
	40% {
		transform: scale(1.0);
	}
}

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

#preload {background: #111;bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 9998;display: flex;align-items: center;justify-content: center;}
.preload-text {color: var(--white);font-family: 'Quicksand', sans-serif;font-size: 20px;text-align: center;}
.preload-spinner {margin: 0 auto 20px;text-align: center;}
.bounce1, .bounce2, .bounce3 {-webkit-animation: bounce 1.4s ease-in-out infinite both;animation: bounce 1.4s ease-in-out infinite both;background-color: var(--primary);display: inline-block;height: 14px;margin: 0 3px;opacity: 1;width: 14px;}
.bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}

/*
Header Top
 */

.discord {color: var(--blue);text-align: right;margin-left: auto;font-weight: 700;position: absolute;right: 0;z-index: 2;top: 35px;}
.discord-href {transition: all 0.3s ease;text-decoration: none;color: inherit !important;}
.discord-href:hover {opacity: 0.75;}
.discord i {height: 48px;line-height: 48px;font-size: 48px;}
.discord .discord-text-right {display: inline-block;transition: all 0.3s ease;margin-right: 10px;position: relative;bottom: 2px;}
.discord-href:hover .discord-text-right {margin-right: 15px;}
.discord .discord-text-right .online-discord {font-weight: 700;font-size: 12px;line-height:16px;align-items: flex-end;display: flex;justify-content: end;}
.discord .discord-text-right .join-discord {font-size: 17px;line-height: 28px;letter-spacing: 1px;font-weight: 700;}
.discord .discord-text-right span {display: block;}
.discord .discord-text-right span small {font-weight: 700;color: var(--secondary);font-size: 13px;}
#header .discord {position: relative;color: var(--primary);top: 0;}
#header .discord-href:hover .discord-text-right {margin-right: 10px;}

/*
Header
 */
#header {padding: 40px 0 92px;margin-top: -5px;position: relative;overflow: hidden;}
#header::before {content: "";position: absolute;left: 50%;top: -180px;width: 560px;height: 560px;transform: translateX(-50%);background: radial-gradient(circle, rgba(255, 163, 68, 0.2), transparent 68%);pointer-events: none;}
#header .header-logo {position: relative;z-index: 2;}
#header .header-logo a {display: inline-flex;align-items: center;justify-content: center;padding: 14px 16px;border-radius: 16px;background: linear-gradient(145deg, rgba(20, 32, 54, 0.82), rgba(14, 24, 43, 0.74));border: 1px solid rgba(160, 194, 255, 0.18);box-shadow: 0 14px 34px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.08);backdrop-filter: blur(2px);}
#header .header-logo img {max-height: 176px;animation: pulse 3.4s ease 0s infinite normal forwards;}
#header .header-ip {background: linear-gradient(145deg, rgba(15, 28, 49, 0.98), rgba(10, 21, 39, 0.98));border: 1px solid rgba(130, 168, 255, 0.24);border-radius: 14px;font-weight: 700;padding: 10px 14px 12px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;z-index: 18;cursor: pointer;transition: all 0.25s ease;margin-top: 16px;margin-left: auto;margin-right: auto;box-shadow: 0 12px 26px rgba(0, 0, 0, 0.26);max-width: 300px;}
#header .header-ip:hover {transform: translateY(-2px);border-color: rgba(157, 208, 255, 0.46);}
#header .header-ip .header-ip-label {color: rgba(208, 222, 248, 0.8);font-size: 11px;letter-spacing: .9px;text-transform: uppercase;font-weight: 700;line-height: 1.2;}
#header .header-ip .header-ip-value {color: #ffbe75;font-size: 18px;font-weight: 800;letter-spacing: .4px;line-height: 1.2;text-shadow: 0 0 12px rgba(255, 163, 68, 0.2);}
#header .header-ip .header-online-pill {margin-top: 2px;display: inline-flex;align-items: center;gap: 5px;background: rgba(43, 164, 109, 0.16);border: 1px solid rgba(82, 218, 152, 0.3);border-radius: 999px;color: #9cf1c8;font-size: 12px;font-weight: 700;padding: 4px 10px;line-height: 1;}
#header .header-ip .header-online-pill i {font-size: 13px;line-height: 1;color: #7de8b8;}

/*
Broadcast
 */
.swiper-broadcast {width: 100%;height: 150px;}
.swiper-broadcast .swiper-slide {text-align: left;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;padding: 0px 60px;}
.swiper-line-left {border-right: 5px solid rgba(255, 255, 255, 0.06);height: 150px;position: absolute;left: 15px;top: 0;border-radius: 5px;}
.swiper-line-right {border-right: 5px solid var(--primary);height: 150px;border-radius: 5px;}
.swiper-broadcast .swiper-pagination {left: 0;bottom: 0;top: auto;transform: none;}
.swiper-broadcast .swiper-pagination-bullet {background: rgba(255, 255, 255, 0.25);}
.swiper-broadcast .swiper-pagination-bullet-active {background: rgba(255, 255, 255, 0.3);}
.swiper-broadcast .swiper-header {color: var(--primary);font-weight: 800;font-size: 19px;word-spacing: 2px;margin-bottom: 10px;margin-top: auto;display: inline-block;}
.swiper-broadcast .swiper-description {color: var(--secondary);line-height: 24px;font-weight: 600;font-size: 15px;margin-bottom: 0;}
.swiper-broadcast-end {margin-top: 75px;}

/*
Navbar
 */
#navbar {margin-top: -50px;}
#navbar .container {margin-bottom: 25px;}
#navbar .container-fluid .col-lg-12 {padding-right: 0px;padding-left: 0px;}
#navbar .container-fluid .col-lg-12 .navbar {border-radius: 0;}
#navbar .container-fluid .col-lg-12 .navbar-right .dropdown-menu {left: -25px;}
.navbar {background: linear-gradient(145deg, rgba(14, 27, 48, 0.98), rgba(10, 21, 39, 0.98));border-radius: 0;position: relative;padding: 7px 12px;border-top: 1px solid rgba(130, 168, 255, 0.14);border-bottom: 1px solid rgba(130, 168, 255, 0.12);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);}
.navbar .navbar-nav {display: flex;align-items: center;gap: 6px;}
.navbar .nav-item .nav-link {width: 100%;text-align: center;padding: 0 !important;}
.navbar .nav-item {display: flex;align-items: center;justify-content: center;color: #ffad59;text-decoration: none;position: relative;top: 0;margin-left: 0;height: auto;transition: all .2s ease;border-radius: 10px;box-shadow: none;}
.navbar .nav-item:hover, .navbar .nav-item.active, .navbar .nav-item.show {background-color: rgba(255, 255, 255, 0.06);color: #ffffff !important;}
.navbar .nav-item .item-icon {display: inline-flex;align-items: center;justify-content: center;gap: 7px;padding: 10px 12px;font-weight: 700;font-size: 21px;line-height: 1;color: inherit;position: static;white-space: nowrap;}
.navbar .nav-item .item-icon i {font-size: 16px;line-height: 1;position: static;top: 0;color: #ffad59;transition: color .2s ease;}
.navbar .nav-item:hover .item-icon i,
.navbar .nav-item.active .item-icon i,
.navbar .nav-item.show .item-icon i {color: #ffd29e;}
.navbar .nav-item .item-name {font-weight: 700;display: inline-block;line-height: 1;font-size: 15px;position: static;top: 0;color: inherit;}

.navbar .navbar-right {display: flex;align-items: center;}
.navbar .navbar-right .login-buttons {display: inline-flex;align-items: center;gap: 8px;}
.navbar .navbar-right .login-button-item-log,
.navbar .navbar-right .login-button-item-reg {z-index: 3;transition: all .25s ease;display: inline-flex;align-items: center;height: 40px;line-height: 1;padding: 0 16px;font-size: 14px;font-weight: 700;background: rgba(255, 255, 255, 0.06);text-decoration: none !important;position: relative;border-radius: 10px;color: #eaf2ff;}
.navbar .navbar-right .login-button {z-index: 3;transition: all .25s ease;display: inline-flex;align-items: center;margin: auto 8px auto auto;height: 42px;line-height: 1;padding: 0 16px;font-size: 15px;font-weight: 700;color: #fff !important;background: linear-gradient(180deg, #ffc57f, #f3a450);text-decoration: none !important;position: relative;border-radius: 12px;box-shadow: 0 8px 18px rgba(255, 163, 68, 0.28);}
.navbar .navbar-right .login-button:hover {filter: brightness(1.03);transform: translateY(-1px);}
.navbar .navbar-right .login-button-item-log:hover,
.navbar .navbar-right .login-button-item-reg:hover {background-color: rgba(255, 255, 255, 0.12); color: #fff;}
.navbar .navbar-right .navbar-right-bg,
.navbar .navbar-right-inner,
.navbar .navbar-right .user-model {display: none;}
.navbar .navbar-right .user-info .login-button img {border-radius: 999px;}
.navbar .navbar-left .dropdown-toggle::after {margin: 0;border: 0;}
.dropdown-menu {background: linear-gradient(145deg, rgba(14, 27, 48, 0.98), rgba(10, 21, 39, 0.98));border: 1px solid rgba(130, 168, 255, 0.18);border-radius: 10px;box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28);}
.dropdown-item {font-weight: 600;color: #d7e3f9;transition: all 0.25s ease;display: flex;align-items: center;height: 40px;font-size: 14px;}
.dropdown-item:hover {background-color: rgba(255, 255, 255, 0.06);}
.dropdown-divider {border-top: 1px solid rgba(130, 168, 255, 0.16);}
.dropdown-item i {color: #ffad59;display: inline-flex;font-size: 18px;margin-right: 8px;}
.dropdown-item:focus, .dropdown-item:hover {color: #ffffff;}

/*
Footer
 */

footer {background: linear-gradient(145deg, rgba(14, 27, 48, 0.99), rgba(9, 20, 38, 0.99));border-top: 1px solid rgba(130, 168, 255, 0.14);position: relative;overflow: hidden;}
footer::before {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);background-size: 18px 18px;opacity: .5;pointer-events: none;}
footer h5 {color: #ffad59;font-size: 29px;font-weight: 700;margin-bottom: 16px !important;}
footer .footer-top {padding-top: 52px;padding-bottom: 46px;color: #c8d7f2;position: relative;z-index: 1;}
footer .footer-col {padding-top: 12px;padding-bottom: 12px;}
footer .footer-about p {color: #d7e3f9;font-size: 17px;line-height: 1.75;margin-bottom: 0;max-width: 650px;}
footer a {font-size: 16px;font-weight: 600;color: #d5e2f8;transition: all 0.25s ease;display: inline-flex;align-items: center;gap: 8px;text-decoration: none !important;}
footer a:hover {color: #ffffff;transform: translateX(2px);}
footer .social-media ul li {margin-bottom: 10px;}
footer .social-media ul li:last-child {margin-bottom: 0;}
footer .social-media .mdi {width: 32px;height: 32px;line-height: 32px;margin-right: 0;font-size: 18px;color: #ffbe75;background: rgba(255, 163, 68, 0.16);border: 1px solid rgba(255, 163, 68, 0.24);border-radius: 9px;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;}
footer .footer-bottom {position: relative;z-index: 1;border-top: 1px solid rgba(255, 255, 255, 0.06);margin-top: 4px;}
footer .footer-bottom-inner {color: rgba(236, 243, 255, 0.84);font-size: 18px;font-weight: 600;line-height: 1.7;}
footer .footer-bottom .footer-credits {display: inline-flex !important;justify-content: center;color: #d0dff8;font-size: 16px;margin-top: 2px;}
footer .footer-bottom .footer-credits:hover {transform: none;color: #ffffff;}

/*
Swiper
 */

#slider .container {margin-bottom: 25px;margin-top: 25px;}
#slider .container-fluid {border-top: 1px solid var(--secondary);margin-bottom: 25px;}
#slider .container-fluid .col-lg-12 {padding-right: 0px;padding-left: 0px;}
#slider .container-fluid .col-lg-12 .swiper-main {border-radius: 0;}
.swiper-main {height: 450px;background: linear-gradient(145deg, rgba(13, 23, 40, 0.98), rgba(9, 18, 33, 0.98));width: 100%;border-radius: 10px;box-shadow: 0 16px 36px rgba(0, 0, 0, 0.3);overflow: hidden;}
.swiper-main .swiper-slide {text-align: center;font-size: 18px;background: transparent;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: stretch;-ms-flex-align: stretch;-webkit-align-items: stretch;align-items: stretch;}
.swiper-main .swiper-pagination {bottom: 14px !important;}
.swiper-main .swiper-pagination-bullet {background: rgba(255, 255, 255, 0.28);opacity: 1;transition: all .2s ease;}
.swiper-main .swiper-pagination-bullet-active {background: var(--primary);box-shadow: 0 0 12px rgba(255, 163, 68, 0.45);transform: scale(1.12);}
.swiper-main .swiper-slide .swiper-img {position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;padding: 0;}
.swiper-main .swiper-slide .swiper-img::after {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0) 100%);pointer-events: none;}
.swiper-main .swiper-slide .swiper-img img {height: 450px;width: 100%;object-fit: cover;transform: scale(1.02);transition: transform .65s ease;}
.swiper-main .swiper-slide:hover .swiper-img img {transform: scale(1.06);}
.swiper-main .swiper-slide .swiper-content {height: 100%;padding: 62px 56px 56px;display: flex;flex-direction: column;justify-content: center;text-align: center;background: linear-gradient(145deg, rgba(16, 29, 52, 0.98), rgba(11, 22, 40, 0.98));border-left: 1px solid rgba(255, 255, 255, 0.05);}
.swiper-main .swiper-slide .swiper-content .swiper-header {color: #ffad59;font-weight: 800;font-size: 40px;line-height: 1.25;letter-spacing: .2px;margin-bottom: 22px;display: inline-block;}
.swiper-main .swiper-slide .swiper-content .swiper-bar {height: 4px;width: 40px;box-shadow: 0 0 14px 2px rgba(255, 163, 68, 0.55);margin: 0 auto 22px;background: var(--primary);border-radius: 100px;}
.swiper-main .swiper-slide .swiper-content .swiper-description {margin-bottom: 28px;color: #eef3ff;font-size: 20px;line-height: 1.7;font-weight: 500;}
.swiper-main .swiper-slide .swiper-content .swiper-button {align-self: center;display: inline-flex;align-items: center;gap: 7px;border-radius: 10px;padding: 11px 18px;font-size: 16px;font-weight: 700;background: linear-gradient(180deg, #ffc57f, #f3a450);color: #4a2600 !important;box-shadow: 0 10px 20px rgba(255, 163, 68, 0.3);transition: transform .2s ease, filter .2s ease;}
.swiper-main .swiper-slide .swiper-content .swiper-button:hover {transform: translateY(-2px);filter: brightness(1.04);text-decoration: none;}
/*.swiper-main .swiper-slide .swiper-content .swiper-button {background-color: var(--primary);margin-left: auto;color: var(--white);font-size: 14px;padding: 10px 15px;border-radius: 8px;position: relative;display: inline-block;font-weight: 600;text-decoration: none;transition: all 0.2s ease;}
.swiper-main .swiper-slide .swiper-content .swiper-button::after {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 8px;box-shadow: 0 0 13px 2px var(--primary);-webkit-animation: navPulse 1.75s linear infinite;animation: navPulse 1.75s linear infinite;}
.swiper-main .swiper-slide .swiper-content .swiper-button:hover {background-color: var(--primary);transform: scale(1.05);}*/

/*
News List
 */

.news-card {background: var(--tertiary);border-radius: 6px;overflow: hidden;height: 100%;}
.news-card .news-header {color: var(--primary);font-weight: 600;font-size: 1.5rem;display: inline-block;margin-bottom: 0;}
.news-card .news-bar {height: 3px;width: 30px;box-shadow: 0 0 8px 6px rgba(202,103,89,.2);margin: 0 auto 15px;background: var(--primary);border-radius: 100px;}
.news-card .news-content {color: var(--secondary);margin: 20px 0;font-size: 1rem;display: block}
/*.news-card .news-button {background-color: var(--primary);margin-left: auto;color: var(--white);font-size: 14px;padding: 10px 15px;border-radius: 8px;position: relative;display: inline-block;font-weight: 600;text-decoration: none;transition: all 0.2s ease;}
.news-card .news-button::after {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 8px;box-shadow: 0 0 13px 2px var(--primary);-webkit-animation: navPulse 1.75s linear infinite;animation: navPulse 1.75s linear infinite;}
.news-card .news-button:hover {background-color: var(--primary);transform: scale(1.05);}
*/
.news-description {margin-top: 15px;margin-bottom: 15px;color: var(--secondary);font-size: 16px;font-weight: 500;}
.news-sub-header {font-weight: 500;font-size: 14px;}
.news-card .news-img {height: 330px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.news-card .news-img img {height: 350px;}
.news-card-horizontal {border-radius: 10px;border: 1px solid rgba(255, 255, 255, 0.05);box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);background: linear-gradient(145deg, rgba(14, 27, 48, 0.97), rgba(10, 21, 39, 0.97));}
.news-card-horizontal .news-img {height: 100%;min-height: 330px;position: relative;}
.news-card-horizontal .news-img::after {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.16) 55%, rgba(0, 0, 0, 0) 100%);pointer-events: none;}
.news-card-horizontal .news-img img {width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease;}
.news-card-horizontal:hover .news-img img {transform: scale(1.04);}
.news-card-horizontal .news-header {font-size: 34px;line-height: 1.3;font-weight: 700;color: #ffad59;}
.news-card-horizontal .news-meta-line {font-size: 16px;color: #d1ddf3;font-weight: 600;}
.news-card-horizontal .news-meta-dot {display: inline-block;margin: 0 6px;color: rgba(209, 221, 243, 0.6);}
.news-card-horizontal .news-meta-category {color: var(--news-accent, var(--primary));font-weight: 700;}
.news-card-horizontal .news-description {font-size: 18px;line-height: 1.7;margin-top: 0;margin-bottom: 22px;color: #edf3ff;}
.news-card-horizontal .news-cta-btn {border: 0 !important;border-radius: 10px !important;padding: 11px 18px !important;font-size: 16px !important;font-weight: 700 !important;background: linear-gradient(180deg, #ffc57f, #f3a450) !important;color: #4b2600 !important;box-shadow: 0 10px 20px rgba(255, 163, 68, 0.3) !important;transition: transform .2s ease, filter .2s ease !important;}
.news-card-horizontal .news-cta-btn:hover {transform: translateY(-2px);filter: brightness(1.04);}
.news-card-horizontal .news-cta-btn::after {display: none !important;}
.news-detail-card {border-radius: 10px;border: 1px solid rgba(255, 255, 255, 0.05);box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);background: linear-gradient(145deg, rgba(14, 27, 48, 0.97), rgba(10, 21, 39, 0.97));overflow: hidden;}
.news-detail-card .news-detail-media {position: relative;overflow: hidden;max-height: 420px;}
.news-detail-card .news-detail-media::after {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.42) 100%);pointer-events: none;}
.news-detail-card .card-img-top {width: 100%;height: auto;max-height: 420px;object-fit: cover;transition: transform .65s ease;}
.news-detail-card:hover .card-img-top {transform: scale(1.03);}
.news-detail-card .news-detail-body {background: linear-gradient(145deg, rgba(16, 29, 52, 0.98), rgba(11, 22, 40, 0.98));}
.news-detail-card .news-header {font-size: 34px;line-height: 1.3;font-weight: 700;color: #ffad59;margin-bottom: 8px;}
.news-detail-card .news-meta-line {font-size: 16px;color: #d1ddf3;font-weight: 600;}
.news-detail-card .news-meta-dot {display: inline-block;margin: 0 6px;color: rgba(209, 221, 243, 0.6);}
.news-detail-card .news-meta-category {color: var(--news-accent, var(--primary));font-weight: 700;}
.news-detail-card .news-detail-content {margin-top: 10px;}
.news-detail-card .news-detail-content .news-description {font-size: 19px;line-height: 1.8;color: #edf3ff;margin: 0;}
.comment-invite-state {display: flex;align-items: center;gap: 12px;padding: 14px 16px;border-radius: 12px;border: 1px solid rgba(255, 176, 108, 0.32);background: linear-gradient(145deg, rgba(32, 24, 17, 0.95), rgba(22, 17, 12, 0.94));box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);}
.comment-invite-state i {width: 36px;height: 36px;border-radius: 10px;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;color: #ffbc74;background: rgba(255, 163, 68, 0.18);font-size: 20px;}
.comment-invite-state strong {display: block;color: #fff2df;font-size: 16px;font-weight: 700;line-height: 1.3;}
.comment-invite-state small {display: block;margin-top: 2px;color: rgba(255, 226, 192, 0.84);font-size: 13px;line-height: 1.4;}
.comment-compose-card {border-radius: 12px;border: 1px solid rgba(130, 168, 255, 0.22);background: linear-gradient(145deg, rgba(15, 28, 49, 0.98), rgba(10, 21, 39, 0.98));box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);overflow: hidden;}
.comment-compose-card .card-header {background: transparent;border-bottom: 1px solid rgba(255, 255, 255, 0.05);color: #f2f7ff;font-size: 24px;padding: 14px 18px;}
.comment-compose-card .card-body {padding: 16px 18px 18px;}
.comment-compose-card .comment-user-avatar {width: 46px;height: 46px;border-radius: 14px !important;image-rendering: pixelated;border: 2px solid rgba(255, 255, 255, 0.2);box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);}
.comment-compose-form {display: flex;flex-direction: column;align-items: flex-end;}
.comment-compose-card .comments-body textarea {border: 1px solid rgba(156, 188, 246, 0.35) !important;background: rgba(28, 43, 70, 0.55) !important;color: #edf4ff !important;border-radius: 10px !important;padding: 14px !important;font-size: 15px;line-height: 1.6;min-height: 132px;}
.comment-compose-card .comments-body textarea::placeholder {color: rgba(219, 233, 255, 0.7) !important;}
.comment-compose-card .comments-body textarea:focus {border-color: rgba(157, 208, 255, 0.9) !important;background: rgba(33, 50, 79, 0.74) !important;box-shadow: 0 0 0 0.18rem rgba(157, 208, 255, 0.15) !important;}
.comment-compose-card .comment-send-btn {border: 0 !important;border-radius: 10px !important;padding: 11px 19px !important;font-size: 16px !important;font-weight: 700 !important;background: linear-gradient(180deg, #ffc57f, #f3a450) !important;color: #4b2600 !important;box-shadow: 0 10px 20px rgba(255, 163, 68, 0.28) !important;transition: transform .2s ease, filter .2s ease !important;}
.comment-compose-card .comment-send-btn:hover {transform: translateY(-2px);filter: brightness(1.04);}
.comment-compose-card .comment-send-btn::after {display: none !important;}
.comments-body textarea {background: transparent;box-shadow: none;border: 1px solid rgba(0,0,0,.125);transition: all 0.3s ease;color: var(--secondary);}
.comments-body textarea:focus {background: transparent;box-shadow: none;border: 1px solid var(--primary);color: var(--white);}

.credit-action-card {border-radius: 12px;border: 1px solid rgba(130, 168, 255, 0.2);background: linear-gradient(145deg, rgba(15, 28, 49, 0.98), rgba(10, 21, 39, 0.98));box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);overflow: hidden;}
.credit-action-card .card-header {display: flex;align-items: center;gap: 8px;background: transparent;border-bottom: 1px solid rgba(255, 255, 255, 0.05);color: #f2f7ff;font-size: 28px;font-weight: 700;padding: 16px 20px;}
.credit-action-card .card-header i {font-size: 22px;color: #ffb66d;}
.credit-action-card .card-body {padding: 20px;}
.credit-action-form .form-group {margin-bottom: 15px;}
.credit-action-form .credit-form-label {font-size: 18px;font-weight: 700;color: #e8f1ff;line-height: 1.3;margin-bottom: 0;}
.credit-action-form .credit-input {height: 46px;border-radius: 8px !important;border: 1px solid rgba(157, 208, 255, 0.58) !important;background: rgba(17, 30, 53, 0.55) !important;color: #edf4ff !important;font-size: 16px;font-weight: 600;padding: 0 16px !important;}
.credit-action-form .credit-input::placeholder {color: rgba(219, 233, 255, 0.7) !important;}
.credit-action-form .credit-input:focus {border-color: rgba(157, 208, 255, 0.95) !important;background: rgba(24, 39, 64, 0.76) !important;box-shadow: 0 0 0 0.18rem rgba(157, 208, 255, 0.16) !important;}
.credit-action-form .credit-input[disabled],
.credit-action-form .credit-input:disabled {opacity: 1 !important;background: rgba(21, 36, 61, 0.72) !important;color: #f3f8ff !important;cursor: not-allowed;}
.credit-action-card select.credit-input {font-size: 16px;padding-right: 42px !important;}
.credit-submit-btn {border: 0 !important;border-radius: 10px !important;padding: 11px 20px !important;font-size: 16px !important;font-weight: 700 !important;background: linear-gradient(180deg, #ffc57f, #f3a450) !important;color: #4b2600 !important;box-shadow: 0 10px 20px rgba(255, 163, 68, 0.28) !important;transition: transform .2s ease, filter .2s ease !important;}
.credit-submit-btn:hover {transform: translateY(-2px);filter: brightness(1.04);}
.credit-submit-btn::after {display: none !important;}
.credit-history-empty-state {display: flex;align-items: center;gap: 12px;padding: 14px;border-radius: 12px;border: 1px solid rgba(157, 208, 255, 0.32);background: linear-gradient(145deg, rgba(16, 32, 56, 0.92), rgba(12, 24, 43, 0.92));box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 10px 22px rgba(0, 0, 0, 0.2);}
.credit-history-empty-state i {width: 38px;height: 38px;border-radius: 11px;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;font-size: 20px;color: #9fd2ff;background: rgba(92, 164, 226, 0.2);border: 1px solid rgba(157, 208, 255, 0.35);}
.credit-history-empty-state strong {display: block;color: #edf6ff;font-size: 16px;font-weight: 700;line-height: 1.3;}
.credit-history-empty-state small {display: block;margin-top: 3px;color: rgba(212, 230, 252, 0.86);font-size: 15px;line-height: 1.4;}

.profile-summary-card {border-radius: 14px;border: 1px solid rgba(130, 168, 255, 0.22);background: linear-gradient(145deg, rgba(15, 28, 49, 0.98), rgba(10, 21, 39, 0.98));box-shadow: 0 14px 32px rgba(0, 0, 0, 0.25);overflow: hidden;}
.profile-summary-card .card-body {padding: 22px 18px 18px;}
.profile-summary-avatar-wrap {margin-bottom: 8px;}
.profile-summary-avatar {width: 78px;height: 78px;border-radius: 999px;image-rendering: pixelated;border: 4px solid rgba(255, 255, 255, 0.9);box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);background: rgba(255, 255, 255, 0.08);}
.profile-summary-list {display: flex;flex-direction: column;gap: 0;border-top: 1px solid rgba(139, 178, 255, 0.1);}
.profile-summary-row {display: grid;grid-template-columns: 140px minmax(0, 1fr);align-items: center;column-gap: 14px;padding: 13px 10px;border-bottom: 1px solid rgba(139, 178, 255, 0.08);}
.profile-summary-key {font-size: 14px;font-weight: 700;color: #e6f0ff;line-height: 1.3;}
.profile-summary-value {font-size: 14px;font-weight: 600;color: #f2f7ff;line-height: 1.35;overflow-wrap: anywhere;text-align: left;}
.profile-credit-value {font-size: 24px;font-weight: 800;color: #ffd39f;letter-spacing: .2px;}
.profile-role-chip {display: inline-flex;align-items: center;justify-content: center;border-radius: 999px;padding: 4px 10px;font-size: 12px;font-weight: 700;line-height: 1;color: #fff;}
.profile-role-chip.role-secondary {background: #6c757d;}
.profile-role-chip.role-dark {background: #343a40;}
.profile-role-chip.role-info {background: #17a2b8;}
.profile-role-chip.role-warning {background: #f0ad4e;color: #2f1a00;}
.profile-role-chip.role-primary {background: #007bff;}
.profile-role-chip.role-success {background: #28a745;}
.profile-role-chip.role-danger {background: #dc3545;}
.profile-summary-actions {display: flex;flex-direction: column;gap: 8px;}
.profile-action-btn {height: 42px;display: inline-flex !important;align-items: center;justify-content: center;font-size: 16px !important;font-weight: 700 !important;border-radius: 8px !important;}
.profile-action-btn-primary {background: linear-gradient(180deg, #ffc57f, #f3a450) !important;color: #4b2600 !important;box-shadow: 0 10px 20px rgba(255, 163, 68, 0.28) !important;}
.profile-action-btn-secondary {background: rgba(15, 30, 54, 0.95) !important;border: 1px solid rgba(130, 168, 255, 0.16) !important;color: #e7f1ff !important;}
.profile-action-btn-secondary:hover {background: rgba(22, 41, 71, 0.95) !important;color: #ffffff !important;}
.profile-edit-card {border-radius: 12px;border: 1px solid rgba(130, 168, 255, 0.2);background: linear-gradient(145deg, rgba(15, 28, 49, 0.98), rgba(10, 21, 39, 0.98));box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);overflow: hidden;}
.profile-edit-card .card-header {display: flex;align-items: center;gap: 8px;background: transparent;border-bottom: 1px solid rgba(255, 255, 255, 0.05);color: #f2f7ff;font-size: 28px;font-weight: 700;padding: 16px 20px;}
.profile-edit-card .card-header i {font-size: 22px;color: #ffb66d;}
.profile-edit-form, .password-change-form {display: flex;flex-direction: column;gap: 0;}
.profile-edit-form .form-group, .password-change-form .form-group {margin-bottom: 0;}
.profile-form-label {font-size: 16px;font-weight: 700;color: #e8f1ff;line-height: 1.3;margin-bottom: 0;}
.profile-input {height: 44px;border-radius: 8px !important;border: 1px solid rgba(157, 208, 255, 0.58) !important;background: rgba(17, 30, 53, 0.55) !important;color: #edf4ff !important;font-size: 15px;font-weight: 600;padding: 0 14px !important;}
.profile-input::placeholder {color: rgba(219, 233, 255, 0.7) !important;}
.profile-input:focus {border-color: rgba(157, 208, 255, 0.95) !important;background: rgba(24, 39, 64, 0.76) !important;box-shadow: 0 0 0 0.18rem rgba(157, 208, 255, 0.16) !important;}
.profile-input[disabled], .profile-input:disabled {opacity: 1 !important;background: rgba(21, 36, 61, 0.72) !important;color: #f3f8ff !important;cursor: not-allowed;}
.profile-submit-btn {border: 0 !important;border-radius: 10px !important;padding: 11px 20px !important;font-size: 16px !important;font-weight: 700 !important;background: linear-gradient(180deg, #ffc57f, #f3a450) !important;color: #4b2600 !important;box-shadow: 0 10px 20px rgba(255, 163, 68, 0.28) !important;transition: transform .2s ease, filter .2s ease !important;}
.profile-submit-btn:hover {transform: translateY(-2px);filter: brightness(1.04);}
.profile-submit-btn::after {display: none !important;}

/* Support Page */
.support-add {margin-bottom: 16px;}
.support-create-btn {display: inline-flex !important;align-items: center;justify-content: center;width: 100%;background: linear-gradient(180deg, #ffc57f, #f3a450) !important;color: #4b2600 !important;box-shadow: 0 10px 20px rgba(255, 163, 68, 0.28) !important;border: 0 !important;border-radius: 10px !important;font-size: 16px !important;font-weight: 700 !important;padding: 11px 20px !important;transition: transform .2s ease, filter .2s ease !important;}
.support-create-btn:hover {transform: translateY(-2px);filter: brightness(1.04);color: #4b2600 !important;text-decoration: none !important;}
.support-create-btn::after {display: none !important;}
.support-list-card {border-radius: 12px;border: 1px solid rgba(130, 168, 255, 0.2);background: linear-gradient(145deg, rgba(15, 28, 49, 0.98), rgba(10, 21, 39, 0.98));box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);overflow: hidden;}
.support-header {display: flex;align-items: center;gap: 8px;background: transparent;border-bottom: 1px solid rgba(255, 255, 255, 0.05);color: #f2f7ff;font-size: 28px;font-weight: 700;padding: 16px 20px;}
.support-header i {font-size: 22px;color: #ffb66d;}
.support-form-card {border-radius: 12px;border: 1px solid rgba(130, 168, 255, 0.2);background: linear-gradient(145deg, rgba(15, 28, 49, 0.98), rgba(10, 21, 39, 0.98));box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);overflow: hidden;}
.support-form-card .card-header {display: flex;align-items: center;gap: 8px;background: transparent;border-bottom: 1px solid rgba(255, 255, 255, 0.05);color: #f2f7ff;font-size: 28px;font-weight: 700;padding: 16px 20px;}
.support-form-card .card-header i {font-size: 22px;color: #ffb66d;}
.support-create-form .form-group {margin-bottom: 15px;}
.support-create-form .col-form-label {font-size: 16px;font-weight: 700;color: #e8f1ff;line-height: 1.3;margin-bottom: 0;}
.support-create-form .form-control {height: 44px;border-radius: 8px !important;border: 1px solid rgba(157, 208, 255, 0.58) !important;background: rgba(17, 30, 53, 0.55) !important;color: #edf4ff !important;font-size: 15px;font-weight: 600;padding: 0 14px !important;}
.support-create-form .form-control::placeholder {color: rgba(219, 233, 255, 0.7) !important;}
.support-create-form .form-control:focus {border-color: rgba(157, 208, 255, 0.95) !important;background: rgba(24, 39, 64, 0.76) !important;box-shadow: 0 0 0 0.18rem rgba(157, 208, 255, 0.16) !important;}
.support-create-form select.form-control {font-size: 15px;padding-right: 42px !important;}
.support-textarea {min-height: 120px !important;resize: vertical;}

/* Chest/Gift Empty State */
.chest-empty-state {display: flex;align-items: center;gap: 12px;padding: 16px;border-radius: 12px;border: 1px solid rgba(157, 208, 255, 0.32);background: linear-gradient(145deg, rgba(16, 32, 56, 0.92), rgba(12, 24, 43, 0.92));box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 10px 22px rgba(0, 0, 0, 0.2);}
.chest-empty-state i {width: 40px;height: 40px;border-radius: 11px;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;font-size: 21px;color: #9fd2ff;background: rgba(92, 164, 226, 0.2);border: 1px solid rgba(157, 208, 255, 0.35);}
.chest-empty-state strong {display: block;color: #edf6ff;font-size: 16px;font-weight: 700;line-height: 1.3;}
.chest-empty-state small {display: block;margin-top: 3px;color: rgba(212, 230, 252, 0.86);font-size: 15px;line-height: 1.4;}
.download-empty-state {display: flex;align-items: center;gap: 12px;padding: 16px;border-radius: 12px;border: 1px solid rgba(157, 208, 255, 0.32);background: linear-gradient(145deg, rgba(16, 32, 56, 0.92), rgba(12, 24, 43, 0.92));box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 10px 22px rgba(0, 0, 0, 0.2);}
.download-empty-state i {width: 40px;height: 40px;border-radius: 11px;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;font-size: 21px;color: #9fd2ff;background: rgba(92, 164, 226, 0.2);border: 1px solid rgba(157, 208, 255, 0.35);}
.download-empty-state strong {display: block;color: #edf6ff;font-size: 16px;font-weight: 700;line-height: 1.3;}
.download-empty-state small {display: block;margin-top: 3px;color: rgba(212, 230, 252, 0.86);font-size: 15px;line-height: 1.4;}

/* Profile History Tabs */
#profile .card-header.border-0 {border-radius: 0;background: transparent;padding: 0;}
#profile .nav-tabs {background: transparent;border: none;display: flex;gap: 0;border-bottom: 1px solid rgba(130, 168, 255, 0.12);}
#profile .nav-tabs .nav-item {flex: 1;margin: 0;}
#profile .nav-tabs .nav-link {border: none;padding: 14px 16px;color: #d1ddf3;font-size: 15px;font-weight: 700;background: transparent;border-radius: 0;position: relative;text-align: center;transition: all .25s ease;display: flex;align-items: center;justify-content: center;gap: 6px;}
#profile .nav-tabs .nav-link i {font-size: 18px;color: #ffad59;}
#profile .nav-tabs .nav-link:hover {background: rgba(255, 255, 255, 0.04);color: #ffffff;}
#profile .nav-tabs .nav-link.active {background: rgba(130, 168, 255, 0.08);color: #ffad59;border-bottom: 3px solid #ffad59;padding-bottom: 11px;}
#profile .tab-content {background: transparent;padding: 0;}
#profile .table {color: #d1ddf3;}
#profile .table thead {background: rgba(130, 168, 255, 0.08);border-top: 1px solid rgba(130, 168, 255, 0.12);}
#profile .table th {color: #ffad59;font-weight: 700;font-size: 14px;padding: 12px 16px;border: none;}
#profile .table td {padding: 12px 16px;color: #edf4ff;font-size: 14px;font-weight: 500;border-bottom: 1px solid rgba(130, 168, 255, 0.08);}
#profile .table tbody tr {transition: all .15s ease;}
#profile .table tbody tr:hover {background: rgba(130, 168, 255, 0.06);}
#profile .table tbody tr:last-child td {border-bottom: none;}
#profile .table a {color: #ffb66d;text-decoration: none;transition: color .2s ease;font-weight: 600;}
#profile .table a:hover {color: #ffd39f;text-decoration: underline;}
#profile .badge {border-radius: 999px;padding: 4px 10px;font-size: 12px;font-weight: 700;}
#profile .table-responsive {border-radius: 0;}

@media screen and (max-width: 768px) {
	#profile .nav-tabs .nav-link {padding: 12px 8px;font-size: 13px;}
	#profile .nav-tabs .nav-link i {display: block;}
	#profile .nav-tabs .nav-link span:not([class*="d-"]) {display: none;}
	#profile .table th, #profile .table td {padding: 10px 8px;font-size: 13px;}
	#profile .table th {font-size: 12px;}
	#profile .btn-3.py-1 {padding: 4px 6px !important;font-size: 12px !important;}
}

@media screen and (max-width: 768px) {
	.credit-action-card .card-header {font-size: 22px;padding: 14px 16px;}
	.credit-action-card .card-header i {font-size: 19px;}
	.credit-action-card .card-body {padding: 16px;}
	.credit-action-form .credit-form-label {font-size: 15px;margin-bottom: 6px;}
	.credit-action-form .credit-input {height: 42px;font-size: 15px;padding: 0 12px !important;}
	.credit-action-card select.credit-input {font-size: 15px;}
	.credit-submit-btn {font-size: 15px !important;padding: 10px 16px !important;}
	.credit-history-empty-state {padding: 12px;}
	.credit-history-empty-state i {width: 34px;height: 34px;font-size: 18px;}
	.credit-history-empty-state strong {font-size: 16px;}
	.credit-history-empty-state small {font-size: 13px;}
	.profile-summary-card .card-body {padding: 18px 14px 14px;}
	.profile-summary-row {grid-template-columns: 112px minmax(0, 1fr);column-gap: 10px;padding: 11px 6px;}
	.profile-summary-key,
	.profile-summary-value {font-size: 13px;}
	.profile-credit-value {font-size: 20px;}
	.profile-action-btn {height: 40px;font-size: 15px !important;}
	.profile-edit-card .card-header {font-size: 22px;padding: 14px 16px;}
	.profile-edit-card .card-header i {font-size: 19px;}
	.profile-form-label {font-size: 14px;}
	.profile-input {height: 40px;font-size: 14px;padding: 0 10px !important;}
	.password-change-form .form-group {margin-bottom: 14px;}
	.profile-submit-btn {font-size: 15px !important;padding: 10px 16px !important;}
	.support-create-btn {font-size: 14px !important;padding: 10px 14px !important;}
	.support-header {font-size: 22px;padding: 14px 16px;}
	.support-header i {font-size: 19px;}
	.support-form-card .card-header {font-size: 22px;padding: 14px 16px;}
	.support-form-card .card-header i {font-size: 19px;}
	.support-create-form .col-form-label {font-size: 14px;}
	.support-create-form .form-control {height: 40px;font-size: 14px;padding: 0 10px !important;}
	.support-textarea {min-height: 100px !important;}
	.download-empty-state {padding: 13px;}
	.download-empty-state i {width: 34px;height: 34px;font-size: 18px;}
	.download-empty-state strong {font-size: 15px;}
	.download-empty-state small {font-size: 13px;}
	.chest-empty-state {padding: 13px;}
	.chest-empty-state i {width: 34px;height: 34px;font-size: 18px;}
	.chest-empty-state strong {font-size: 15px;}
	.chest-empty-state small {font-size: 13px;}
	.discount{
		display: none;
	}
}
@media screen and (max-width: 991px) {
	.discount{
		display: none;
	}
}
/*
	Slice
*/

.slice .container {margin-bottom: 25px;}
.slice .container-fluid .slice-bg-div {border-radius: 0 !important;}
.slice .container-fluid .col-md-12 {padding-left: 0;padding-right: 0;}
.slice .btn-2 {background: rgba(0,0,0,.9);color: #fff;}
.slice .btn-2:hover {background: rgba(0,0,0,.7);}


/*
	Sign In and Register
 */

.sign-in-bg {background: rgba(0,0,0, 0.3);position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;}
.video-background {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.video-foreground {height: 100%;transform: scale(1.3);}


/*
Store
*/
.card-info {background: rgba(0,0,0,.075);border: 1px solid rgba(0,0,0,.075);padding: 15px;font-weight: bold;border-radius: 6px;}
.card-info .card-heading {margin-top: 15px;font-size: 16px;display: block;color: var(--white);}
.card-info .price-discount {font-size: 0.85em;text-decoration: line-through;color: var(--primary);}
.card-info .price-actual {color: var(--success);font-size: 15px;}
.card-info .card-price {margin: 10px 0 15px;font-size: 15px;}
.card-info .btn {width: 100%;font-weight: bold;font-size: 15px;height: 30px;padding: 2.5px 15px;transition: all 0.3s ease;}
.card-info:hover .btn {color: var(--white);}
/*.store-discount {color: var(--white);background: var(--primary);border-radius: 50%;width: 40px;height: 40px;position: absolute;top: 0;right: 0;transform: translate(40%, -40%);display: flex;align-items: center;justify-content: center;font-size: 14px;}*/
.store-discount {cursor: default;-webkit-user-select: none;-ms-user-select: none;user-select: none;display: table;position: absolute;top: 10px;right: 10px;background: #fd6464;padding: 5px 10px;border-radius: 4px;font-weight: bold;font-size: 12px;pointer-events: none;color: #fff;}
.store-stock {position: absolute;left: 0;top: 0;height: 40px;display: flex;align-items: center;padding: 0px 15px;border-radius: 25px;color: var(--white);background: var(--primary);transform: translate(-10%, -40%);font-size: 14px;}
.product-image {position: relative;border: 1px solid rgba(255, 255, 255, .075);border-radius: 6px;text-align: center;height: 100%;display: flex;align-items: center;justify-content: center;}
.product-image .store-stock, .product-image .store-discount {transform: translate(0%, 0%);}
.product-image img {max-width: 200px;}
.info-table tr {border-bottom: 1px solid rgba(255, 255, 255, .075);}
.info-table tr:last-child {border-bottom: 0;}
.info-table tr th {font-size: 15px;font-weight: 600;}
.info-heading {position: relative;}
.info-heading:before {border-top: 2px solid rgba(255, 255, 255, .075);content: "";position: absolute;top: 50%;left: 0;right: 0;bottom: 0;width: 100%;z-index: 1;}
.info-heading span {z-index: 2;position: relative;background: var(--tertiary);padding: 0px 10px;font-weight: 600;}
.info-description {color: var(--secondary);font-weight: 500;}
.info-description p {margin-bottom: 0;}
.store-modal .modal-content {min-width: 800px;}
.topProducts {cursor: pointer;display: flex;align-items: center;padding: 15px;font-weight: bold;transition: .2s;border-bottom: 1px solid #383B4F;}
.topProducts:hover {opacity: 0.8;transform: translateX(4px);}
.topProducts .topProductImage img {width: 58px;height: auto;border-radius: 4px;background: rgba(0, 0, 0, 0.1);margin-right: 15px;}
.topProducts .topProductServer {font-size: 12px;color: #8286a5;}
.topProducts .topProductName {color: #fff;font-size: 15px;line-height: 15px;display: block;word-wrap: break-word;margin-bottom: 5px;}
.topProducts .topProductPrice {font-size: 13px;letter-spacing: 0.05em;color: #777;}
.price-discount {font-size: 11px;text-decoration: line-through;color: #f35f5f;}
.price-actual {color: #61df69;}

/*
VIP
*/

/*
Mobile
*/

@media (min-width: 992px) and (max-width: 1250px) {

	.navbar {padding-left: 8px;padding-right: 8px;}
	.navbar .navbar-nav {gap: 2px;}
	.navbar .nav-item .item-icon {font-size: 14px;padding: 9px 10px;gap: 6px;}
	.navbar .nav-item .item-icon i {font-size: 15px;}
	.navbar .navbar-right .login-button {padding: 0 13px;font-size: 14px;}

}

@media screen and (max-width: 991px) {

	.navbar .nav-item {margin-left: inherit;width: auto;}
	.navbar .navbar-right .navbar-right-bg {display: none;}
	.navbar .navbar-right .user-model {display: none;}
	.navbar .navbar-right {text-align: center;padding: 16px 0 6px;margin-top: 10px;border-top: 1px solid rgba(130, 168, 255, 0.16) !important;}
	.navbar .navbar-right .dropdown-menu {right: 0;}
	.navbar-nav {padding-top: 12px;border-top: 1px solid rgba(130, 168, 255, 0.16) !important;margin-top: 12px;}
	.navbar-toggler {margin-left: auto;border: 1px solid var(--primary);padding: 0px 5px;}
	.navbar .navbar-right .login-button {margin-right: auto;}
	.navbar .navbar-right .login-buttons {display: flex;justify-content: center;flex-wrap: wrap;}
	.navbar .nav-item .item-icon {justify-content: flex-start;width: 100%;}
	.navbar-brand img {height: 50px;}
	.navbar-toggler-icon {display: flex;align-items: center;justify-content: center;font-size: 24px;color: var(--primary);}
	#header {padding-top: 26px;padding-bottom: 58px;}
	#header::before {width: 430px;height: 430px;top: -145px;}
	#header .header-logo a {padding: 12px;}
	#header .header-logo img {max-height: 128px;}
	#header .header-ip {padding: 10px 12px;max-width: 250px;}
	#header .header-ip .header-ip-value {font-size: 15px;}
	#header .header-ip .header-online-pill {font-size: 11px;padding: 4px 9px;}
	.store-modal .modal-content {min-width: auto;}
	.news-card .news-img img {height: 100%;}
	.news-card .news-img {height: auto;}
	.news-card-horizontal .news-header {font-size: 28px;}
	.news-card-horizontal .news-description {font-size: 17px;}
	.news-detail-card .news-header {font-size: 28px;}
	.news-detail-card .news-detail-content .news-description {font-size: 17px;}
	.comment-compose-card .card-body .media {display: block;}
	.comment-compose-card .comment-user-avatar {margin-bottom: 10px;}
	.comment-compose-card .comment-send-btn {width: 100%;}
	footer .footer-top {padding-top: 38px;padding-bottom: 34px;}
	footer h5 {font-size: 24px;}
	footer .footer-about p {font-size: 16px;}
	footer .footer-col {text-align: left !important;}
	footer .footer-bottom-inner {font-size: 16px;}

}

@media screen and (max-width: 768px) {

	.news-card .news-img img {width: 100%;height: auto;}
	.news-card .news-img {height: auto;}

}