/* style.css */ 
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

body {
	--color-1: #FCFCFC;
	--color-2: #F4F4F4;
	--color-3: #1c1d1e;
	--color-4: #EFEFEF;
	--color-5: #1A1D1F;
	--color-6: #2A85FF;
	--color-7: #044aa9;
    --color-9: #2e333b12;
    --color-10: #bcf3e9;
    --color-11: #191a1a;
    --color-12: #EBEFF4;
	--color-8: rgb(42, 133, 255, .07)
}

body.dark {
	--color-1: #171f2e;
	--color-2: #151b26;
	--color-3: #dee6f5;
	--color-4: #111620;
	--color-5: #FFFFFF;
	--color-6: #2A85FF;
	--color-7: #044aa9;
    --color-9: #0b0f1652;
    --color-10: #354d7b;
    --color-11: #eff1f5;
    --color-12: #8a96a833;
	--color-8: rgb(42, 133, 255, .07)
}

body[data-color="purple"] {
	--color-6: #2A85FF;
	--color-7: #044aa9;
	--color-8: rgb(42, 133, 255, .07)
}

body[data-color="blue"] {
	--color-6: #2A85FF;
	--color-7: #044aa9;
	--color-8: rgb(42, 133, 255, .07)
}

html {
    --tp-color-red: #c8c1c1;
    --tp-color-blue: #326cec;
    --tp-color-purple: #781adc;
    --tp-color-green2: #169b47;
    --tp-color-yellow: #bc8c27;
  	--tp-color-gold: #FFD700
}

body {
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	letter-spacing: -.015em;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	min-width: 375px;
	color: var(--color-3);
	background-color: var(--color-2);
}

a {
	text-decoration: none !important;
	color: var(--color-3) !important
}

a,
[type="checkbox"] {
	cursor: pointer;
}


a:hover {
	color: var(--color-6) !important;
}

button,
input {
	background-color: transparent;
	line-height: 0;
	border: 0;
	padding: 0;
}

button:focus,
input:focus {
	outline: 0 !important;
	border: none !important
}

b,
strong {
	letter-spacing: -.01em;
	font-weight: 600;
	line-height: 1.6;
	transition: all 0.15s ease;
}
.form-grouppppp{
  margin-bottom: 0px;
  
  }
.hidden {
	display: none!important
}
.google-login svg {
  width: 20px;
    display: inline-block;
    margin-left: 8px;
    }
.google-login {
  color: #FFF;
    font-size: 17px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
  }
.google-btn {
  position: absolute;
    left: 0;
    right: 0;
    top: 50%;
   transform: translate(20%, -50%);
   
    width: 100%;
    overflow: hidden;
    opacity: 0;
  
    }
.google-login-wrap {
 position: relative;
    width: 100%;
    height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 15px;
    background-color: #7750f6;
    border-color: #7750f6;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
  border: 1px solid #7442aa;
    box-shadow: 0px 1.08245px 1.3649px 0px rgb(89 60 107 / 88%), 0px 0px 0px 1px #323133;
  }

.google-login-wrap:hover {
  background-color:#8f1df7;
  }
::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

::-webkit-scrollbar-thumb {
	background: var(--color-6);
	border-radius: 5px;
}

::-webkit-scrollbar-track {
	background: var(--color-1);
}

.primary-color {
	color: var(--color-6) !important;
	font-weight: 600
}

.alert {
	border-radius: 15px;
	border: none !important
}

.alert.alert-success {
	color: #09b797 !important;
	background: #2dfad431 !important;
}

.alert.alert-danger {
	color: #EE5B5B !important;
	background: #ee5b5b41 !important;
}

.badge {
	background: #ff2a62 !important;
	color: #fff !important;
}

.text-purple {
	color: var(--color-6)
}

.text-danger, .text-success {
	font-weight: 600
}

.homeSection {
	padding: 100px 0 50px 0
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.logo {
	width: 48px;
	height: 48px;
}

.logo img {
	width: 100%;
}

.sidebar.active .main-logo {
	display: none
}

body.dark .main-logo {
	display: block;
}

.icon-small {
	-webkit-transform: scale(0.834);
	transform: scale(0.834);
}

.c-pointer {
	cursor: pointer;
}

.transition {
	transition: all 0.15s ease;
}

main {
	margin-left: 300px;
	padding-top: 85px;
	transition: all 0.15s ease;
}

#outside main {
	margin-left: auto
}

.overlay {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(244, 244, 244, 0.5);
	backdrop-filter: blur(5px);
	z-index: 1000;
	visibility: hidden;
	opacity: 0;
	transition: all 0.15s ease;
}

body.dark .overlay {
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(5px);
}

.overlay.active {
	visibility: visible;
	opacity: 1;
}

header {
	background-color: var(--color-1);
	box-shadow: inset 1px 0px 0px var(--color-2), inset 0 -1px 0px var(--color-2);
	position: fixed;
	min-width: 375px;
	top: 0;
	left: 300px;
	right: 0;
	z-index: 1000;
	transition: all 0.15s ease;
    margin: 15px;
    border-radius: 35px;
    border: 1px solid var(--color-12);
}

.navbar .nav-item:not(:last-child) {
	margin-right: 15px;
}

.navbar .menu-item {
	display: none;
}


.navbar .toggle-item .toggle-head {
	transition: all 0.15s ease;
}

.navbar .changeColor .toggle-head i {
	font-size: 24px;
	line-height: 24px;
	background-image: linear-gradient(to right, #ffbf02, #ed0082);
	color: rgba(0, 0, 0, 0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.navbar .currencyItem .toggle-head {
	color: #fff;
	border-radius: 100%;
}

.navbar .currencyItem .toggle-head i {
	font-size: 24px;
	line-height: 24px;
	color: var(--color-3);
}


.navbar .currencyItem .toggle-body::after {
	right: 24px;
}


.navbar .currencyItem .currencyList .content .name {
	color: var(--color-5)
}

.navbar .currencyItem .currencyList .item:hover {
	background: var(--color-4);
	border-radius: 10px
}

.navbar .currencyItem .currencyList .item:hover .name {
	color: var(--color-5)
}

.navbar .currencyItem .currencyList .content .name .cSymbol {
	background: rgb(255, 255, 255, .25);
	padding: 3px 10px;
	border-radius: 5px;
	margin-right: 10px
}

body.dashboard main {
	margin-left: 300px !important;
}

.container-fluid {
	margin-left: 0;
	transition: all 0.15s ease;
}

.navbar .user-item .toggle-body::after {
	right: 24px;
}

.navbar .user-item .onlineDot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: rgb(114, 225, 40);
	bottom: 3px;
	right: -5px;
	border: 3px solid var(--color-1);
	position: absolute
}


.navbar .nav-item {
	position: relative;
}


.navbar .nav-item .nav-link {
	position: relative;
	height: 40px;
	width: 40px;
	padding: 0;
	cursor: pointer;
}

.navbar .nav-item .toggle-head.active::before {
	transition: all 0.15s ease;
	content: '';
	position: absolute;
	top: 10px;
	right: 10px;
	width: 14px;
	height: 14px;
	border-radius: 14px;
	border: 2px solid var(--color-1);
	background: #FF6A55;
	z-index: 5;
}

.navbar .nav-item .toggle-body {
	right: -12px;
	width: 200px;
	position: absolute;
	z-index: 100;
	border-radius: 16px;
	top: calc(100% + 14px);
	padding: 12px;
	border: 1px solid var(--color-4);
	background-color: var(--color-1);
	box-shadow: 0px 40px 64px -12px rgba(0, 0, 0, 0.08), 0px 0px 14px -4px rgba(0, 0, 0, 0.05), 0px 32px 48px -8px rgba(0, 0, 0, 0.1);
}

.navbar .nav-item .toggle-body a {
	min-height: 40px;
    border-radius: 12px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    width: 100%;
    white-space: nowrap;
    text-decoration: none;
    color: var(--body-text, #061237);
    transition: .14s ease all;
}

.navbar .nav-item .toggle-body a:last-child {
	border-bottom: none
}

.navbar .nav-item .toggle-body .top .toggle-title {
	letter-spacing: -.02em;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.6;
}

.navbar .user-item .toggle-head {
	height: 40px;
	width: 40px;
	border-radius: 100%;
	background-color: var(--color-4);
	color: var(--color-3) !important;
	text-align: center;
	position: relative;
	border: 3px solid var(--color-8);
	box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
}

.navbar .user-item .toggle-head span {
	font-size: 24px;
	color: var(--color-6)
}

.navbar .user-item .toggle-body {
	padding: 16px !important;
	max-width: 280px;
}


.navbar .user-item .toggle-body .nav:not(:last-child) {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--color-4);
}

.navbar .user-item .toggle-body .nav a {
	color: var(--color-3);
	width: 100%;
	display: flex;
	align-items: center;
	height: 48px;
	padding: 0 12px;
	letter-spacing: -.01em;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.6;
}

.navbar .user-item .toggle-body .nav a:hover {
	color: var(--color-5);
}

.navbar .user-item .toggle-body .nav a.logout {
	color: rgba(255, 38, 38, 0.75) !important;
}


.navbar .user-item .toggle-body .nav a.logout:hover {
	color: rgba(255, 38, 38, 1) !important;
}

.close-sidebar {
	height: 48px;
    width: 48px;
    border-radius: 10px;
    background-color: var(--color-8);
    color: var(--color-6);
    outline: none;
    border: none;
    font-size: 24px;
    display: none;
    align-items: center;
    justify-content: center;
  
}
/* แสดงปุ่ม close-sidebar เฉพาะบนมือถือ */
@media (max-width: 991.98px) {
    .close-sidebar {
        display: flex;
    }
}


.close-sidebar:hover {
    background-color: var(--color-6);
    color: var(--color-5);
}

.sidebar .main-logo-lg.light, .sidebar .main-logo-lg.dark {
	display: none
}

.sidebar.active .main-logo-lg.dark {
    display: block!important;
}

.dark .sidebar.active .main-logo-lg.dark {
    display: none!important;
}

.dark .sidebar.active .main-logo-lg.light {
	display: block!important
}

.sidebar {
	overflow-x: hidden;
	max-width: 300px;
	max-height: 100vh;
	height: 100%;
	width: 100%;
	background-color: var(--color-1);
	-webkit-overflow-scrolling: touch;
	z-index: 1010;
	transition: all 0.15s ease;
	align-items: start;
	transform: translateX(-100%);
	box-shadow: 4px 0 32px rgba(17, 19, 21, 0.05);
    border-right: 1px solid var(--color-12);
	border-top: 1px solid  var(--color-12);
    top: 15px;
    border-radius: 0 35px 0 0;
}

.sidebar.active {
	align-items: start 
}


.sidebar .border-top {
	border-color: var(--color-4) !important;
	width: 100%
}

.close-sidebar i {
	font-size: 24px;
}

.sidebar .menu .nav-link i {
	font-size: 24px;
	width: 24px;
	height: 24px;
	line-height: 20px;
	font-weight: 400;
}

.sidebar .menu .nav-item {
	position: relative;
}

.sidebar .menu {
	overflow-x: hidden;
}

.sidebar .nav {
	display: block;
	width: 100%
}

.sidebar .menu .nav-link {
	transition: all 0.15s ease;
	color: var(--color-3) !important;
	justify-content: start;
	border-radius: 15px;
  	margin-bottom: 7px;
 
}

.sidebar.active .menu .nav-link {
	justify-content: start
}

.sidebar.active .menu .nav-link i {
	
     font-size: 18px;
}

.sidebar .menu .nav-link:hover {
	color: var(--color-5);
	background: var(--color-4);
}

.sidebar .menu .nav-link i {
	margin-right: 10px;
}

.sidebar .menu .nav-link.active {
	box-shadow: inset 0px -2px 1px rgba(0, 0, 0, 0.05), inset 0px 1px 1px var(--color-1);
	background-color: var(--color-6);
	color: var(--color-1) !important;
}

.dark .sidebar .menu .nav-link.active {
	color: var(--color-5) !important;
}

.sidebar .menu .nav-link.active:hover {
	color: var(--color-1) !important;
}

.dark .sidebar .menu .nav-link.active:hover {
	color: var(--color-5) !important;
}

.sidebar .menu .nav-link .icon-item {
	margin-right: 12px;
}

/* Menu Category Styles */
.sidebar .menu-category {
	margin-bottom: 7px;
}

.sidebar .menu-category-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	position: relative;
	background: var(--color-2);
	border: 1px solid var(--color-12);
	border-left: none;
	border-right: none;
	padding: 6px 6px 6px 16px;
	cursor: pointer;
	user-select: none;
	transition: all 0.2s ease;
  margin-bottom: 7px;
}

.sidebar .menu-category-header::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: var(--color-6);
}

.sidebar .menu-category-header .category-title {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.6px;
	color: var(--color-5);
	text-transform: uppercase;
}

.sidebar .menu-category-header .toggle-icon {
	background: var(--color-4);
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 50%;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: var(--color-5);
	transition: transform 0.3s ease;
}

.sidebar .menu-category-header.collapsed .toggle-icon {
	transform: rotate(180deg);
}

.sidebar .menu-category-items {
	padding: 0 8px;
	overflow: hidden;
	transition: max-height 0.3s ease, opacity 0.3s ease;
	max-height: 1000px;
	opacity: 1;
}

.sidebar .menu-category-items.collapsed {
	max-height: 0;
	opacity: 0;
	padding: 0 8px;
}

/* Menu Items Styles */
.sidebar .menu-category .nav-item {
	margin-bottom: 5px !important;
}

.sidebar .menu-category .nav-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 15px !important;
	border-radius: 35px;
	color: var(--color-5);
	text-decoration: none;
	transition: all 0.2s ease;
	border: 1px solid transparent;
	font-size: 15px;
	font-weight: 500;
	position: relative;
}

.sidebar .menu-category .nav-link i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 50%;
	color: var(--color-6);
	font-size: 18px;
	margin-right: 0;
}

.sidebar .menu-category .nav-link:hover {
	background: var(--color-4);
	border-color: var(--color-3);
	color: var(--color-6);
}

.sidebar .menu-category .nav-link:hover i {
	color: var(--color-6);
}

.sidebar .menu-category .nav-link.active {
	border: 1px solid var(--color-6);
	background: var(--color-6);
	box-shadow: rgba(255, 255, 255, 0.5) 0 1px 0 0 inset;
	color: #fff !important;
}

.sidebar .menu-category .nav-link.active i {
	background: rgba(0, 0, 0, 0.25);
	color: #fff;
  font-size: 18px;
}

/* Highlight for New Order button */
.sidebar .nav-link.highlight-new-order {
	border: 1px solid #9d00f1 !important;
	background: #9d00f1 !important;
	box-shadow: rgba(255, 255, 255, 0.5) 0 1px 0 0 inset;
	color: #fff !important;
	font-weight: 500;
	position: relative;
	overflow: hidden;
}

.sidebar .nav-link.highlight-new-order::before {
	content: '';
	position: absolute;
	left: -20%;
	top: -10%;
	width: 0;
	height: 100%;
	transform: rotate(15deg) scale(1, 2);
	box-shadow: 0 0 30px 15px rgba(255, 255, 255, 0.2);
	animation: button-glow 2000ms ease-in-out infinite;
}

@keyframes button-glow {
	0% {
		left: -20%;
	}
	50% {
		left: 120%;
	}
	100% {
		left: 120%;
	}
}

.sidebar .nav-link.highlight-new-order:hover {
	border: 1px solid #b12cf9 !important;
	background: #b12cf9 !important;
}

.sidebar .nav-link.highlight-new-order i {
	background: transparent;
	color: #fff;
}

/* Arrow icon */
.sidebar .nav-link .ms-auto {
	margin-left: auto !important;
	height: 28px;
	flex: 0 0 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	opacity: 0;
	transition: all 0.24s ease;
	transform: translateX(10px);
	color: currentColor;
}

.sidebar .nav-link.highlight-new-order .ms-auto {
	opacity: 1;
	transform: translateX(0);
	color: #fff;
}

.sidebar .nav-link:hover .ms-auto {
	opacity: 1;
	transform: translateX(0);
}

.sidebar .nav-link.active .ms-auto {
	opacity: 1;
	transform: translateX(0);
	color: #fff;
}

.sidebar .menu .nav-link .icon-item {
	margin-right: 12px;
}

/* Welcome Banner - Small Version */
.welcome-banner-small {
	background: url("https://storage.perfectcdn.com/fsqqiy/p7gkbx9eg1j0ao6m.PNG");
	border-radius: 16px;
	padding: 15px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 4px 16px rgb(0 230 241 / 0%);
	height: 90%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
  top: 15px;
}



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

.welcome-banner-small .welcome-banner-content {
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1;
	height: 100%;
	justify-content: space-between;
}

.welcome-banner-small .welcome-info {
	color: white;
}

.welcome-banner-small .welcome-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 6px;
	color: white;
	display: flex;
	align-items: center;
	gap: 6px;
}

.welcome-banner-small .welcome-title .ri-checkbox-circle-fill {
	color: #4A9DEC;
	font-size: 18px;
}

.welcome-banner-small .welcome-description {
	font-size: 12px;
	margin-bottom: 12px;
	color: rgba(255, 255, 255, 0.9);
	line-height: 1.4;
}

.welcome-banner-small .welcome-stats {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 12px;
  border-radius: 16px;
  background: rgb(0 0 0 / .30);
  padding: 5px 5px 5px 10px;
  width: max-content;
}

.welcome-banner-small .stats-label {
	font-size: 11px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.8);
}

.welcome-banner-small .stats-value {
	font-size: 16px;
	font-weight: 700;
	color: white;
	background: rgba(255, 255, 255, 0.15);
	padding: 2px 12px;
	border-radius: 12px;
	backdrop-filter: blur(10px);
}

.welcome-banner-small .btn-check-now {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: white;
	color: #9d00f1 !important;
	padding: 5px 14px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	align-self: flex-start;
  
}

.welcome-banner-small .btn-check-now:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
	color: #6b00a8 !important;
}

.welcome-banner-small .btn-check-now i {
	font-size: 12px;
}

.welcome-banner-small .welcome-illustration {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 150px;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.9;
  right: -20px;
}

.welcome-banner-small .welcome-illustration .fox-image {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.2));
  position: absolute;
    right: 0;
    bottom: -40px;
    max-width: 165px;
    z-index: 2;
    -webkit-user-select: none;
  transform: scale(1.26);
}

/* Stats Cards */
.stats-card {
	background: var(--color-1);
	border-radius: 16px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
	border: 1px solid var(--color-12);
	position: relative;
	height: 90%;
    top: 15px;
}

.stats-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.stats-card .stats-icon {
	width: 48px;
	height: 48px;
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.stats-card .stats-icon i {
	font-size: 24px;
	color: white;
}

.stats-card .stats-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.stats-card .stats-label {
	font-size: 12px;
	color: var(--color-text-2);
	font-weight: 500;
}

.stats-card .stats-number-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
  background: var(--color-12);
 padding: 0.5px 15px 0.5px 12px;
  border-radius: 16px;
}

.stats-card .stats-number {
	font-size: 18px;
	font-weight: 700;
	color: var(--color-5);
}

.stats-card .stats-action {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: var(--color-6);
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	transition: all 0.2s ease;
	cursor: pointer;
	flex-shrink: 0;
  
}

.stats-card .stats-action:hover {
	background: var(--color-6);
	opacity: 0.8;
	transform: scale(1.1);
}

/* Responsive */
@media (max-width: 1750px) {
	.welcome-banner-small {
		padding: 20px;
		margin-bottom: 20px;
		height: auto;
      top: 30px;
	}
	
	.welcome-banner-small .welcome-title {
		font-size: 16px;
	}
	
	.welcome-banner-small .welcome-description {
		font-size: 11px;
		margin-bottom: 10px;
	}
	
	.welcome-banner-small .welcome-illustration {
		display: none;
	}
	
	.welcome-banner-small .welcome-description {
		font-size: 12px;
	}
	
	.welcome-banner-small .welcome-illustration {
		height: 100px;
	}
	
	.welcome-banner-small .welcome-illustration svg {
		width: 100px;
		height: 100px;
	}
	
	.stats-card {
		margin-bottom: 12px;
	}
}



.sidebar.active {
	max-width: 300px;
	box-shadow: 4px 0 32px rgba(17, 19, 21, 0.05);
}


.sidebar.active .nav-link {
	font-size: 15px !important;
}

.sidebar.active .nav-link .icon-item {
	margin-right: 12px !important;
}

.sidebar.active .nav-link .arrow,
.sidebar.active .nav-link .badge {
    /* display: block !important; */
}

.sidebar.active .nav-link.active-category {
	box-shadow: none !important;
	background: transparent !important;
}

.sidebar.active .arrow-show {
	display: none !important;
}

.sidebar.active .bottom label.switch-theme {
	max-width: inherit;
	height: inherit;
	margin: 10px 0;
    margin-bottom: 20px;
}

.sidebar.active .bottom label.switch-theme::before {
	width: calc(50% - 4px);
	height: 32px;
}

.sidebar.active .bottom label.switch-theme .mode-dark,
.sidebar.active .bottom label.switch-theme .mode-light {
	display: flex !important;
	justify-content: center !important;
}

.sidebar.active .bottom label.switch-theme .mode-dark .theme-text,
.sidebar.active .bottom label.switch-theme .mode-light .theme-text {
	display: block;
}

.sidebar.active .bottom label.switch-theme .mode-dark .theme-icon,
.sidebar.active .bottom label.switch-theme .mode-light .theme-icon {
	margin: 0 8px 0 -10px;
	width: 24px;
}

.sidebar.active .bottom input#switch-theme-input:checked+label::before {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.sidebar.active .bottom input#switch-theme-input:checked+label .mode-dark,
.sidebar.active .bottom input#switch-theme-input:checked+label .mode-light {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

.sidebar .bottom label.switch-theme {
	max-width: inherit;
    height: inherit;
    margin: 10px 0;
    margin-bottom: 20px;
}

.sidebar .close-sidebar {
	display: none
}

.sidebar.active .close-sidebar {
	display: none !important;
}

/* แสดงปุ่ม close-sidebar เฉพาะบนมือถือเมื่อ sidebar เปิด */
@media (max-width: 990px) {
    .sidebar.active .close-sidebar {
        display: block !important;
    }
}

.sidebar .close-sidebar i {
	color: var(--color-6) !important;
	border-radius: 100%;
	padding: 2px;
}

.sidebar .sidebar-top {
	justify-content: center
}

.sidebar.active .sidebar-top {
	justify-content: space-between
}


.toggle-item .toggle-head {
	cursor: pointer;
}

.toggle-item.active .toggle-body {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.toggle-item .toggle-body {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	transition: all 0.15s ease;
}

select.select {
	display: none !important;
}

label.switch-theme {
	position: relative;
	padding: 4px;
	border-radius: 40px;
	background-color: var(--color-3);
	cursor: pointer;
	overflow: hidden;
	transition: all 0.15s ease;
}


label.switch-theme {
	background-color: var(--color-2);
}

label.switch-theme::before {
	position: absolute;
	box-sizing: content-box;
	width: calc(50% - 4px);
	height: 32px;
	border-radius: 32px;
	content: '';
	transition: background-color .15s ease, -webkit-transform .30s ease;
	transition: transform .30s ease, background-color .15s ease;
	transition: transform .30s ease, background-color .15s ease, -webkit-transform .30s ease;
	box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25), inset 0px -1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 0px rgba(255, 255, 255, 0.25);
	background-color: var(--color-1);
}


label.switch-theme::before {
	box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25), inset 0px -1px 1px rgba(0, 0, 0, 0.49), inset 0px 2px 1px rgba(255, 255, 255, 0.06);
	background-color: var(--color-4);
}

label.switch-theme .mode-dark,
label.switch-theme .mode-light {
	z-index: 10;
	padding: 4px;
	width: 100%;
	border-radius: 32px;
	transition: all 0.15s ease;
}

label.switch-theme .mode-dark .theme-text,
label.switch-theme .mode-light .theme-text {
	letter-spacing: -.01em;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.6;
}


label.switch-theme .mode-dark .theme-icon,
label.switch-theme .mode-light .theme-icon {
	margin: 0 8px 0 -10px;
	line-height: 0;
}


label.switch-theme .mode-dark .theme-icon i,
label.switch-theme .mode-light .theme-icon i {
	font-size: 20px;

}

input#switch-theme-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

input#switch-theme-input:checked+label::before {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}


input#switch-theme-input:checked+label .mode-dark .theme-text {
	color: var(--color-3);
}


input#switch-theme-input+label .mode-light .theme-text {
	color: var(--color-2);
}

input#switch-theme-input+label .mode-light .theme-text {
	color: var(--color-3);
}

.card {
	transition: all 0.15s ease;
	background-color: var(--color-1);
	border-radius: 15px;
}

.card.card-bg {
	background: var(--color-1) url(https://storage.perfectcdn.com/a3vltc/t491ezg9zxouy2s9.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.card-head {
	border-radius: 8px 8px 0 0;
	background: url(https://storage.perfectcdn.com/a3vltc/1yhpppjrt5yfqf5h.png);
	padding: 0 10px 0 25px
}

.dark .card-head {
	background: url(https://storage.perfectcdn.com/a3vltc/j69e28mcbcxja0ry.png);
	border-bottom: 1px solid var(--color-4)
}

.card-head h4 {
	color: var(--color-5);
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 32px;
}

h4.acc-head {
	color: var(--color-5);
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 32px;
}

.card-head-icon {
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	font-size: 20px;
	background-color: var(--color-8);
	color: var(--color-6);
}

.card-head-title {
	padding: 30px 0;
	position: relative;
	display: inline-block;
}

.card-head-title::after {
	content: "";
	position: absolute;
	background-color: var(--color-6);
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 3px;
}

.desc-list {
	height: 47px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	gap: 20px;
	background: var(--color-4);
	border-radius: 15px;
	margin-top: 5px
}

.desc-list .icon {
	width: 32px;
	height: 32px;
	color: var(--color-6);
	background-color: var(--color-8);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.btn {
	position: relative;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	padding: 15px 30px;
	border: none;
	color: #fff;
}

#outside .btn {
	border-radius: 15px
}

.btn:hover,
btn:focus {
	color: #fff !important
}

.btn-sm {
	font-size: 14px !important;
	padding: 6px 12px;
}

.btn-rounded {
	border-radius: 50px;
}

.btn-border {
	border: 1px solid #4f75ff !important;
}

.btn-100 {
	display: block;
	width: 100%;
}

.btn-100.btn-icon {
	display: flex;
}

.btn-dark,
.btn-dark:hover,
.btn-dark:focus {
	background: #ffd7d7!important
}

.dark .btn-dark,
.btn-dark:hover,
.btn-dark:focus {
	background: var(--color-2)!important
}
.btn-dareeee,
.btn-dark:hover,
.btn-dark:focus {
	background: #5892ff!important
}

.dark .btn-dareeee,
.btn-dark:hover,
.btn-dark:focus {
	background: #5892ff!important
}

.btn-primary {
	background: var(--color-6);
	font-size: 16px;
	color: #fff !important
}

.btn-primary:hover,
.btn-primary:focus {
	background: var(--color-7) !important;
}

.btn-secondary {
	background: #04a947;
	font-size: 16px
}

.btn-secondary:hover,
.btn-secondary:focus {
	background: #02642a;
}

.btn-secondary a,
.btn-secondary a:hover,
.btn-secondary a:focus {
	color: #fff !important
}

.btn-rounded {
	color: #fff !important
}

.btn-danger {
	background: bb2d3b;
	color: #fff;
	font-size: 16px
}

.form-control {
	letter-spacing: -.01em;
	padding: 12px 24px;
	font-size: 16px;
	border-radius: 10px !important;
	background: var(--color-2);
	color: var(--color-3);
	border: none;
	height: 50px
}

.form-control:focus {
	box-shadow: none !important;
	background: var(--color-2);
	color: var(--color-3)
}

.form-control:disabled,
.form-control[readonly] {
	background-color: var(--color-4);
}

select.form-control {
	border: none
}

.form-group label {
	padding-bottom: 5px
}

.search-input {
	z-index: 15;
	transition: all 0.15s ease;
}

.search-input.input-group {
	width: 35%;
}

.search-input .input-group-text {
	background-color: transparent !important;
}

.search-input input.form-control {
	letter-spacing: -.01em;
	padding: 12px 24px;
	border-radius: 8px !important;
	background: var(--color-2)
}

.search-input input.form-control:focus {
	box-shadow: none !important;
}

.search-input .btn-command {
	position: absolute;
	transition: all 0.15s ease;
}

.search-input .btn-command {
	box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.05), inset 0px -1px 1px rgba(0, 0, 0, 0.04), inset 0px 2px 0px rgba(255, 255, 255, 0.25);
	background-color: var(--color-4);
	border-radius: 8px;
	width: 56px;
	height: 32px;
	font-size: 16px;
	color: var(--color-5);
	font-weight: 600;
	line-height: 1.5;
	right: 7px;
	z-index: 5;
	transition: all 0.15s ease;
}

.search-input .btn-command .symbol {
	font-size: 20px;
	font-weight: 400;
	padding-right: 4px;
}


.input-group {
	position: relative;
}

.input-group .input-group-text {
	position: absolute;
	z-index: 10;
	padding: 0 8px;
	top: 2px;
	bottom: 2px;
	fill: #6F767E;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F4F4F4;
	transition: all 0.15s ease;
	border: none
}

.input-group .input-group-text:not(:last-child) {
	left: 2px;
}

.input-group .input-group-text:not(:first-child) {
	right: 2px;
}

.input-group .input-group-text.transparent {
	background-color: transparent !important;
}

.card.userCard {
	position: relative
}

.userCard .ud-row {
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
	width: calc(100% + 1.5rem);
}

.userCard .ud-card {
	padding: 25px 40px 25px 40px
}

.userCard .ud-card h5 {
	position: relative;
	width: max-content
}

.userCard .ud-card h5 img {
	position: absolute;
	top: 2px;
	right: -23px;
	width: 20px
}

.userCard .userDetails {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-right: 30px
}

.userCard .userDetails .ud-icon {
	position: relative;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	font-size: 1.25rem;
	line-height: 1;
	overflow: hidden;
	user-select: none;
	border-radius: 8px;
	color: var(--color-6);
	background-color: var(--color-8);
	margin-right: 1rem;
}

.userCard .userDetails .ud-text {
	display: flex;
	flex-direction: column;
}

.userCard .userDetails .ud-text h6 {
	line-height: 1.6;
	letter-spacing: 0.15px;
	color: var(--color-5);
	font-weight: 600;
	margin-bottom: 0
}

.userCard .userDetails .ud-text span {
	font-weight: 400;
	font-size: 0.75rem;
	line-height: 1.25;
	letter-spacing: 0.4px;
	color: var(--color-3);
}

.userCard .ud-img {
	right: 0px;
	bottom: 0px;
	width: 275px;
	position: absolute;
}

.userCard .ud-img-3 {
	right: 10px;
	bottom: 0px;
	width: 125px;
	position: absolute;
}

.rankCard {
	position: relative
}

.rankCard .rc-img {
	right: 15px;
	top: 0px;
	width: 85px;
	position: absolute;
}

.rankCard .rc-img-2 {
	right: 10px;
	bottom: -10px;
	width: 110px;
	position: absolute;
}

.rankCard .rc-card {
	min-width: 550px;
	padding: 15px 40px 15px 40px
}

.rankCard .progress {
	background-color: var(--color-8);
	border-radius: 10px;
	height: 1.2rem;
	width: 80%;
	position: relative
}

.rankCard .progress-bar {
	background-color: var(--color-6);
}

.rankCard .rc-card #placePercent {
	color: #fff;
	font-size: 14px;
	position: absolute;
	top: 9px;
	left: 15px
}

.form-select {
	background-color: var(--color-2);
	border: 1px solid var(--color-4);
	border-radius: 15px;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-5);
	height: 58px;
	padding: 0 26px;
	max-width: 100%;
	width: 100%
}

.form-select:focus {
	outline: none;
	border-color: 1px solid var(--color-4);
	background-color: var(--color-2);
	color: var(--color-5)
}

.form-select:disabled {
	background-color: var(--color-2);
	border: 1px solid var(--color-4);
}

.dd-btn.dropdown-toggle {
	height: 58px;
	border-radius: 15px
}


.dd-btn.dropdown-toggle::after {
	display: none !important
}

.pagination .page-item.active .page-link {
	background-color: var(--color-6);
	color: #fff;
}

.pagination .page-item:first-child {
	border-right: 1px solid var(--color-2);
}

.pagination .page-item:first-child .page-link {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	font-weight: 400;
}

.pagination .page-item:last-child {
	border-left: 1px solid var(--color-2);
}

.pagination .page-item:last-child .page-link {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	font-weight: 400;
}

.pagination .page-item .page-link {
	background: var(--color-1);
	border: none;
	margin: 0;
	height: 50px;
	padding: 0px;
	min-width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 17.3005px;
	line-height: 18px;
	color: var(--color-5);
	position: relative;
}

.pagination .page-item .page-link:hover {
	color: var(--color-5);
}

.pagination .page-item .page-link:focus {
	z-index: 20;
}

.search-services {
	height: 40px;
	position: relative;
}

.search-services:focus-within .icon {
	color: var(--color-3);
}

.search-services .icon {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	color: #92969d;
	transition: 0.14s ease;
}

.search-services .textbox {
	width: calc(100% - 40px);
	margin-left: 40px;
	height: 40px;
	background-color: transparent;
	outline: none;
	border: none;
	color: var(--color-3);
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
}

.search-services .textbox::placeholder {
	color: #92969d;
}

.s-row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.s-row.s-title {
	font-weight: 600;
	display: none;
}


.services-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.si-wrapper {
	flex: 0 0 auto;
	width: 100%;
	position: relative;
}

.s-col {
	flex: 0 0 auto;
}

.service-item {
	padding: 12px 30px;
	border-radius: 15px;
	margin-bottom: 14px;
	background: var(--color-1);
	border: 1px solid var(--color-4);
	box-sizing: border-box;
	border-radius: 15px;
}


.service-item .s-col-id i {
	cursor: pointer
}

.services-head-row .service-item {
	background-color: transparent;
	border: none;
}

.sp-serv-title {
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
}

.sp-services .card {
	margin-bottom: 30px;
}


.si-header {
	padding: 15px 30px;
	background: var(--color-6);
	border-radius: 15px;
	border: 1px solid var(--color-7);
	margin-bottom: 14px;
}

.si-header .si-title {
	font-weight: 600;
	font-size: 16px;
	line-height: 23px;
	color: #fff;
	margin-bottom: 0;
}

.modal-wrapper {
	margin: auto;
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(5px);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2000;
	display: none;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 5px black;
}

.modal-wrapper.active {
	display: flex;
}

.mbo-wrapper {
	height: 100%;
	width: 100%;
	padding: 40px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	white-space: nowrap;
	overflow-y: auto;
}

.modal-box {
	margin: auto 0;
	max-width: 560px;
	width: 100%;
	border-radius: 25px;
	background: var(--color-2);
	border: 1px solid var(--color-4);
	text-align: left;
	position: relative;
}

.modal-box .m-body .form-control {
	background: var(--color-1);
	border: 1px solid var(--color-4)
}

.m-header {
	padding: 30px 30px 60px;
	background-color: var(--color-2);
	border-radius: 25px 25px 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.m-header>* {
	text-align: center;
}

.m-body {
	padding: 30px;
}

.m-title {
	font-weight: 600;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -0.005em;
	color: var(--color-5);
	margin-bottom: 0;
	word-break: break-word;
	word-wrap: break-word;
	white-space: normal;
	max-width: 100%;
	min-width: 40%;
}

.m-close {
	border: none;
	outline: none;
	background-color: transparent;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	border-radius: 15px;
	position: absolute;
	z-index: 3001;
	top: 15px;
	right: 15px;
}

.m-close:focus {
	box-shadow: 0 0 0 0.25rem rgba(1, 57, 255, 0.2);
}

.m-sub-title {
	margin-top: 4px;
	font-weight: 600;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: -0.005em;
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: 0;
}

#serviceModalText {
	background: var(--color-1);
	border: 1px solid var(--color-4);
	border-radius: 15px;
	padding: 30px;
	margin-top: -60px;
	white-space: break-spaces;
	max-height: 350px;
	overflow-y: scroll;
}

.header-msg {
	margin-left: 25px
}

.service-modal-id {
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	color: #ffffff;
	background: var(--color-6);
	border-radius: 15px;
	padding: 14px 23px;
	margin-bottom: 16px;
}


.order-modal .m-header {
	padding: 15px
}

.order-modal .m-body {
	padding: 30px 15px
}

.dropdown-menu {
	background: var(--color-1);
	border-color: var(--color-4);
	border-radius: 15px;
	top: 4px !important;
	min-width: 100%;
}

.dropdown-menu .dropdown-item {
	color: var(--color-3)
}

.dropdown-menu .dropdown-item:hover {
	background: var(--color-4);
	color: var(--color-6)
}

.op-stats {
	display: block;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #fff;
	background-color: rgba(255, 255, 255, 0.15);
	border-radius: 10px;
	padding: 5px 15px;
}

.op-stats.completed {
	background-color: rgb(0, 182, 122, .25);
	border: 1px solid #00B67A;
	color: #00B67A;
}

.op-stats.processing {
	background-color: rgb(246, 86, 25, .25);
	border: 1px solid #f65619;
	color: #f65619;
}

.op-stats.inprogress {
	background-color: rgb(2, 159, 255, .25);
	border: 1px solid #029fff;
	color: #029fff;
}

.op-stats.pending {
	background-color: rgb(251, 188, 5, .25);
	border: 1px solid #fbbc05;
	color: #fbbc05;
}

.op-stats.partial {
	background-color: rgb(129, 129, 129, .25);
	border: 1px solid #818181;
	color: #818181;
}

.op-stats.cancelled {
	background-color: rgb(255, 62, 124, .25);
	border: 1px solid #ff3e7c;
	color: #ff3e7c;
}

.op-stats.cancel {
	background-color: rgb(255, 62, 124, .25);
	border: 1px solid #ff3e7c;
	color: #ff3e7c;
}

.tooltip-inner {
	background-color: var(--color-6) !important;
	color: #fff;
	font-size: 11px
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
	border-top-color: var(--color-6) !important;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
	border-right-color: var(--color-6) !important;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: transparent !important;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
	border-left-color: var(--color-6) !important;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
	border-top-color: transparent !important;
}

.bs-toast {
	background: var(--color-6);
	border: 1px solid var(--color-7) !important;
	color: #fff;
	padding: 10px 24px;
	border-radius: 15px;
	position: fixed;
	bottom: 30px;
	left: 40px;
	width: 100%;
	width: max-content;
	max-width: 350px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: none;
	z-index: 3000;
	text-align: center
}

.bs-toast .bs-toast-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.bs-toast .toast-text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 14px;
	font-weight: 500
}

.bs-toast .toast-times {
	cursor: pointer;
	border: none;
	outline: 0;
	color: #fff;
	background: 0 0
}

.svg-icon.verified {
	color: #009ef7
}

.me-0 {
	margin-right: 0 !important
}

.me-1 {
	margin-right: .25rem !important
}

.me-2 {
	margin-right: .5rem !important
}

.me-3 {
	margin-right: 1rem !important
}

.me-4 {
	margin-right: 1.5rem !important
}

.me-5 {
	margin-right: 3rem !important
}

.me-auto {
	margin-right: auto !important
}

.ms-0 {
	margin-left: 0 !important
}

.ms-1 {
	margin-left: .25rem !important
}

.ms-2 {
	margin-left: .5rem !important
}

.ms-3 {
	margin-left: 1rem !important
}

.ms-4 {
	margin-left: 1.5rem !important
}

.ms-5 {
	margin-left: 3rem !important
}

.ms-auto {
	margin-left: auto !important
}

.pe-0 {
	padding-right: 0 !important
}

.pe-1 {
	padding-right: .25rem !important
}

.pe-2 {
	padding-right: .5rem !important
}

.pe-3 {
	padding-right: 1rem !important
}

.pe-4 {
	padding-right: 1.5rem !important
}

.pe-5 {
	padding-right: 3rem !important
}

.ps-0 {
	padding-left: 0 !important
}

.ps-1 {
	padding-left: .25rem !important
}

.ps-2 {
	padding-left: .5rem !important
}

.ps-3 {
	padding-left: 1rem !important
}

.ps-4 {
	padding-left: 1.5rem !important
}

.ps-5 {
	padding-left: 3rem !important
}

.select2-results__option a {
	color: var(--color-5) !important;
	font-size: 14px !important
}


.select2-results__option a:hover {
	background: var(--color-4);
	color: var(--color-6) !important
}

.select2-container--default .select2-results>.select2-results__options,
.select2-container--open .select2-dropdown--below,
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option:hover {
	background-color: var(--color-2) !important;
}

.select2-container--default .select2-selection--single {
	height: 45px;
	line-height: 24px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	white-space: normal !important;
}

.header-msg .header-title {
	margin-bottom: 0;
	font-weight: 600;
	color: var(--color-5);
}


.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #fff;
	background-color: var(--color-6);
}

pre.code {
	background: var(--color-2);
	color: var(--color-3);
}

.api-section .card-header {
	background-color: var(--color-4);
	;
	border-radius: 15px 15px 0 0 !important
}

.addBalance {
	margin-bottom: 9px;
	margin-top: 0;
	display: flex;
	border-radius: 10px;
	justify-content: space-between;
}

.addBalanceBtn {
	width: 24%;
	background: var(--color-2);
	padding: 20px 16px;
	border-radius: 10px;
	text-align: center;
	border: 1px solid var(--color-4);
	color: var(--color-5);
	font-weight: 600;
}

.sc-sup-item {
	background: var(--color-2);
	border: 1px solid var(--color-4);
	box-sizing: border-box;
	border-radius: 15px;
	padding: 18px 30px;
	display: block;
	width: 100%;
	transition: 0.14s ease;
}

.sc-sup-item:hover {
	border: 1px solid var(--color-6);
}

.sc-sup-item .title {
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	color: var(--color-3);
	margin-bottom: 10px;
}

.sc-sup-item .text {
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: var(--color-5);
	margin-bottom: 10px;
}

.sc-sup-item+.sc-sup-item {
	margin-top: 13px;
}

.badge-secondary {
	background: var(--color-6)
}

.nav-custom-pills li {
	margin-bottom: 10px
}

.nav-custom-pills li button {
	width: 100%;
	background: var(--color-2);
	padding: 20px 16px;
	border-radius: 10px;
	text-align: center;
	border: 1px solid var(--color-4);
	color: var(--color-5);
	font-weight: 600;
}

.nav-custom-pills .nav-link {
	border-radius: 10px
}

.pm-title {
	font-weight: 600;
	font-size: 18px;
	line-height: 18px;
	color: var(--color-5);
}

.pm-about {
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	color: var(color-3);
	margin-bottom: 0px;
}

.pm-text-container {
	color: var(--color-3);
	margin-top: 20px
}

.basket-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(10px);
	z-index: 2000;
	display: none;
}

.basket-drawer {
	display: none;
	transform: translateX(100%);
	position: fixed;
	right: 0;
	top: 0;
	height: 100vh;
	z-index: 2003;
	background: var(--color-1);
	border-left: 1px solid var(--color-4);
	width: 350px;
	display: flex;
	flex-direction: column;
	transition: 0.14s ease;
}


.basket-drawer .drawer-header {
	display: flex;
	align-items: center;
	gap: 20px;
	height: 80px;
	padding: 0 20px;
	background-color: var(--color-6);
}

.basket-drawer .drawer-header-title {
	font-weight: 600;
	font-size: 19px;
	line-height: 22px;
	color: #ffffff;
	margin-bottom: 0;
}

.basket-drawer .basket-header-close {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	font-size: 20px;
	cursor: pointer;
	color: #fff
}

.basket-drawer .drawer-body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
	overflow-y: scroll;
	max-height: 90%
}

.sepetbos {
	text-align: center;
	padding-top: 50px
}

.sepetbos i {
	font-size: 46px;
	color: var(--color-6)
}

#sepetListe {
	display:
		flex;
	align-items: center;
	padding: 10px 0 100px 0;
	flex-direction: column;
	overflow-y: scroll;
	height: 90%;
	width: 100%;
}

#sepetAlt {
	border-top: 1px solid var(--color-4);
	z-index: 999;
	height: 10%;
	align-items: center;
	bottom: 0;
	position: absolute;
	width: 100%;
	background: var(--color-1);
	padding: 10px
}

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

.sptsol {
	width: 50%;
	text-align: left;
}

.sptfiyat {
	font-weight: 600;
	font-size: 18px;
	margin-left: 20px;
	color: var(--color-5);
}

.sptsayi {
	font-weight: 600;
	font-size: 14px;
	margin-left: 20px;
}

.sptsag {
	width: 50%;
}

.sptsag .btn {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 10px 20px;
	font-size: 14px
}

.sepetbox {
	background: var(--color-2);
	padding: 5px;
	color: var(--color-5);
	border-radius: 10px;
	margin-bottom: 10px;
	border: 1px solid var(--color-4);
	flex-direction: row;
	justify-content: space-between;
	width: 95%;
	align-items: center;
	position: relative
}

.sepettop {
	padding: 2px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}


.sepetdetails {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.sptalt {
	font-size: 12px;
	text-align: left;
	background: var(--color-1);
	border-radius: 10px;
	padding: 5px 10px;
	width: 100%;
	margin-top: 5px;
}

.sptalt strong {
	font-size: 12px;
	color: var(--color-6)
}

.sptalt span {
	color: var(--color-5);
}

.sepetbottom {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.sepetbottom i {
	color: #dc3545;
	font-size: 20px;
}

.sepetname {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.sepetfiyat {
	font-weight: 600;
	font-size: 16px;
	padding-right: 15px;
}

.sepetservis {
	font-size: 12px;
	text-align: left;
	background: var(--color-1);
	border-radius: 10px;
	padding: 10px;
}

.sepetservis strong {
	font-size: 12px;
	color: var(--color-6)
}

.sepetid {
	background: var(--color-6);
	padding: 3px 5px;
	border-radius: 7px;
}

#sepetsayi {
	position: absolute;
	background: var(--color-6);
	border-radius: 100%;
	width: 14px;
	height: 14px;
	font-size: 11px;
	line-height: 14px;
	top: 5px;
	right: 5px;
	padding-left: 4px;
	font-weight: 600
}

body.stop-body {
	overflow: hidden;
}


body#outside {
	background-color: #151b26;
	width: 100%;
	overflow-x: hidden;
}

.headOut {
	position: fixed;
	top: 0px;
	background-color: transparent;
	width: 100%;
	border-bottom: 1px solid #161d28;
	z-index: 1030;
	transition: 0.14s ease;
}

.headOut.fixed {
	background-color: #222737;
}

.b-menu-wrapper {
	display: block;
	position: fixed;
	bottom: -1px;
	left: -1px;
	width: calc(100% + 2px);
	border-radius: 30px 30px 0 0;
	padding: 24px 10px;
	max-height: calc(100vh - 90px);
	transition: 0.14s ease;
	transform: translateY(101%);
	opacity: 0.4;
	background: #151b26
}

.b-menu-wrapper.active {
	transform: translateY(0);
	opacity: 1;
}

.sm-header {
	display: block;
	padding: 14px 0;
	transition: 0.14s ease;
}

.menu-btn {
	height: 48px;
	width: 48px;
	border-radius: 10px;
	background-color: rgba(170, 86, 255, 0.2);
	color: #2A85FF;
	outline: none;
	border: none;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.b-menu-close {
	height: 48px;
	width: 48px;
	border-radius: 24px;
	background-color: #1e2634;
	color: #fff;
	outline: none;
	border: none;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 20px;
	z-index: 2000;
}



.head-right-btns {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}


.header-btn {
	border-radius: 15px;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 9px 9px 9px 30px;
	overflow: hidden;
	background-color: var(--color-6);
	color: #fff !important;
	text-decoration: none;
	transition: 0.14s ease;
}

.header-btn:hover {
	color: #fff !important;
}

.header-btn:hover .icon::after {
	transform: scale(8);
}

.header-btn .text {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.03em;
	position: relative;
	z-index: 1004;
}

.header-btn .icon {
	display: flex;
	width: 32px;
	height: 32px;
	align-items: center;
	justify-content: center;
	position: relative;
}

.header-btn .icon .icon-ri {
	z-index: 1003;
}

.header-btn .icon::after {
	content: "";
	z-index: 1002;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 16px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: 0.4s ease;
}


.nmenu {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	gap: 10px;
	padding: 10px 0 20px 0;
}


.nmenu .nmenu-item {
	position: relative;
	display: flex;
	justify-content: flex-start;
}

.nmenu .nmenu-item .nmenu-link {
	font-weight: 400;
	font-size: 23px;
	line-height: 125%;
	color: #fff !important;
	opacity: 0.8;
	padding: 7px 20px;
	transition: 0.14s ease;
	text-decoration: none;
	display: inline-block;
	text-align: left;
}


.nmenu .nmenu-item .nmenu-link::before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 20px;
	right: 20px;
	height: 3px;
	opacity: 0;
	background-color: transparent;
}

.nmenu .nmenu-item .nmenu-link:hover {
	opacity: 0.7;
}

.nmenu .nmenu-item .nmenu-link.active {
	opacity: 1;
}

.nmenu .nmenu-item .nmenu-link.active::before {
	opacity: 1;
}

.home-logo img {
	height: 90px
}

.homeHeader {
	margin-top: -86px;
	padding-top: 86px;
	position: relative;
}

.homeHeader .homeBg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	display: inline-block;
	z-index: -1;
}

.homeHeader .homeBg img {
	width: 100%;
	height: auto;
}

.homeHeader .hhSide {
	position: relative;
	z-index: 5;
	padding: 60px 0;
}


.homeHeader .hhSide .hhTitle {
	font-size: 46px;
	font-weight: 700;
	background: linear-gradient(89.31deg, rgba(170, 86, 255, 0.38) 4.55%, rgba(255, 255, 255, 0) 69.39%), linear-gradient(0deg, #ffffff, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 64px
}

.rotate {
	font-family: cursive;
	font-size: 52px;
	font-weight: 400;
	background: -webkit-gradient(linear, left top, right top, from(#12c2e9), color-stop(#c471ed), to(#f64f59));
	background: -webkit-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
	background: -o-linear-gradient(left, #12c2e9, #c471ed, #f64f59);
	background: linear-gradient(to right, #12c2e9, #c471ed, #f64f59);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative
}

.homeSection .rotate {
	font-size: 48px
}

.hhBanner {
	top: -75px
}

.hhBanner .hhLine {
	position: absolute;
	top: 57%;
	left: 50%;
	display: inline-block;
	height: 600px;
	width: 600px;
}

.hhBanner {
	position: relative
}

.hhBanner .hhLine::before {
	animation-delay: 1s;
}

.hhBanner .hhLine::after,
.hhBanner .hhLine::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	z-index: -1;
	height: 100%;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.1);
	background-color: rgba(255, 255, 255, 0.02);
	animation: borderanimate 4s linear infinite;
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.homeRateItem {
	display: flex;
	align-items: center;
	gap: 17px;
}

.homeRateItem:nth-child(1) .icon {
	background: rgba(170, 86, 255, .15);
	color: #2A85FF;
}

.homeRateItem:nth-child(2) .icon {
	background: rgba(251, 188, 5, 0.15);
	color: #fbbc05;
}

.homeRateItem .icon {
	width: 30px;
	height: 30px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

.homeRateItem .text {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #e2deff;
}

.homeRateItem .text strong {
	font-weight: 600;
	color: #fff;
}

.homeRate {
	display: flex;
	align-items: center;
	gap: 30px;
}

.homeLogin {
	padding-bottom: 75px
}

.homeLogin .btn {
	border-radius: 15px !important
}

.homeLogin .card {
	background: #171f2e;
	box-shadow: 1px 1px 65px 0 rgba(135, 86, 255, .10), -3px 1px 50px 0 rgba(170, 86, 255, .15), 3px 3px 15px 5px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 1px 1px 65px 2px rgba(135, 86, 255, .15), -3px 1px 60px 1px rgba(170, 86, 255, .25), 3px 3px 15px 5px rgba(0, 0, 0, 0);
	-moz-box-shadow: 1px 1px 65px 2px rgba(135, 86, 255, .15), -3px 1px 60px 1px rgba(170, 86, 255, .25), 3px 3px 15px 5px rgba(0, 0, 0, 0);
	z-index: 10;
  	border-radius: 30px
}

.homeLogin .card .hlTitle {
	background: linear-gradient(89.31deg, rgba(170, 86, 255, 0.38) 4.55%, rgba(255, 255, 255, 0) 69.39%), linear-gradient(0deg, #ffffff, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 14px
}

.homeLogin .card .form-control,
.homeLogin .card .form-control:focus {
	background: #151b26;
	color: #9b93ce
}

.homeLogin .card .form-control::placeholder {
	color: #fff
}

.homeLogin .card .form-check-label,
.homeLogin .card .hlText {
	color: #9b93ce
}

.homeLogin .card .hlText a {
	color: #044aa9
}


@-webkit-keyframes borderanimate {
	0% {
		transform: translate(-50%, -50%) scale(0.5);
		opacity: 1;
		border-width: 3px;
	}

	40% {
		opacity: 0.5;
		border-width: 2px;
	}

	65% {
		border-width: 1px;
	}

	100% {
		transform: translate(-50%, -50%) scale(1.5);
		opacity: 0;
		border-width: 1px;
	}
}

@-moz-keyframes borderanimate {
	0% {
		transform: translate(-50%, -50%) scale(0.5);
		opacity: 1;
		border-width: 3px;
	}

	40% {
		opacity: 0.5;
		border-width: 2px;
	}

	65% {
		border-width: 1px;
	}

	100% {
		transform: translate(-50%, -50%) scale(1.5);
		opacity: 0;
		border-width: 1px;
	}
}

@-ms-keyframes borderanimate {
	0% {
		transform: translate(-50%, -50%) scale(0.5);
		opacity: 1;
		border-width: 3px;
	}

	40% {
		opacity: 0.5;
		border-width: 2px;
	}

	65% {
		border-width: 1px;
	}

	100% {
		transform: translate(-50%, -50%) scale(1.5);
		opacity: 0;
		border-width: 1px;
	}
}

@keyframes borderanimate {
	0% {
		transform: translate(-50%, -50%) scale(0.5);
		opacity: 1;
		border-width: 3px;
	}

	40% {
		opacity: 0.5;
		border-width: 2px;
	}

	65% {
		border-width: 1px;
	}

	100% {
		transform: translate(-50%, -50%) scale(1.5);
		opacity: 0;
		border-width: 1px;
	}
}

.acc-avatar {
	width: 66px;
	height: 66px;
	border-radius: 50%;
	object-fit: cover;
}

.acc-username {
	font-size: 19px;
	line-height: 19px;
	letter-spacing: 0.01em;
	color: #8b98b8;
	display: flex;
	align-items: center;
}

.acc-username .txt {
	font-weight: 600;
}

.acc-username i {
	color: #0dcaf0;
}

.acc-email {
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	margin-top: 8px;
	color: #4e5d7c;
}

.acc-switch {
	display: flex;
	background: var(--color-8);
	border-radius: 29px;
	border: 1px solid var(--color-6);
	height: 58px;
	padding: 8px;
	outline: none;
	min-width: 122px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	position: relative;
	transition: 0.14s ease;
}

.acc-switch:focus {
	box-shadow: none;
}

.acc-switch.gs-female .acc-switch-bg {
	left: 50%;
}

.acc-switch .acc-switch-bg {
	position: absolute;
	z-index: 3;
	border-radius: 40px;
	background-color: var(--color-6);
	left: 8px;
	width: calc(50% - 8px);
	top: 8px;
	bottom: 8px;
	transition: 0.2s ease;
}

.acc-switch .btn-gender {
	position: relative;
	z-index: 5;
	outline: none;
	border: none;
	background-color: transparent;
	width: calc(50% - 8px);
	font-size: 18px;
	line-height: 16px;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.acc-icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-color: rgba(2, 88, 255, 0.25);
	color: #0258FF;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.acc-icon.i-1 {
	background: rgba(246, 86, 25, 0.15);
	color: #f65619;
}

.acc-icon.i-2 {
	background: rgba(0, 182, 122, 0.15);
	color: #00B67A;
}

.acc-item {
	padding: 10px 0;
	flex-wrap: nowrap;
	overflow: hidden;
}

.acc-item-title {
	font-weight: 600;
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 0.01em;
	color: #8b98b8;
	margin-bottom: 6px;
}

.acc-item-text {
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	color: var(--color-5);
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
}

.brandSlider {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 400px;
}

.brandSlider .bShadow {
	overflow: hidden;
	position: relative;
}

@-webkit-keyframes translateinfinite {
	100% {
		transform: translateY(calc(-60px * 6));
	}
}

@keyframes translateinfinite {
	100% {
		transform: translateY(calc(-60px * 6));
	}
}

#infinite .bShadow {
	box-shadow: 0 3px 10px -3px rgba(21, 27, 38, 0.3);
	background: #151b26
}

#infinite .bShadow::before,
#infinite .bShadow::after {
	content: " ";
	position: absolute;
	z-index: 9;
	width: 100%;
	height: 100px;
}

#infinite .bShadow::before {
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, rgba(21, 27, 38, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

#infinite .bShadow::after {
	top: 0;
	right: 0;
	background: linear-gradient(to bottom, rgba(21, 27, 38, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

#infinite .bShadow div {
	width: 100%;
	-webkit-animation: translateinfinite 25s linear infinite;
	animation: translateinfinite 25s linear infinite;
}

.productBox {
	background: #171f2e;
	border-radius: 10px;
	height: 60px;
	padding: 0 25px;
	margin-bottom: 10px
}

.productBox .pbLeft {
	color: #fff
}

.productBox .pbLeft i {
	width: 35px;
	text-align: center
}

.productBox .pbRight {
	background: #151b26;
	border-radius: 7px;
	padding: 3px 15px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.7);
}

.hsTitle {
	font-size: 42px;
	font-weight: 600;
	background: linear-gradient(89.31deg, rgba(170, 86, 255, 0.38) 4.55%, rgba(255, 255, 255, 0) 69.39%), linear-gradient(0deg, #ffffff, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 48px;
}

.hsText {
	color: #e2deff
}

.sUpd.priceDown {
	color: rgba(133, 131, 251, 1)
}

.sUpd.newServ {
	color: rgba(59, 255, 211, 1)
}

.sUpd.priceUp {
	color: rgba(255, 38, 38, 1)
}

.sUpd.priceActive {
	color: rgba(255, 193, 7, 1)
}

.sUpd.priceCare {
	color: rgba(214, 97, 238, 1)
}

.chfa-box {
  background-image: url(https://storage.perfectcdn.com/a3vltc/qzws1kqs3u6kls6x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 55px 55px 0px 0px;
  padding: 105px 20px 234px 20px;
  position: relative;
  z-index: 2;
}

.chfa-box .title {
  margin-bottom: 0;
  font-weight: 700;
  color: #fff
}

.chfa-view {
  margin-top: -172px;
  z-index: 3;
  position: relative;
  text-align: center;
}

.chfa-view img {
  max-width: 100%;
  pointer-events: none;
  user-select: none;
}

.tickets {
	cursor: pointer;
	margin-bottom: 10px;
	position: relative;
	background: var(--color-2);
	border-radius: 15px;
	padding: 10px 15px;
}

.tickets:hover {
	background: var(--color-4);
	transition: 500ms all
}

.tickets .avatar.me-3 {
	margin-right: 15px !important;
}

.tickets .avatar .tickets-img {
	height: 40px;
	width: 40px;
	border-radius: 100%;
	background-color: var(--color-4);
	color: var(--color-3) !important;
	text-align: center;
	position: relative;
	border: 3px solid var(--color-8);
	box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
}

.tickets .avatar .tickets-img span {
	font-size: 24px;
	color: var(--color-6)
}

.tickets h6 {
	margin-bottom: 10px;
	font-size: 14px;
}

.tickets span {
	color: #71738d;
	font-size: 12px;
}

.tickets .date {
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 12px;
	color: #BCC2CF;
}

.ticketstatus.completed {
	color: #00B67A
}

.ticketstatus.pending {
	color: #fbbc05
}

.ticketstatus.closed {
	color: #ff3e7c
}


.ticket-message-block {
	display: flex;
}

.ticket-message-block.ticket-message-left+.ticket-message-left {
	margin-top: -50px;
}

.ticket-message-block.ticket-message-right+.ticket-message-right {
	margin-top: -50px;
}

.ticket-message-block.ticket-message-right {
	justify-content: flex-end;
}

.ticket-message-block.ticket-message-right .ticket-msg-container {
	text-align: right;
}

.ticket-message-block.ticket-message-right .ticket-msg-container .ticket-msg {
	background: var(--color-6);
	border-radius: 20px 20px 0 20px;
}

.ticket-message-block.ticket-message-left .ticket-msg-container .ticket-msg {
	border-radius: 20px 20px 20px 0px;
}

.ticket-message-block .ticket-msg-container {
	width: 100%;
	max-width: 400px;
}

.ticket-message-block .ticket-msg-container .ticket-msg {
	background: var(--color-8);
	border-radius: 30px;
	padding: 14px 26px;
	display: inline-flex;
	margin-bottom: 12px;
	font-weight: 500;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0.3px;
	color: var(--color-5);
}

.ticket-message-block .ticket-msg-container .date-time {
	font-size: 12px;
	line-height: 15px;
	color: #747886;
	margin-bottom: 30px;
	padding: 0 10px;
	display: block;
}

.schat-body .schat-chat-body {
	max-height: 553px;
	overflow-y: auto;
	margin: 0 -24px;
	padding: 0 24px;
}

.schat-body .schat-chat-body::-webkit-scrollbar {
	width: 6px;
	border-radius: 3px;
}

.schat-body .schat-chat-body::-webkit-scrollbar-track {
	background: transparent;
	border-radius: 3px;
}

.schat-body .schat-chat-body::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 3px;
}

.schat-body .schat-chat-body::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.4);
}

.schat-body .schat-input {
	padding-top: 10px;
}

.schat-msg-input {
	position: relative;
	display: flex;
	background: var(--color-2);
	border-radius: 0px 0px 28px 28px;
	height: 70px;
	align-items: center;
}

.schat-msg-input input {
	border: none;
	outline: none;
	background: transparent;
	flex: 1;
	padding: 0 30px;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
}

.schat-msg-input input::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.scd-item {
	background: var(--color-2);
	border: 1px solid var(--color-4);
	border-radius: 15px;
	padding: 20px 24px;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.scd-item+.scd-item {
	margin-top: 14px;
}

.scd-item .title {
	flex: 1;
}

.scd-item .text {
	color: var(--color-6);
}

.cp-sns-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: var(--color-5);
  margin-bottom: 25px;
}

.cp-sns-dns {
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: var(--color-6);
  background-color: var(--color-8);
  padding: 14px 20px;
  text-align: center;
  margin-bottom: 20px;
}

.cp-right-box {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.cp-right-box .cp-r-img {
  position: absolute;
  z-index: 1;
  right: 0px;
  bottom: 0px;
  top: 0px;
  width: 100%;
  background-image: url(https://storage.perfectcdn.com/a3vltc/j7sdqm0ssogw5he5.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto 80%;
}

.cp-right-box .card-body {
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cp-right-box .cp-r-title {
  font-weight: 600;
  font-size: 25px;
  line-height: 31px;
}

.cp-right-box .cp-r-text {
  margin-top: 6px;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-5);
  width: 100%;
}

@media (min-width: 992px) {
  .cp-right-box .cp-r-text {
    max-width: 70%;
  }
}

.cp-top {
  margin-bottom: 30px;
}

.blog-head {
  padding: 30px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.blog-head .blog-avatar {
	width: 50px;
    height: 50px;
    border: 2px solid var(--color-6);
    box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    font-size: 24px;
    padding-top: 3px;
    background: var(--color-8);
}

.blog-head .blog-avatar span {
  width: 100%;
  height: 100%;
  text-align: center
}

.blog-head .blog-head--username {
  font-weight: 600;
  font-size: 19px;
  line-height: 22px;
  color: #ffffff;
  margin-bottom: 4px;
}

.blog-head .blog-head--site {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  color: #92969d;
}

.card-blog {
  margin-bottom: 30px;
}

.card-blog .blog-img-wrapper {
  overflow: hidden;
  position: relative;
  padding-top: 48%;
}

.card-blog .blog-img-wrapper img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-blog .blog-title {
  padding: 30px;
}

.card-blog .blog-title h2 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.card-blog .blog-content {
  padding: 30px;
  font-size: 14px;
  line-height: 21px;
  color: #92969d;
}

.card-blog .blog-footer {
  padding: 30px;
}

.card-blog .blog-read-more {
  font-size: 16px;
  line-height: 14px;
  letter-spacing: -0.02em;
  color: #ffffff;
  display: flex;
  align-items: center;
}

.card-blog .blog-read-more:hover {
  color: #2dfad5;
}

.card-blog .blog-read-more i {
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-blog .blog-read-more span {
  font-weight: 600;
}
.blog-border {
  position: relative;
}

.blog-border::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 30px;
  height: 1px;
  background: #2a3f4e;
}

.blog-share-wrapper {
  display: flex;
  gap: 10px;
}

.blog-share-btn {
  display: inline-block;
  background: var(--color-2);
  border: 1px solid var(--color-1);
  box-sizing: border-box;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: 0.14s ease;
}

.blog-share-btn i {
  transition: 0.14s ease;
}

.blog-share-btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}

.blog-share-btn:hover {
  color: #fff;
}

.blog-share-btn:hover i {
  transform: scale(1.2);
}

.bi-head-wrapper {
  padding: 30px 0;
}

.bi-head-box {
  background: var(--color-8);
  border: 1px solid var(--color-2);
  box-sizing: border-box;
  border-radius: 35px;
  position: relative;
}

.bi-head-box .bi-head-bg {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 35px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0.15;
}

.bi-head-box .bi-head-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bi-head-box .bi-head-content {
  position: relative;
  z-index: 5;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (min-width: 992px) {
  .bi-head-box .bi-head-content {
    padding: 90px 30px;
  }
}

.bi-head-box .bi-head-content .bi-cat-wrapper {
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
}

.bi-head-box .bi-head-content .bi-cat-wrapper .bi-cat {
  display: inline-block;
  background: var(--color-8);
  border: 1px solid var(--color-6);
  box-sizing: border-box;
  color: var(--color-6);
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -0.04em;
  padding: 15px 45px;
}

.bi-head-box .bi-head-content .bi-title h1 {
  font-weight: 600;
  font-size: 35px;
  line-height: 40px;
}

.bi-head-box .bi-head-content .user-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bi-head-box .bi-head-content .user-wrapper .blog-head {
  padding: 24px 0 0 0;
}

.bi-service-category {
  padding: 0 0 30px 0;
}

.bi-service-category .bi-s-title {
  font-weight: 600;
  font-size: 19px;
  line-height: 22px;
  color: #ffffff;
}

.bi-service-category .bi-s-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #92969d;
  margin: 0;
}

.blog-content {
  padding-bottom: 30px;
}

.bi-content {
  font-size: 16px;
  line-height: 20px;
  color: var(--color-5);
}

.bi-content img,
.bi-content table {
  max-width: 100%;
}

.bi-share-section {
  padding-bottom: 30px;
}

.bi-share-section .blog-share-wrapper {
  justify-content: space-between;
}

ul.platforms {
	display: flex;
	align-content: center;
	list-style: none;
	gap: 6px;
	margin: 0;
	padding: 0;
}

ul.platforms li {
	flex-grow: 1;
}

ul.platforms li button {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid #222f56;
	background: #192446;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

ul.platforms li button.all {
	background: #4a5cf6;
	border: 1px solid #222f56;
}

ul.platforms li button.instagram {
	background: #ff0099;
	border: 1px solid #ff0099;
}

ul.platforms li button.twitter {
	background: #1da1f2;
	border: 1px solid #1da1f2;
}

ul.platforms li button.facebook {
	background: #3b5998;
	border: 1px solid #3b5998;
}

ul.platforms li button.youtube {
	background: #ff0000;
	border: 1px solid #ff0000;
}

ul.platforms li button.tiktok {
	background: #000000;
	border: 1px solid #000000;
}

ul.platforms li button.telegram {
	background: #0088cc;
	border: 1px solid #0088cc;
}

ul.platforms li button.steam {
	background: #000000;
	border: 1px solid #000000;
}

ul.platforms li button.discord {
	background: #7289da;
	border: 1px solid #7289da;
}

ul.platforms li button.reddit {
	background: #ff4500;
	border: 1px solid #ff4500;
}

ul.platforms li button.twitch {
	background: #6441a5;
	border: 1px solid #6441a5;
}

ul.platforms li button.snapchat {
	background: #fffc00;
	border: 1px solid #fffc00;
}

ul.platforms li button.snapchat i {
	color: #000;
}

ul.platforms li button.linkedin {
	background: #0077b5;
	border: 1px solid #0077b5;
}

ul.platforms li button.pinterest {
	background: #bd081c;
	border: 1px solid #bd081c;
}

ul.platforms li button.tumblr {
	background: #35465c;
	border: 1px solid #35465c;
}

ul.platforms li button.soundcloud {
	background: #ff5500;
	border: 1px solid #ff5500;
}

ul.platforms li button.likee {
	background: #964bff;
	border: 1px solid #964bff;
}

ul.platforms li button.website {
	background: #ff0000;
	border: 1px solid #ff0000;
}

ul.platforms li button.trendyol {
	background: #f27a1a;
	border: 1px solid #f27a1a;
}

ul.platforms li button i {
	font-size: 18px;
	color: #fff;
}

ul.platforms li button.active {
	transform: scale(1.1);
}

@media (max-width: 768px) {
	.scrollt {
		display: flex;
		overflow-x: scroll;
		overflow-y: auto;
		max-width: 100%;
	}

	.scrollt > * {
		display: flex;
		overflow-x: scroll;
		overflow-y: hidden;
		max-width: 100%;
		width: 100%;
		flex-wrap: nowrap;
		white-space: nowrap;
		justify-content: flex-start !important;
	}

	.scrollt ul.platforms {
		padding-bottom: 20px;
	}

	.scrollt .app-ord-nav {
		padding-top: 10px;
		padding-bottom: 20px;
	}
}

.btn-dark.active {
    background: #ff0099!important;
    border: 1px solid #ff0099!importan;
}

ul.cstmnav {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-content: center;
}

ul.cstmnav li {
	flex-grow: 1;
	width: 31%;
}

ul.cstmnav li a {
	color: var(--color-5);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	border-radius: 15px;
	background: var(--color-2);
	border: 1px solid var(--color-1);
	line-height: 1;
  	height: 50px
}

ul.cstmnav li a i {
	margin-right: 10px;
}

ul.cstmnav li a.active {
	background: var(--color-8);
	border: 1px solid var(--color-6);
}

@media (max-width: 576px) {
	ul.cstmnav li a i {
		margin-right: 4px;
	}

	ul.cstmnav li a {
		padding: 10px 8px;
		font-size: 11px;
	}
}

.s-col-id .sp-serv-sm {
	background: var(--color-6);
    padding: 5px 15px;
    border-radius: 10px;
    color: #fff;
  	font-weight: 600;
}

@media (min-width: 768px) {
  .bi-share-section .blog-share-wrapper {
    justify-content: flex-start;
    gap: 30px;
  }

  .bi-share-section .blog-share-wrapper .blog-share-btn {
    position: relative;
  }

  .bi-share-section .blog-share-wrapper .blog-share-btn+.blog-share-btn::before {
    content: "";
    position: absolute;
    left: -15px;
    height: calc(100% + 48px);
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    background-color: #2a3f4e;
  }
}

@media (min-width: 992px) {
  .bi-share-section .blog-share-wrapper {
    gap: 50px;
  }

  .bi-share-section .blog-share-wrapper .blog-share-btn+.blog-share-btn::before {
    left: -25px;
  }
}

@media (min-width: 1400px) {
  .bi-share-section .blog-share-wrapper {
    gap: 80px;
  }

  .bi-share-section .blog-share-wrapper .blog-share-btn+.blog-share-btn::before {
    left: -40px;
  }
}
.faq-ss-tabs .home-ss-tab {
  position: relative;
  cursor: pointer;
  background: transparent;
  color: var(--color-3);
  padding: 13px 20px;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--color-2)
}

.faq-ss-tabs .home-ss-tab .fa-minus {
  display: none;
}

.faq-ss-tabs .home-ss-tab.active {
  background: var(--color-8);
  color: var(--color-5);
  border-radius: 15px
}

.faq-ss-tabs .home-ss-tab.active .ss-tab-head {
  color: var(--color-5);
}

.faq-ss-tabs .home-ss-tab.active .ss-tab-head .right-p {
  color: var(--color-5);
}

.faq-ss-tabs .home-ss-tab.active .fa-minus {
  display: block;
}

.faq-ss-tabs .home-ss-tab.active .fa-plus {
  display: none;
}

.faq-ss-tabs .home-ss-tab .ss-tab-head {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-3);
}

.faq-ss-tabs .home-ss-tab .ss-tab-head .right-p {
  color: var(--color-6);
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}

.faq-ss-tabs .home-ss-tab .ss-tab-content {
  display: none;
  padding-top: 12px;
  color: var(--color-5);
  font-size: 16px;
  line-height: 170%;
  padding-bottom: 8px;
}

.nav-custom-3 {
  background: var(--color-1);
  border-radius: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 9px 12px;
}

.nav-custom-3 .nav-item .nav-link {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 16px 24px;
  letter-spacing: 0.02em;
  color: var(--color-5);
  display: block;
  background: transparent;
  border-radius: 15px;
  border: none;
}

.nav-custom-3 .nav-item .nav-link.active {
  background: var(--color-6);
}

.nav-custom-3 .nav-item .nav-link i {
  margin-right: 8px;
}

.login-section .row>* {
	flex-shrink: 0;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
}
  
.login-section .card {
	border-radius: 15px !important;
    background: #171f2e;
    box-shadow: 1px 1px 65px 0 rgb(135 86 255 / 10%), -3px 1px 50px 0 rgb(170 86 255 / 15%), 3px 3px 15px 5px rgb(0 0 0 / 0%);
    -webkit-box-shadow: 1px 1px 65px 2px rgb(135 86 255 / 15%), -3px 1px 60px 1px rgb(170 86 255 / 25%), 3px 3px 15px 5px rgb(0 0 0 / 0%);
    -moz-box-shadow: 1px 1px 65px 2px rgba(135, 86, 255, .15), -3px 1px 60px 1px rgba(170, 86, 255, .25), 3px 3px 15px 5px rgba(0, 0, 0, 0);
    z-index: 10;
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	padding: 20px 0
}
  
.login-section .btn-primary {
  	height: 66px
}

.login-remember-me input {
	display: none;
}

.login-remember-me input:checked+.lgn-btn {
	background: var(--color-6);
	border-color: var(--color-6);
	color: #fff;
}

.login-remember-me .lgn-btn {
	width: 66px;
	height: 66px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #151b26;
	border: 1px solid #151b26;
	border-radius: 15px;
	color: #9b93ce;
	font-size: 24px;
	transition: 0.2s ease;
	cursor: pointer;
}

.login-remember-me .lgn-btn::before {
	content: "\eae5";
	font-family: remixicon !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.log-remember-pass {
	width: 66px;
	height: 66px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #151b26;
	border: 1px solid #151b26;
	border-radius: 15px;
	color: #9b93ce;
	font-size: 24px;
	transition: 0.2s ease;
	cursor: pointer;
	text-decoration: none;
}

.log-remember-pass::before {
	content: "\eed2";
	font-family: remixicon !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.lg-icon {
	display: flex;
	width: 34px;
	height: 34px;
	background: rgba(33, 82, 255, 0.15);
	border: 1px solid #2152ff;
	border-radius: 10px;
	justify-content: center;
	align-items: center;
	color: #9b93ce;
	font-size: 17px;
}

@media (min-width: 992px) {
	.login-row>.col-start {
		flex: 0 0 auto;
		width: 64%;
	}

	.login-row>.col-end {
		flex: 0 0 auto;
		width: 36%;
	}
}

.login-input {
	border: none;
	outline: none;
	width: 100%;
	background: #151b26;
    color: #9b93ce;
	border-radius: 15px;
	height: 66px;
	padding: 0 24px;
	font-weight: 600;
}

.login-input:focus {
	outline: none;
	background: #151b26;
    color: #9b93ce;
}

.login-input::placeholder {
	font-weight: 600;
	color: #757fac;
}

.login-section {
	padding: 0 0 50px 0;
}

@media (min-width: 768px) {
	.login-section {
		padding: 50px 0;
	}
}

@media (max-width: 991.98px) {
	.login-row .btn-primary {
		padding: 23px 16px;
		font-size: 13px;
	}
}

.login-section .row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
}

.rank-features {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}


.modal-rank #serviceModalText {
	overflow: hidden;
    white-space: unset;
  	background: none;
  	border: none;
    padding: 0 30px;
    text-align: center
}

.modal-rank #serviceModalText .alert {
	padding: .25rem 1.25rem
}

.modal-rank #serviceModalText .alert:last-child {
	margin-bottom: 0
}

.nPlatform, .slistOne .nPlatform {
   display: none
}

.slistTwo .nPlatform  {
   display: block
}

.devServices, .ri-checkbox-circle-fill {
	display: none!important
}

.slistTwo .devServices, .slistTwo .ri-checkbox-circle-fill {
	display: block!important;
    color: #09b797!important;
	text-align: center;
    line-height: 28px;
}

.slistTwo .norServices, .slistTwo .ri-checkbox-circle-line {
	display: none!important
}

  .op-card--bottom {
	border-top: 1px solid var(--color-4);
    padding-top: 15px;
  }
  .op-card--top {
  	padding-bottom: 15px
  }
  .orders-nav-link {
	background: var(--color-2);
    border: 1px solid var(--color-4);
    box-sizing: border-box;
    border-radius: 15px;
    color: #637990;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    transition: 0.14s ease;
}
.op-search-box {
  transition: 0.14s ease;
}
.op-search-box:focus-within {
  box-shadow: 0 0 0 0.25rem rgba(2, 88, 255, 0.25);
}
.op-search-box .icon {
  color: #637990;
}
.op-search-box input {
  transition: 0.14s ease;
  background-color: transparent;
  border: none;
  outline: none;
  flex: 1;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}
.op-search-box input::placeholder {
  color: #566676;
}
.op-card {
  margin-bottom: 30px;
}
.op-card .op-card--top {
  padding-bottom: 30px;
  border-bottom: 1px solid #1b2454;
}
.op-card .op-card--bottom {
  padding-top: 30px;
}

.op-stats {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  padding: 10px 34px;
}
.op-stats.op-stats-sm {
  padding: 10px 15px;
  border-radius: 10px
}
.op-stats.op-stats-btn {
  padding: 20px 20px;
  display: inline-block;
  background: #0258FF;
  border: none;
  color: #566676;
  transition: 0.14s ease;
  color: #fff;
}
.op-stats.op-stats-btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(2, 88, 255, 0.25);
}
.op-stats.op-stats-btn.cs-btn {
  font-size: 24px;
  margin-bottom: 0;
}

.op-stats.danger-btn {
  border: 1px solid var(--color-6);
  background: var(--color-8);
  color:  var(--color-6);
}

.op-service-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
  color: var(--color-5);
  margin-bottom: 0px;
}

.op-search-box.op-order-link {
  display: flex;
  width: 100%;
}
.op-search-box.op-order-link .link {
  display: block;
  width: 100%;
  flex: 1 0 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-11);
  opacity: 0.8;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.op-date {
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
  color: #566676;
}
.op-date::before {
  content: "";
  width: 9px;
  height: 9px;
  background: #9aacbd;
  display: inline-block;
  border-radius: 50%;
  margin-right: 14px;
  margin-left: 0px;
}

.op-item {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: column;
}
@media (min-width: 992px) {
  .op-item {
    flex-direction: row;
  }
}
.op-item .title {
  font-size: 14px;
  line-height: 18px;
  color: #72879d;
}

.op-item .text {
  font-weight: 600;
  font-size: 18px;
  color: var(--color-5);
  line-height: 27px;
}

.panel-body {
    letter-spacing: -.01em;
    padding: 12px 24px;
    font-size: 13px;
    border-radius: 15px !important;
    background: var(--color-2);
    color: var(--color-3);
    border: none;
}


@media (max-width: 991.98px) {
  .op-stats {
    width: max-content;
    margin: auto;
  }
  .op-stats.op-stats-sm {
      padding: 5px 25px;
      border-radius: 10px;
  }  
  .sidebar.active .sidebar-top {
      justify-content: space-between!important;
  }
}

@media (max-width: 766.98px) {
	main {
		margin-left: 0!important;
	}

	header {
		left: 0!important;
	}

	.navbar {
		width: 100%;
	}

	.navbar .nav-item:not(:last-child) {
		margin-right: 0;
	}

	.navbar .menu-item {
		display: block;
	}

	.navbar .currencyItem .toggle-body::after {
		right: calc(50% - 10px);
	}

	.navbar .nav-item {
		position: unset;
	}

	.navbar .nav-item .toggle-body {
		width: 200px;
		right: 10px;
	}

	.navbar .user-item .toggle-body {
		max-width: unset;
	}

	.menu-toggle {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		max-width: 100%;
		top: -100%;
		left: 0;
		padding: 24px 16px;
		background-color: var(--color-1);
		z-index: 10;
	}

	.sidebar {
		position: absolute;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		transition: background-color .15s ease, max-width .35s ease, -webkit-transform .35s ease;
		transition: background-color .15s ease, max-width .35s ease, transform .35s ease;
		transition: background-color .15s ease, max-width .35s ease, transform .35s ease, -webkit-transform .35s ease;
	}

	.sidebar.active {
		max-width: 100%;
		min-width: 375px;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.sidebar.active .close-sidebar {
		display: block;
	}

	.sidebar.active .logo {
		margin-left: 10px;
	}

}

@media only screen and (max-width: 991.98px) {
	.userCard .ud-img {
		display: none
	}

	.userCard .userDetails {
		margin-bottom: 15px
	}

	.userCard .userDetails:last-child {
		margin-bottom: 0
	}

	.navbar .btn.create {
		display: none;
	}

	.desc-list {
		font-size: 14px
	}

	.service-item .s-row {
		flex-wrap: wrap;
		align-items: center;
	}

	.service-item .s-col-avtime {
		width: 100%;
		text-align: center;
	}

	.service-item .s-col-btn {
		flex: 1;
	}

	.service-item .s-col {
		padding: 0px 0;
	}

	.service-item .s-col::before {
		content: attr(data-title);
		display: block;
		padding-bottom: 6px;
		font-weight: 600;
		color: var(--color-3);
		font-size: 13px;
	}

	.service-item .s-col-fav {
		order: 100;
	}

	.service-item .s-col-id {
		width: 100%;
		text-align: center;
	}

	.service-item .s-title {
		width: 100%;
		text-align: center;
	}

	.service-item .s-col-c {
		width: 30%;
		text-align: center;
	}

	.service-item .s-col-d {
		width: 100%;
		text-align: center;
	}

	.search-services {
		margin-top: 15px
	}

	.m-title {
		font-size: 16px
	}

	#serviceModalText {
		padding: 15px;
		margin-top: 0
	}

	.m-header,
	.m-body {
		padding: 15px
	}

	.header-msg {
		display: none
	}

	.addF-text {
		display: none
	}

	.basket-drawer {
		width: 100%
	}

	.b-menu-wrapper .row.row-btn {
		display: unset !important
	}

	.homeHeader .hhSide .hhTitle {
		font-size: 24px;
		text-align: center;
		line-height: 42px
	}

	.homeHeader .hhSide .hhTitle span {
		font-size: 30px
	}

	.hsTitle {
		font-size: 24px;
		line-height: 42px;
		text-align: center
	}

	.homeSection .rotate {
		font-size: 32px;
	}

	.tickets.d-flex {
		display: block !important;
	}

	.tickets .avatar.me-3 {
		display: none
	}

	.reg-logo {
		height: 45px
	}
    .d-flex.neworder-card {
          display: block!important
    }
    .search-input.input-group {
        width: 100%;
        margin: 20px 0;
    }
}


@media only screen and (min-width: 992px) {
	.si-wrapper {
		flex: 0 0 auto;
		width: 50%;
	}

	.s-row.s-title {
		display: flex;
	}

	.s-col {
		flex: 0 0 50px;
		width: 50px;
	}

	.s-col.s-col-sm {
		flex: 0 0 70px;
		width: 70px;
	}

	.s-col.s-col-md {
		flex: 0 0 100px;
		width: 100px;
	}

	.s-col.s-col-lg {
		flex: 0 0 180px;
		width: 180px;
	}

	.s-col.s-title {
		flex: 1 0 0;
		width: auto;
	}

	.services-wrapper {
		flex-direction: column;
	}

	.si-wrapper {
		width: 100%;
	}

	.sp-services .card {
		background-color: #fff;
		border: 1px solid #eee;
		overflow: hidden;
	}

	button .ri-history-line {
		display: none
	}

	.sc-sup-item .text {
		margin-bottom: 0;
	}

	.headOut.fixed {
		background-color: rgba(34, 39, 55, 0.5) !important;
		backdrop-filter: blur(30px);
	}

	.headOut.fixed .nmenu .nmenu-item .nmenu-link {
		padding: 20px 20px;
	}

	.b-menu-wrapper {
		display: block;
		bottom: inherit;
		background-color: transparent;
		position: relative;
		border-radius: 0;
		padding: 0;
		width: 100%;
		transform: none;
		overflow: inherit;
		opacity: 1 !important;
	}

	.sm-header {
		display: none;
	}

	.b-menu-close {
		display: none;
	}

	.head-right-btns {
		display: inline;
	}

	.header-btn.without-icon {
		background-color: transparent;
		padding: 14px 30px;
	}

	.header-btn.without-icon .icon {
		display: none;
	}

	.nmenu {
		display: inline-flex;
		align-items: center;
		flex-direction: row;
		padding: 5px 0 0 0
	}

	.nmenu .nmenu-item .nmenu-link {
		padding: 34px 20px;
		display: block;
		font-size: 16px;
	}

	.nmenu .nmenu-item .nmenu-link::before {
		display: block;
		background-color: #2A85FF !important;
	}

	.homeHeader {
		margin-top: -127px;
		padding-top: 127px;
	}

	.homeHeader .hhSide {
		padding: 110px 0 0 0;
	}
}


@media (max-width: 990.98px) {
	main {
		margin-left: 75px;
	}

	header {
		left: 75px;
	}

	.sidebar {
		max-width: 75px;
	}

	.sidebar .menu .nav-link {
		font-size: 0;
	}

	.sidebar .menu .nav-link .icon-item {
		margin-right: 0;
	}

	label.switch-theme {
		height: 48px;
	}

	label.switch-theme::before {
		width: calc(100% - 8px);
		height: 40px;
	}

	label.switch-theme .mode-dark .theme-text,
	label.switch-theme .mode-light .theme-text {
		display: none;
	}

	label.switch-theme .mode-dark .theme-icon,
	label.switch-theme .mode-light .theme-icon {
		margin: 4px 0 0 15px
	}


	input#switch-theme-input:checked+label::before {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}


	input#switch-theme-input:checked+label .mode-dark {
		-webkit-transform: translateX(-42px);
		transform: translateX(-42px);
	}

	input#switch-theme-input:checked+label .mode-light {
		-webkit-transform: translateX(-27px);
		transform: translateX(-27px);
		opacity: 0;
	}
}

   @media (min-width: 1199.98px) {
		.sidebar.passive , .sidebar.passive .menu {
			overflow: visible!important
		}
		.sidebar.passive .nav-item {
			position: relative
		}
		.sidebar.passive .nav-item a .menu-text {
			position: absolute;
			box-shadow: 1px 0 16px -4px rgba(0, 0, 0, 0.25);
			background: var(--color-6);
			color: var(--color-5);
			width: 170px;
			z-index: 99999;
			left: 75px;
			top: 13px;
			border-radius: 10px;
			padding: 7px 15px;
			text-align: center;
			visibility: hidden;
			font-size: 13px
		}
		.sidebar.passive .nav-item a:hover .menu-text {
			visibility: visible;
			left: 88px;
			transition: 100ms
		}   
	}

.mobile-navbar {
  position: fixed;
  z-index: 1031;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 56px;
  border-top: 1px solid;
    background-color: var(--color-2);
    border-color: var(--color-8);
  padding: 0 10px;
}

.mobile-navbar-content {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-around;
}

.mnc-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--color-5);
}

.mnc-item.active {
  color: #fff;
}

.mnc-item-icon {
  font-size: 20px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
}

.mnc-item-text {
  font-size: 12px;
  font-weight: 500;
}

@media (max-width: 768px) {
  main {
  	padding-bottom: 50px
  }
  .sidebar {
      height: calc(100% - 50px)!important;
  }
  .rankCard {
  		margin-top: 10px
  }
  .rankCard .rc-card {
  		min-width: 100%!important
  }
  .rankCard .rc-img {
  		display: none
  }
  .rankCard .progress {
  		width: 100%
  }
  .rankCard .rc-card .d-flex {
  		display: block!important
  }
}

@media (min-width: 768px) {
  .mobile-navbar {
    display: none;
    opacity: 0;
    transform: translateY(100%);
  }
}

.nextRank {
	color: var(--color-5);
    font-size: 13px;
    background: var(--color-8);
    border-radius: 15px;
    padding: 3px 10px;
}

.schat-chat-body .schat-body-content ul.chat {
	max-height: 350px;
	min-height: 350px;
	overflow-y: scroll;
	padding-right: 20px
}

.schat-chat-body .schat-body-content ul.chat::-webkit-scrollbar {
	width: 5px;
	border-radius: 2px
}

.schat-chat-body .schat-body-content ul.chat::-webkit-scrollbar-track {
	border-radius: 2px;
	background-color: rgba(255, 255, 255, .2)
}

.schat-chat-body .schat-body-content ul.chat::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background-color: #fff
}

.schat-chat-body .schat-body-content ul.chat::-webkit-scrollbar-thumb:hover {
	background: #fff
}

.schat-chat-body .schat-body-content ul.chat li.user {
	display: flex;
	align-items: start;
	justify-content: flex-end;
	margin-bottom: 20px
}

.schat-chat-body .schat-body-content ul.chat li.user .l {
	text-align: end;
	margin-right: 30px
}

.schat-chat-body .schat-body-content ul.chat li.user .l .answer {
	background-color: var(--color-8);
	color: var(--color-5);
	font-size: 14px;
	font-weight: 500;
	padding: 20px;
	border-radius: 10px;
	border-bottom-right-radius: 0;
	margin-bottom: 10px
}

.schat-chat-body .schat-body-content ul.chat li.user .l small {
	color: #afbbc6;
	font-size: 12px;
	font-weight: 600;
	text-align: end
}

.schat-chat-body .schat-body-content ul.chat li.user .r {
	min-width: 100px;
	max-width: 100px
}

.schat-chat-body .schat-body-content ul.chat li.user .r span.avatar {
	width: 54px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #fff;
	color: #3d455a;
	font-size: 20px;
	font-weight: 700;
	margin: 0 auto;
	text-transform: uppercase
}

.schat-chat-body .schat-body-content ul.chat li.user .r .name {
	margin-top: 8px;
	color: #dadada;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 4px;
	text-align: center
}

.schat-chat-body .schat-body-content ul.chat li.user .r small {
	color: #afbbc6;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	display: block
}

.schat-chat-body .schat-body-content ul.chat li.web {
	display: flex;
	align-items: start;
	justify-content: start;
	margin-bottom: 20px
}

.schat-chat-body .schat-body-content ul.chat li.web .l {
	text-align: start;
	margin-left: 30px
}

.schat-chat-body .schat-body-content ul.chat li.web .l .answer {
	background-color: var(--color-6);
	color: var(--color-5);
	font-size: 14px;
	font-weight: 500;
	padding: 20px;
	border-radius: 10px;
	border-bottom-left-radius: 0;
	margin-bottom: 10px
}

.schat-chat-body .schat-body-content ul.chat li.web .l small {
	color: #afbbc6;
	font-size: 12px;
	font-weight: 600;
	text-align: start
}

.schat-chat-body .schat-body-content ul.chat li.web .r {
	min-width: 100px;
	max-width: 100px
}

.schat-chat-body .schat-body-content ul.chat li.web .r span.avatar {
	width: 54px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #fff;
	color: #3d455a;
	font-size: 20px;
	font-weight: 700;
	margin: 0 auto;
	text-transform: uppercase
}

.schat-chat-body .schat-body-content ul.chat li.web .r .name {
	margin-top: 8px;
	color: #dadada;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 4px;
	text-align: center
}

.schat-chat-body .schat-body-content ul.chat li.web .r small {
	color: #afbbc6;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	display: block
}

.schat-chat-body .schat-body-content ul.chat {
	padding-left: 0
}

@media (max-width: 991.98px) {

	.schat-chat-body .schat-body-content ul.chat li.web .r,
	.schat-chat-body .schat-body-content ul.chat li.user .r {
		display: none
	}

	.mobiledetail {
		display: block !important
	}

}

.outside-lang {
	background: var(--color-6);
    color: var(--color-5);
    padding: 5px;
    font-size: 24px;
    border-radius: 7px;
}

.outside-toggle {
	background: var(--color-1);
    border-radius: 10px;
    margin-top: 10px;
}

.modal-body, .modal-header, .modal-footer {
	background: var(--color-1)
}

.modal-header, .modal-footer {
	border-color: var(--color-2)
}

.select2-results__option a {
    border-bottom: 1px solid #2f3a50
}

@media (max-width: 991.98px) {
  .card .col-12 .dropdown .btn-primary {
      width: 100%;
      margin-bottom: 10px
  }
}

.select2-container .select2-selection__icon {
    width: 20px;
}

.btn.btn-info.call-me {
    position: fixed;
    right: 0;
  	top: 45vh;
    animation: pulseTwo 1.8s infinite ease-in-out;
    border-radius: 5px 0 0 5px;
    background: var(--color-6);
  	font-size: 24px;
    color: #fff;
    width: 42px;
    height: 42px;
    padding: 0;
}

@Keyframes pulseTwo {
  0% {
    -webkit-box-shadow: 0 0 0 0 
      rgba(170,86,255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px 
      rgba(170,86,255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 
      rgba(170,86,255, 0);
  }
}

@Keyframes pulseTwo {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(170,86,255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(170,86,255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(170,86,255, 0);
  }
}
@Keyframes pulseTwo {

  0% {
    box-shadow: 0 0 0 0 
      rgb(170,86,255, 0.2);
  }
  70% {
    box-shadow: 0 0 0 10px 
      rgb(170,86,255, 0.2);
  }
  100% {
    box-shadow: 0 0 0 0 
      rgb(170,86,255, 0.2);
  }
}

@media (max-width: 991.98px) {
  .mobile-app-text {
  		text-align: center
  }
  
  .mobile-app-text .d-flex {
  		display: block!important
  }
}

.main_category {
	position: absolute;
    right: 0;
    z-index: 9999;
    min-width: 350px;
    background: var(--color-2);
    border: 1px solid var(--color-1);
    border-radius: 10px;
    padding: 15px;
}

.main_category p span {
    padding-right: 25px;
    font-weight: 800;
    padding-left: 8px;
}

.service_type p {
    font-size: 16px;
    line-height: 19px;
    margin: 16px 0px 8px;
    border-bottom: 1px solid var(--color-8);
    padding: 0px 0 12px;
}

p.rba_btn span {
    font-size: 18px;
    padding-right: 30px;
    padding-left: 10px;
}

em {
	font-style: normal
}

    label.checkbox {
        --border-default: var(--color-3);
        --border-hover: var(--color-6);
        --active: #2FCD94;
        --active-tick: #fff;      
        display: block;
        width: 18px;
        height: 18px;
        cursor: pointer;
        position: relative;
        -webkit-tap-highlight-color: transparent;
        margin: 0;
   }
   label.checkbox svg {
        display: block;
        position: absolute;
   }
   label.checkbox input {
        display: block;
        outline: none;
        border: none;
        padding: 0;
        margin: 0;
        margin-left: 0!important;
        -webkit-appearance: none;
        width: 18px;
        height: 18px;
        border-radius: 36% / 36%;
        box-shadow: inset 0 0 0 1.5px var(--border, var(--border-default));
        background: var(--background, transparent);
        transition: background 0.25s linear, box-shadow 0.25s linear;
   }
   label.checkbox input + svg {
        width: 21px;
        height: 18px;
        left: 0;
        top: 0;
   }
   label.checkbox input + svg .tick {
        stroke-dasharray: 20;
        stroke-dashoffset: var(--stroke-dashoffset, 20);
        transition: stroke-dashoffset 0.2s;
   }

  
   label.checkbox input + svg .tick.mask {
        stroke: var(--active-tick);
   }
   label.checkbox input + svg + svg {
        width: 11px;
        height: 11px;
        fill: none;
        stroke: var(--active);
        stroke-width: 1.25;
        stroke-linecap: round;
        top: -6px;
        right: -10px;
        stroke-dasharray: 4.5px;
        stroke-dashoffset: 13.5px;
        pointer-events: none;
        animation: var(--animation, none) 0.2s ease 0.175s;
   }
   label.checkbox input:checked {
        background: var(--color-6);
        border-color: #fff;
   }
   label.checkbox input:checked + svg {
        --stroke-dashoffset: 0;
   }
   label.checkbox input:checked + svg + svg {
        --animation: check;
   }
   label.checkbox:hover input:not(:checked) {
        --border: var(--border-hover);
   }
    @keyframes check {
        100% {
            stroke-dashoffset: 4.5px;
       }
   }

@media only screen and (min-width:962px) {
    .contents {
        display: flex
    }
    .defaultcontent {
        width: 100%
    }
    .categorymenu {
        background: var(--color-2);
        border-radius: 10px;
        max-height: 0;
        opacity: 1;
        display: none;
        transition: all .4s;
        position: absolute;
        right: 0;
        left: 0;
        padding-bottom: -6px;
        margin-top: 6px;
        border: 1px solid var(--color-2);
        box-shadow: 0 0 15px 0 #00000024
    }

    .categorymenu.active {
        max-height: 342px;
        opacity: 1;
        display: block;
        transform: scale(1) translateX(0);
        transition: all .4s;
        border: 1px solid var(--color-2);
        z-index: 999999999
    }

    .servicename {
		font-size: 16px;
		font-weight: 400;
		align-items: center;
		text-align: left;
		line-height: 20px;
    }

    .categorylist {
        max-height: 276px;
        border-radius: 0 0 16px 13px;
        overflow-x: auto
    }

    .servicesmenu {
        background: var(--color-2);
        border-radius: 18px;
        max-height: 0;
        opacity: 1;
        display: none;
        transition: all .4s;
        position: absolute;
        right: 0;
        left: 0;
        padding-bottom: -6px;
        margin-top: 6px;
        border: 1px solid var(--color-2);
        box-shadow: 0 0 15px 0 #00000024
    }

    .servicesmenu.active {
        max-height: 342px;
        opacity: 1;
        display: block;
        transform: scale(1) translateX(0);
        transition: all .4s;
        border: 1px solid var(--color-2);
        z-index: 999999999
    }

    .servicesname {
        display: flex;
        font-size: 15px;
        font-weight: 400;
        align-items: center
    }

    .serviceslist {
        max-height: 330px;
        border-radius: 0 0 16px 13px;
        overflow-x: auto
    }

    .srcsp {
        font-size: 12px;
        color: var(--color-3);
        margin-right: 15px;
        font-weight: 400
    }

    .m-service-box {
        background: var(--color-2);
        color: var(--color-3);
        border-radius: 0;
        border: 0;
        border-bottom: 2px solid var(--color-1);
        width: 100%;
        transition: .2s ease;
        margin-top: -6px;
    }

    .servicebox:hover{
        background: var(--color-1);
    }

    .servicebox {
        background: var(--color-2);
        padding: 8px 10px 1px 10px;
        color: var(--color-3);
        border-radius: 0;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        align-items: center
    }
    

    .servicetop {
        padding-left: 2px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

}

@media only screen and (max-width:962px) {
    .defaultcontent {
        width: 100%;
        margin-right: 15px
    }

    .categorymenu {
        background: var(--color-2);
        border-radius: 10px;
        margin-top: 10px;
        min-height: 0;
        opacity: 0;
        display: none;
        transition: all .4s;
        position: absolute;
        border: 1px solid var(--color-2);
        left: 0;
        right: 0;
        box-shadow: 0 0 15px 0 #00000024
    }

    .categorymenu.active {
        max-height: 437px;
        opacity: 1;
        display: block;
        transition: all .4s;
        border: 1px solid var(--color-2);
        z-index: 999999999;
        position: absolute
    }

    .categorymenu.active body {
        opacity: .1
    }

    .servicename {
        font-size: 13px;
        text-align: left;
        font-weight: 400;
        line-height: 20px;
        align-items: center;
    }

    .categorylist {
        max-height: 362px;
        border-radius: 0 0 16px 13px;
        overflow-y: scroll
    }

    .servicesmenu {
        background: var(--color-2);
        border-radius: 10px;
        margin-top: 10px;
        min-height: 0;
        opacity: 0;
        display: none;
        transition: all .4s;
        position: absolute;
        border: 1px solid var(--color-2);
        left: 0;
        right: 0;
        box-shadow: 0 0 15px 0 #00000024
    }

    .servicesmenu.active {
        max-height: 380px;
        opacity: 1;
        display: block;
        transition: all .4s;
        border: 1px solid var(--color-2);
        z-index: 999999999;
        position: absolute
    }

    .servicesmenu.active body {
        opacity: .1
    }

    .serviceslist {
        max-height: 286px;
        border-radius: 0 0 16px 13px;
        overflow-y: scroll
    }

    .srcsp {
        font-size: 11px;
        color: var(--color-3);
        margin-right: 7px;
        font-weight: 400
    }

    .m-service-box {
        background: var(--color-2);
        color: var(--color-3);
        border-radius: 0;
        border: 0;
        border-bottom: 2px solid var(--color-2);
        width: 100%;
        transition: .2s ease;
        margin-top: -6px;
    }

    .servicebox:hover{
        background: var(--color-2);
    }

    .servicebox {
        background: var(--color-2);
        padding: 5px;
        color: var(--color-3);
        border-radius: 10px;
        margin-bottom: 10px;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        align-items: center
    }

    .servicetop {
        padding: 2px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .searbox {
        display: flex;
        width: 47%;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .catebox {
        z-index: 99999999;
        position: relative;
        width: 47%
    }

    .catebox.active {
        width: 100%
    }
}

.m-btn {
    padding: 10px 33px 12px;
    border: 0;
    font-weight: 600;
    transition: .2s ease;
    text-decoration: none;
}

.btn-main {
    background: var(--color-3);
    touch-action: manipulation;
    color: var(--color-2);
    border: 0;
    border-radius: 7px;
    line-height: 20px;
    white-space: nowrap;
    font-size: 16px;
    vertical-align: middle;
    font-weight: 700;
}

.btn-main:link {
    text-decoration: none
}

.btn-main:hover {
    background: var(--tp-color-700);
    color: var(--color-2);
    border: 0
}

.servicename i {
    margin-right: 4px;
    font-size: 16px
}

.servicedetail {
    display: flex;
	margin-top: 20px
}

.servicebottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 14px;
}

.serviceprice {
    display: flex;
    line-height: 1;
    align-items: center;
    width: 50%;
    justify-content: flex-end;
}

.servicespeed {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 4px;
}

.servicespeed span {
    background: var(--color-2);
    padding: 4px 8px;
    border-radius: 7px;
    margin-right: 5px;
    color: white;
    font-weight: 600;
    font-size: 11px;
    margin-top: 4px;
}

.servicespeed i {
    margin-right: 4px;
    font-weight: 600;
}

.serviceprice .m-btn {
    padding: 2px 13px;
}

.topmenu .m-btn {
    padding: 5px 20px
}


.srcsp span {
    font-weight: 700;
    color: var(--color-3);
}

.categoryname {
    background: var(--color-2);
    border-radius: 10px;
    padding: 7px 14px;
    font-size: 15.5px;
    display: flex;
    width: 100%;
    border: 0;
    color: var(--color-3);
    z-index: 999999;
    height: 50px;
    overflow-y: hidden;
    line-height: 30px;
    justify-content: space-between;
    align-items: center;
}

.categoryname i {
    margin-right: 5px;
    font-size: 16px
}

#order-category {
    text-align:left;
}

#order-services{
    text-align:
    left;
    height: 28px;
    margin-top: 2px;
}

.catename {
    background: var(--color-2);
    border-radius: 10px;
    padding: 9px 15px;
    display: flex;
    width: 100%;
    border: 0;
    color: var(--color-3);
    z-index: 99999;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--color-2);
}

.orderlink {
    color: var(--tp-color-cyan);
}

.categoryselect {
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--color-1);
    padding: 6px 10px;
    background: var(--color-2);
    color: var(--color-3);
    text-align: left;
    align-items: center;
	line-height: 24px
}

.categoryselect img {
    width: 20px;
    margin-right: 5px
}

.categoryselect:hover {
    background: var(--color-10)
}

.categoryselect span {
    font-size: 18px;
    margin-right: 5px
}

.catselect {
    width: 100%;
    display: flex;
    border: 0;
    border-bottom: 1px solid var(--color-2);
    padding: 15px 10px;
    background: var(--color-2);
    color: var(--color-3);
    text-align: left;
    align-items: center;
    justify-content: flex-start
}

.catselect span {
    margin-right: 5px
}

.catselect img {
    margin-right: 5px
}

.catselect:hover {
    background: var(--color-2)
}

.catselect span {
    font-size: 18px;
    margin-right: 5px
}

.categorybox::after {
    transition: all .4s
}

.categorycontent {
    background: 0;
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .5s ease;
    z-index: 9999
}

.categorycontent.active {
    background: #0000004f;
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: .5s ease;
}

.categorybox {
    z-index: 3;
    position: relative
}

.servicesname {
    background: var(--color-2);
    border-radius: 10px;
    padding: 3px 15px;
    display: flex;
    width: 100%;
    border: 0;
    text-align: left;
    color: var(--color-3);
    height: 50px;
    overflow-y: hidden;
    z-index: 999999;
    line-height: 30px;
    align-items: center;
    justify-content: space-between
}

.servicesname i {
    margin-right: 5px
}

.servicesselect {
    width: 100%;
    display: flex;
    border: 0;
    border-bottom: 1px solid var(--color-1);
    padding: 15px 10px;
    background: var(--color-2);
    color: var(--color-3);
    align-items: center
}

.servicesselect:hover {
    background: var(--color-2)
}

.servicesselect span {
    font-size: 18px;
    margin-right: 5px
}

.servicesbox::after {
    transition: all .4s
}

.servicescontent {
    background: 0;
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .5s ease;
    z-index: 9999
}

.servicescontent.active {
    background: #0000004f;
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: .5s ease;
}

.servicesbox {
    z-index: 2;
    position: relative
}


.fade-in {
    -webkit-animation: fadeIn .3s;
    -moz-animation: fadeIn .5s;
    -o-animation: fadeIn .5s;
    -ms-animation: fadeIn .5s
}

@keyframes fadeIn {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes fadeIn {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}


.sertops {
    display: flex;
    justify-content: space-between;
}

.fa-vimeo {
   color: #80c5ec;
    -webkit-background-clip: text;
   background-clip: text
}

.fa-twitch {
   color: #6842ac;
    -webkit-background-clip: text;
   background-clip: text
}

.fa-reddit {
   color: #f44707;
    -webkit-background-clip: text;
   background-clip: text
}

.fa-telegram,
.fa-telegram-plane{
   color: #1b95cf;
    -webkit-background-clip: text;
   background-clip: text
}

.fa-linkedin {
   color: #0475b4;
    -webkit-background-clip: text;
   background-clip: text
}

.fa-soundcloud {
   color: #ef7509;
    -webkit-background-clip: text;
   background-clip: text
}

.fa-spotify {
   color: #1fc158;
    -webkit-background-clip: text;
   background-clip: text
}

.fa-twitter {
   color: #1b9ff1;
    -webkit-background-clip: text;
   background-clip: text
}

.fa-facebook,
.fa-facebook-f{
   color: #12a1f4;
    -webkit-background-clip: text;
   background-clip: text
}

.fa-youtube {
   color: #e60606;
   -webkit-background-clip: text;
   background-clip: text
}


.fa-pinterest {
   color: #ee0226;
   -webkit-background-clip: text;
   background-clip: text
}

.fa-signal-stream {
   color: #17b3e6;
   -webkit-background-clip: text;
   background-clip: text
}
.fa-snapchat-ghost {
   color: #f9f606;
-webkit-background-clip: text;
   background-clip: text
}

.fa-tumblr {
   color: #33435a;
    -webkit-background-clip: text;
   background-clip: text
}

.fa-tiktok {
   color: var(--color-3);
   text-shadow: 1px 1px #f72e4dfc, -1px -1px #09f3f3;
}

.fa-comment-music {
   color: #f9de48;
    -webkit-background-clip: text;
   background-clip: text
}

.fa-discord {
   color: #5865f6;
    -webkit-background-clip: text;
   background-clip: text
}

.fa-dailymotion {
   color: #03a8fb;
    -webkit-background-clip: text;
   background-clip: text
}

.fa-whatsapp {
   color: #25D366;
    -webkit-background-clip: text;
   background-clip: text
}

.fa-eye {
   color: #01ffee;
    -webkit-background-clip: text;
   background-clip: text
}

.fab.fa-instagram {
    background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#eb2880 90%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gap-2{
  gap: .5rem!important
}

.op-stats.orderid {
    background-color: var(--color-8);
    border: 1.5px solid #6394ef;
    color: var(--color-5);
}

@media (max-width: 991.98px) {
  .bs-toast {
      bottom: 70px;
      left: 30px;
  }
}

.flag-icon {
	border-radius: 5px
}

.item-title .flag-icon {
	border-radius: 2px;
  	margin-right: 5px
}

.main-logo-lg {
    /* height: 110px; */
    width: auto!important;
}

.navbar {
	padding: 0!important
}

@media (max-width: 991.98px) {
  .navbar .user-item .toggle-head {
      height: 35px;
      width: 35px
  }
  .navbar .user-item .toggle-head span {
      font-size: 18px
  }
}

.top-balance {
	background: rgb(22, 163, 74, 1);
    color: #fff!important;
    border-radius: 5px;
    padding: 5px 10px;
}

.top-balance:hover, .top-balance:focus {
    background: rgb(21, 128, 61, 1);
    color: #fff!important
}

.currencyList {
   max-height: 300px;
   overflow-y: scroll;
}

.crrncy .dropdown-menu.show {
    display: block;
    /* height: 300px!important; */
    overflow-y: scroll!important;
    transform: translate3d(0px, 50px, 0px)!important;
  	width: 100%!important
}

.servicebox {
	border: 1px solid #dfdfdf
}

.dark .servicebox {
	border: 1px solid #2c3953
}

.card-green {
	background: rgba(4, 169, 71, 0.25);
  	color: rgba(4, 169, 71, 1);
  	font-size: 16px;
  	cursor: pointer;
  	transition: 300ms all
}

.card-green:hover {
	background: rgba(4, 169, 71, 0.45);
  	color: #fff
}

.card-green .read-texts {
	font-size: 14px;
  	color: #fff
}

.card-green .read-texts .green-txt {
    color: #fff;
    background: rgba(4, 169, 71, 1);
    border-radius: 5px;
    padding: 5px;
    font-weight: 600;
}

.categorysearch {
	margin: 10px
}

.categorysearch .searchbox {
    background: var(--color-1);
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    height: 50px;
  	border: 1px solid var(--color-4);
  	color: var(--color-5)
}

.categorysearch .searchbox::placeholder {
	color: var(--color-5);
  	opacity: .5
}

#subs-btn, #news-btn {
    color: var(--color-5);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

#subs-btn {
    background: var(--color-8)!important;
  	border: 1px solid var(--color-6)
}

@media (max-width: 991.98px) {
    #subs-btn {
      padding-right: 10px
    }
}

  .methodwrap {
    display: flex;
    position: relative;
  }
  .methodwrap img {
    max-width: 35px;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 60px;
    background: #fff;
    padding: 2px;
  }
  .methodwrap .paymethbtn img {
    position: relative;
    top: 0;
    left: 0;
    display: none;
    margin-right: 15px;
  }
  .convrt li button {
    padding: 2px;
  }
  .convrt li button.Cbasenm .p-coinbase {
    display: block;
  }
  .convrt li button.Bitcoinnm .p-bitcoin {
    display: block;
  }
  .convrt li button.pMoneynm .p-pmoney {
    display: block;
  }
  .convrt li button.ManualPMnm .p-pmoney {
    display: block;
  }
  .convrt li button.USDTnm .p-usdt {
    display: block;
  }
  .convrt li button.LTCnm .p-ltc {
    display: block;
  }  
  .convrt li button.Payeernm .p-payeer {
    display: block;
  }    
  .convrt li button.VIPnm .p-vip {
    display: block;
  }     
  .convrt li button.Cryptomusnm .p-cmus {
    display: block;
  }    
  .convrt li button.Phonepenm .p-phonepe {
    display: block;
  }
  .convrt li button.Primenm .p-ppayment {
    display: block;
  }
  .convrt li button.Cardlinknm .p-clink {
    display: block;
  }
  .convrt li:first-child button img {
    display: none !important;
  }
  .invsty{
    display: flex;
    flex-direction: column-reverse;
  }
  .invsty {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: stretch;
  }
  .form-group.amounts {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  div#order_transaction_id {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  div#instruction_instruction {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
  .convrt li {
    display: none;
    cursor: pointer;
    padding: 0;
    min-width: 150px;
  }

  .convrt li:first-child button {
    width: 100%;
    color: var(--color-3);
    background: var(--color-2);
    height: 50px;
    border-radius: 15px;
    margin: 3px 0;
    padding-left: 60px;
  }
  .methodwrap img {
    z-index: 1;
    top: 8px;
    left: 6px;
  }

  .convrt li button {
    background: var(--color-2);
    border: 1px solid var(--color-1);
    width: 100%;
    margin: 0;
    border-radius: 0;
    color: var(--color-3);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px
  }

  .convrt li:first-child {
    display: block;
    border-top: 0px;
  }

  .convrt {
    display: inline-block;
    padding: 0;
    border-radius: 4px;
    position: relative;
    width: 100%;
  }

  .convrt li:hover {
    background-color: #ddd;
  }

  .convrt li:first-child:hover {
    background-color: transparent;
  }

  .convrt.open li {
    display: block;
  }

  .convrt span:before {
    position: absolute;
    top: 5px;
    right: 15px;
    content: "\2193";
  }

  .convrt.open span:before {
    content: "\2191";
  }

.vip-rank i {
	background: var(--color-6);
    width: 50px;
    height: 50px;
    border-radius: 15px;
    text-align: center;
    line-height: 50px;
    font-size: 28px;
  	cursor: pointer;
  	color: #fff
}

.progress {
	background-color: var(--color-8);
	border-radius: 10px;
	height: 1rem;
	width: 100%;
	position: relative
}

.progress-bar {
	background-color: var(--color-6);
}

#placePercent {
	color: #fff;
	font-size: 12px;
	position: absolute;
	top: 9px;
	left: 15px
}

.vip-block img {
    Height: 150px;
    margin-bottom: 20px;
}

.tickets-uploader {
	background: transparent;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid var(--color-8);
    width: max-content;
}

.files-label {
    color: var(--color-5);
    font-size: 13px;
}

.tckt-file {
	color: #a6d1ff!important;
}

@media (max-width: 991.98px) {
  .files-label {
  		display: none
  }
}

.filter_btn_wrap{
    display: grid;
    gap: 8px 30px;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
}

.filter_btn_wrap .btn_filter {
    font-size: 16px;
    text-transform: capitalize;
    border: none;
    padding: 12px 5px;
    border-radius: 13px;
    text-align: center;
    cursor: pointer;
    background: var(--color-2);
    box-shadow: none;
    color: var(--color-5);
    border: 2px solid var(--color-6);
    transition: 0.4s;
}

.filter_btn_wrap .btn_filter:hover, .filter_btn_wrap .btn_filter:focus {
    background: var(--color-8)!important;
    color: var(--color-5)!important;
    border: 2px solid var(--color-6)!important;
}

/*  background: var(--color-8)!important;*/
.right-buttons .btn-dark, .top-buttons .btn-dark {
  background: url(https://storage.perfectcdn.com/fsqqiy/p7gkbx9eg1j0ao6m.PNG) !important;
    border: 2px solid var(--color-6);
    color: var(--color-5);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;  
  border-radius: 16px;
}

@media (max-width: 991.98px) {
	.filter_btn_wrap{
        grid-template-columns: repeat(4, 1fr);
        height: 100px;
        overflow: hidden;
        grid-gap: 8px 10px;
    }
    .filter_btn_wrap .btn_filter{
        font-size: 20px;
        padding: 5px;
        border-width: 1px;
    }
    .filter_btn_wrap .btn_filter .filter_txt{
        display: none;
    }
    .right-buttons .btn-dark, .top-buttons .btn-dark {
        width: 100%
    }    
    .right-buttons {
        display: none;
    }  
    .top-buttons .btn-dark {
          font-size: 13px;
          font-weight: 400
    }
    .top-buttons .btn {
          padding: 10px 10px;
      	  border-radius: 14px
    }  
}

@media (min-width: 991.98px) {
    .top-buttons {
        display: none;
    }  
}


.right-buttons a, .top-buttons a, #newsPopup a, #newsPopup .fa-telegram-plane, #newsPopup .fa-telegram-plane {
  		color: var(--color-5)!important
}

.nk-section-title {
	font-size: 42px !important;
    font-weight: 800 !important;
    line-height: 56px;
    color: #fff;
    background: -webkit-linear-gradient(left, #340fe8, #4e2786, #b81ff5);
    background-size: 1600px 200px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-name: animationgradienttitle;
    animation-name: animationgradienttitle;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes animationgradienttitle {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}

.review-box {
    background-color: var(--color-1);
    border-radius: 5px;
    max-width: 160px;
    width: 100%;
    padding: 8px 15px;
    text-align: center;
	margin: auto
}

.review-box .review-text {
	font-size: 12px;
	font-weight: 300;
	margin-bottom: 0
}

.review-box .review-text i {
	color: #ffb539
}

.review-images {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 120px;
	margin: 0px auto 15px auto
}

.review-images .review-img {
	min-width: 40px
}

.review-images .review-img:not(:first-child) {
	margin-left: -20px
}

.review-images .review-img.text {
	background-color: var(--color-6);
	font-size: 13px;
	font-weight: 600;
	color: var(--color-5);
	border: 2px solid var(--color-5);
	height: 40px;
	line-height: 37px;
	border-radius: 50%;
	text-align: center
}

@-webkit-keyframes floating {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}

	50% {
		box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
		-webkit-transform: translatey(-20px);
		transform: translatey(-20px);
	}

	100% {
		box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}
}

@keyframes floating {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}

	50% {
		box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
		-webkit-transform: translatey(-20px);
		transform: translatey(-20px);
	}

	100% {
		box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}
}

.floating {
	-webkit-animation-name: floating;
	animation-name: floating;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	margin-top: 5px;
	box-shadow: none !important
}

.home-login {
	padding-bottom: 75px
}

.home-login .btn {
	border-radius: 10px !important
}

.home-login .card {
	background: var(--color-1);
	border: 1px solid #5d5d5d;
	border-radius: 25px;
	z-index: 10
}

.home-login .card .form-control, 
.home-login .card .form-control:focus {
	background: var(--color-2);
    color: var(--color-5);
    border: 1px solid var(--color-4);
}

.home-login .card .form-control::placeholder {
	color: var(--color-5)
}

.home-login .card .form-check-label {
	color: #9b93ce
}

.home-login .hm-remember .lgn-btn {
    background: #282828;
    /* border: 1px solid var(--color-1); */
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 24px;
    transition: 0.2s ease;
    cursor: pointer;
}

.home-login .hm-remember input {
    display: none;
}

.home-login .hm-remember .lgn-btn::before {
    content: "\eae3";
    font-family: remixicon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.home-login .hm-remember input:checked+.lgn-btn {
    background: var(--button-primary-bg);
    border-color: var(--color-7);
    color: var(--color-5);
}

.home-login .f-pass {
	background: var(--color-6);
	width: 24px;
	height: 24px;
	border-radius: 7px;
	text-align: center;
	top: 13px;
	right: 25px;
	
}

.home-login .f-pass i {
	font-weight: 900;
	color: #fff
}

.nk-btn-group {

}

.nk-btn-group .header-btn {
	border-radius: 15px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 9px 9px 9px 20px;
	overflow: hidden;
	background-color: var(--color-6);
	color: #fff !important;
	text-decoration: none;
	transition: 0.14s ease;
 	min-width: 225px
}

.nk-btn-group .header-btn.h-btn-blue {
	background: #5674ff
}

.nk-btn-group .header-btn:hover {
	color: #fff !important;
}

.nk-btn-group .header-btn:hover .icon::after {
	transform: scale(15);
}

.nk-btn-group .header-btn .text {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.03em;
	position: relative;
	z-index: 1004;
}

.nk-btn-group .header-btn .icon {
	display: flex;
	width: 32px;
	height: 32px;
	align-items: center;
	justify-content: center;
	position: relative;
}

.nk-btn-group .header-btn .icon .icon-ri {
	z-index: 1003;
}

.nk-btn-group .header-btn .icon::after {
	content: "";
	z-index: 1002;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: 0.4s ease;
}

@media (min-width: 991.98px) {
  .nk-btn-group .header-btn {
  		margin: 0 15px
  }
  .nk-section-head {
  		padding-bottom: 60px
  }
}

@media (max-width: 991.98px) {
  .nk-section-title {
      font-size: 32px !important;
      line-height: 42px;
  }
  .homeHeader {
      margin-top: 0
  }  
  .nk-btn-group .header-btn {
  	  margin-bottom: 10px
  }
  .homeHeader .hhSide {
  	  padding: 15px 0 0 0
  }
  .review-box {
	  display: none
   }
}

.homeSection.section-50 {
    margin: 0;
  	padding: 0
}

.hfs-content {
    background: var(--color-2);
    box-shadow: 0px 34px 35px rgb(23 34 54);
    padding: 20px;
    border-radius: 25px;
}

.hfs-content .hfs-item .hfs-count {
    font-size: 28px;
    letter-spacing: .4px;
    color: var(--color-5);
    font-weight: 600;
}

.hfs-content .hfs-item .hfs-title {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-6);
}

.btn-outline {
    background: var(--color-8);
    border: 1px solid var(--color-6);
    color: var(--color-6);
}

@media (max-width: 991.98px) {
  .hfs-content .hfs-item {
      margin-bottom: 15px;
  }
  .hfs-content {
      text-align: center;
  } 
}

.nk-section-subtitle {
    display: inline-block;
    /* color: #0acf83; */
    font-size: .875rem;
    font-weight: 600;
    padding: 4px 12px;
    line-height: 1.14;
    margin-bottom: 16px;
    text-transform: uppercase;
    background-image: linear-gradient(0.25turn, #ffffff00, #2A85FF, #ffd82900);
    border-radius: 50rem;
    width: 100%;
    margin-top: 20px
}

.blob {
    background: #000;
    border-radius: 50%;
    margin-right: 5px;
    height: 12px;
	width: 12px;
    transform: scale(1);
    -webkit-animation: pulse-black 2s infinite;
    animation: pulse-black 2s infinite;
  	display: inline-block
}
	
.blob.blob-red {
    background: rgba(255, 82, 82, 1);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
    -webkit-animation: pulse-green 2s infinite;
    animation: pulse-green 2s infinite;
}

@-webkit-keyframes pulse-green {
	0% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, .7)
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 82, 82, 0)
	}

	100% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0)
	}
}

@keyframes pulse-green {
	0% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, .7)
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 82, 82, 0)
	}

	100% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0)
	}
}

.gap-5 {
	gap: 30px
}

@media (max-width: 991.98px) {
  .nk-btn-group {
  	  flex-direction: column
  }
  
  .gap-5 {
  	  gap: 10px
  }
  
  .nk-btn-group .header-btn {
  	  width: 100%
  }
}

.api-section .table {
	color: var(--color-5)
}

.api-section  .table thead th, .api-section .table-bordered td, .api-section .table-bordered th {
	border-color: var(--color-2)!important
}

.order-wrapper {
  max-height: 0px;
  overflow: hidden;
  transition: 0.25s ease-in-out;
  margin-bottom: 7px
}

.order-title {
  background: var(--color-1);
  border-radius: 12px;
  cursor: pointer;
  display: block;
  font-size: 14px;
  color: var(--color-5);
  font-weight: 600;
  padding: 15px 17px;
  position: relative;
  margin-bottom: 0;
  transition: all 0.25s ease-out;
}

.order-title h4 {
  font-size: 15px;
  margin-bottom: 0
}

.order-title h4:after {
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 10px;
  left: 2px;
  position: relative;
  right: 20px;
  top: 2px;
  transform: rotate(135deg);
  transition: 0.35s ease-in-out;
  vertical-align: top;
  width: 10px;
}

.order-content {
  border-top: 1px solid var(--color-1);
  padding: 15px 0 0 0;
  font-size: 14px
}

.order-trigger:checked+.order-title+.order-wrapper {
  max-height: 100%;
}

.order-trigger:checked+.order-title::after {
  transform: rotate(-45deg);
  transition: 0.25s ease-in-out;
}

.order-drawer input[type="checkbox"] {
  display: none;
}

.table .head-color {
	color: var(--color-5)!important;
  	font-weight: 500!important
}

.table {
	color: var(--color-3);
  	font-size: 14px;
  	background: var(--color-8)
}

.table thead th, .table thead td, .table th, .table td {
    border-color: var(--color-2)!important
}

   .table  tbody tr {
        height: 50px;
        vertical-align: middle;
    }

    .table tbody tr:hover,
    .table tbody tr.active {
        background-color: var(--color-2);
    }

    .table thead {
        font-size: 12px;
        font-weight: 600;
    }
	
    .table thead tr th {
        padding: 13px 24px;
    }

    .table tbody tr td {
        padding: 16px 24px;
    }
@media (min-width: 991.98px) {
    .table-responsive {
        display: table
    }
}

@media (max-width: 991.98px) {
    .table tbody tr td.serv-name {
        min-width: 325px
    }
}

.badgearea {
    font-weight: 600;
    font-size: 11px;
    margin-top: 4px;
}

.payment-list {
     display: grid;
     justify-content: space-between;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
     padding: 20px 0;
     border-bottom: 1px solid var(--color-2) 
}
 .payment-bottom, .payment-icon {
     display: flex;
   	 justify-content: center;
     gap: 5px
}
 .payment-box {
   background: var(--main-bg);
    border: 2px solid #e0e0e0;
    padding: 12px 14px;
    transition: all 0.3s 
ease;
    text-align: center;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    border-radius: 15px;
    padding-top: 20px;
}
 .payment-top {
     padding: 10px;
     color: var(--color-5) 
}
 .payment-bottom {
     padding: 5px 10px;
     height: fit-content;
     justify-content: center;
   	 text-align: center;
   	 font-size: 13px
}
  .payment-icon img {
  	height: 34px
  }

.pay-best {
  	background: var(--tp-color-gold);
  	color: #171f2e;
  	font-size: 10px;
  	text-align: center;
  	justify-content: center;
  	width: max-content;
  	padding: 2px 7px;
  	border-radius: 7px;
	display: none
}

.payment-box.slct128437 .pay-best {
	display: block;
  	position: absolute;
    left: 0; 
    right: 0; 
  	top: -11px;
    margin-left: auto; 
    margin-right: auto;   
}

 @media(min-width:599.98px) {
     .payment-list {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr
    }
}

.footer {
	padding: 67px 0 27px 0;
	position: relative;
	background: radial-gradient(42.16% 42.16% at 50% 2.39%, #161e2b 0%, #151b26 100%);
	background-repeat: no-repeat;
	background-position: 0 -300px;
	transition: 1.5s ease all
}

.footer.active {
    transition-delay: .4s;
    background-position: 0 0;
}

.footer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	height: 1px;
	width: 0%;
	max-width: 900px;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0) -0.54%, #2b2f38 51.02%, rgba(0, 0, 0, 0) 101.52%);
	animation-delay: 1s
}

.footer.active {
	transition-delay: .4s;
	background-position: 0 0
}

.footer.active::before {
	animation: section-1-border-open 2s ease forwards
}

@keyframes section-1-border-open {
	from {
		width: 0
	}

	to {
		width: 100%
	}
}

.footer__logo {
	margin-bottom: 25px;
	display: block
}

.footer__logo img {
	height: 75px;
	width: auto
}

.footer__description {
	color: #e2e2e2;
	font-size: 13px;
	font-weight: 400;
	line-height: 25px;
	max-width: 381px;
	margin-bottom: 0
}

.footer-quality__title {
	color: #fff;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
	line-height: 28.303px
}

.footer-quality__description {
	color: #9797a1;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 28.303px;
	margin-bottom: 30px
}

.footer-top {
	margin-bottom: 60px
}

.footer-menu {
	margin-bottom: 30px
}

.footer-menus {
	margin-bottom: 20px
}

.footer-menu__title {
	color: #fff;
	font-size: 16px;
	line-height: 25.2px;
	letter-spacing: .14px;
	text-transform: capitalize;
	margin-bottom: 20px
}

.footer-menu__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 15px
}

.footer-menu__item a {
	color: var(--text-disabled, #061237);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 25.2px;
	letter-spacing: -0.28px;
	text-decoration: none;
	transition: .14s ease
}

.footer-menu__item a:hover {
	color: var(--main-color)
}

.footer-card {
	border-radius: 10px;
	border: 1px solid #283245;
	background: #151b26;
	box-shadow: 0px 25.6884px 51.3768px 0px rgba(10, 39, 83, .03);
	padding: 18px 35px 18px 20px;
	display: flex;
	align-items: center;
	gap: 30px
}

.footer-card .copyright {
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 32.4px;
	letter-spacing: -0.36px
}

.footer-card .menu {
	margin: 0;
	margin-left: auto;
	padding: 0;
	list-style: none;
	display: flex;
	gap: 20px;
	justify-content: center
}

.footer-card .menu li>a {
	color: var(--text-disabled, #061237);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 25.2px;
	letter-spacing: -0.28px;
	text-decoration: none;
	transition: .14s ease
}

.footer-card .menu li>a:hover {
	color: var(--main-color)
}

@media(max-width: 767.98px) {
	.footer-card {
		flex-direction: column;
		gap: 14px;
      	border-radius: 10px
	}

	.footer-card .menu {
		margin: 0 auto;
		flex-wrap: wrap
	}
}

@media (min-width: 768px) {
  .text-md-start {
      text-align: left !important;
  }
}

.section-title__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    text-align: center;
    width: 100%;
    max-width: 600px;
  	margin: 0 auto 50px auto
}

.label.label-home {
    padding: 8px 20px 8px 8px;
    border-color: #1b1e25;
    background: radial-gradient(68.6% 68.6% at 57.8% 96.86%, rgba(56, 75, 110, 0.2) 0%, rgba(5, 9, 16, 0.2) 100%),linear-gradient(0deg, var(--color-1) 0%, var(--color-1) 100%),var(--color-1);
    border-radius: 24px;
  	display: flex;
  	gap: 10px
}

.label.label-home .label-icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--color-8);
    color: var(--color-6);
}

.label.label-home .label-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.14px;
}

.section-title_title {
    transform: scale(1.2);
    transition: all .5s ease-in-out;
    margin-bottom: 0;
    font-style: normal;
    font-weight: 500;
    line-height: 128.5%;
    letter-spacing: -1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.49) 0%, #FFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    position: relative;
    z-index: 2;
    font-size: 25px;
}

.section-title_title span {
    position: relative;
    display: inline-block;
    -webkit-text-fill-color: var(--color-6);
}

.section-title_title span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 120%;
    transform: translate(-50%, -50%) scale(1);
    transition: .14s ease;
    background-color: var(--color-6);
    border-radius: 100px;
    filter: blur(60px);
    z-index: 0;
}


@media (max-width: 991.98px) {
	.section-title_title {
		font-size: 18px;
	}	
  .section-title__content {
      max-width: 300px;
  }  
}

.login-pm {
	position: relative;
	background: var(--color-1);
	border: 1px solid var(--color-2);
	border-radius: 15px;
	height: 97px;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.login-pm:hover {
	border: 1px solid var(--color-8)
}

.home-4-content {
    padding-top: 80px;
}

.home-4-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 50px;
}

.icon-box {
    --icon-box-size: 40px;
    --icon-box-font-size: 22px;
    width: var(--icon-box-size, 40px);
    height: var(--icon-box-size, 40px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 116.667px;
    border: 1px solid var(--color-6);
    background: var(--color-8);
    color: var(--color-5);
    font-size: var(--icon-box-font-size, 22px);
}

.home-4-card .icon-box {
    --icon-box-size: 44px;
    --icon-font-size: 24px;
    margin-bottom: 6px;
}

.home-4-card .title {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28.8px;
    letter-spacing: -0.47px;
}

.home-4-card .text {
    color: #bfd5fd;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.home-4-cover {
    margin-top: 50px;
    position: relative;
}

.home-4-cover::before {
    content: "";
    background: linear-gradient(270deg, #2A85FF 0%, #151b26 53.03%, #400877 100%);
    position: absolute;
    left: 50%;
    top: 380px;
    width: 110%;
    height: 400px;
    opacity: .5;
    transform: translate(-50%, -50%);
    mix-blend-mode: screen;
    border-radius: 300px;
    filter: blur(99px);
}

.home-4-cover--image {
    position: relative;
    z-index: 2;
}

.home-4-cover--image img {
    max-width: 100%;
    width: 100%;
    height: auto
}

.home-4-cover--image-left, .home-4-cover--image-right {
    position: absolute;
    z-index: 2;
}

.home-4-cover--image-left {
    top: 95px;
    left: -135px;
}

.home-4-cover--image-right {
    top: 222px;
    right: -101px;
}

@media (max-width: 991.98px) {
	.home-4-cover--image-right {
		display: none
	}	
}

@-webkit-keyframes floating {
  0% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }

  50% {
    -webkit-transform: translatey(-20px);
    transform: translatey(-20px);
  }

  100% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }
}

@keyframes floating {
  0% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }

  50% {
    -webkit-transform: translatey(-20px);
    transform: translatey(-20px);
  }

  100% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }
}

.floating {
  -webkit-animation-name: floating;
  animation-name: floating;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  margin-top: 5px;
  box-shadow: none !important
}

.footer-ranks {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-flow: row;
    text-decoration: none;
  	margin-top: 15px
}

.footer-ranks svg {
    width: 120px;
}

.f-ranks-stars {
    display: flex;
    flex-flow: column;
    margin-left: 2rem;
}

.f-ranks-stars svg {
    width: 100px;
}

.f-ranks-rating {
    font-size: 0.75rem;
    margin-top: 1rem;
    margin-bottom: 0px;
    font-weight: 400;
    align-self: center;
}

.f-ranks-rating-area {
    color: #bdc5fd;
    margin: 5px 0 0 0;
}						 

.payment-box.active {
	border-color: var(--color-6);
    background: var(--color-8)
}

.input-group-custom {
    position: relative;
}

.input-group-custom input {
    width: 100%;
  	height: 58px
}

.input-group-custom .input-group-btn {
    position: absolute;
    right: 1px;
    top: 10px;
    padding: 8px 12px;
    border-radius: 8px;
}

.sidebar.active .logo {
    width: auto;
    height: auto;
}

.adds-img {
	max-width: 350px
}

.text-block__description p {
	margin-bottom: 0
}

.text-block__description .s-number {
    background-color: var(--color-8);
    color: var(--color-6);
    width: 24px;
    height: 24px;
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
}

.text-block__description .col {
	padding-left: 0
}

@media only screen and (max-width: 991.98px) {
    #outside main {
      padding-top: 0
    }
  .payment-page-left.active {
      position: fixed;
      left: 0;
      right: 0;
      background: var(--color-1);
      bottom: 0;
      z-index: 4;
      padding: 0 15px 75px 15px
  }

  .payment-page-left-content.active {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 4;
      backdrop-filter: blur(5px);
      background: #0000004f;
  }

  .payment-left-span {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .payment-page-left.active .payment-close {
      width: 30px;
      height: 30px;
      display: flex !important;
      align-items: center;
      border: 0px;
      justify-content: center;
      border-radius: 15px;
      border-radius: 5px;
      background: var(--color-2);
      margin-top: 10px;
      color: var(--color-5);    
  }  
  .payment-page-left .payment-left-span {
  	  display: none
  }
  .payment-page-left.active .payment-left-span {
  	   display: flex;
       justify-content: space-between;
       border-bottom: 1px solid var(--color-2);
       padding-bottom: 5px;
  }  
  .payment-left-span {
       font-size: 16px
  }
  .payment-page-left .panel-body {
    max-height: 250px;
    overflow-y: auto;
  }
}

@media (min-width: 991.98px) {
  .payment-left-span {
  		display: none
  }
}

#send_payment_slip.btn.disabled, #reset_payment_slip_form.btn.disabled {
    opacity: 0.3;
}

/* smmflare */

.order-completed{position:fixed;z-index:2000;top:0;right:0;left:0;bottom:0;background:var(--body-bg);align-items:center;justify-content:center;overflow:auto;display:none}.order-completed.active{display:flex}.order-completed-text{text-align:center;padding:0 0 24px}.order-completed .close{position:fixed;right:30px;top:30px;color:var(--body-text);font-size:30px;border:none;outline:none;background-color:rgba(0,0,0,0);cursor:pointer;width:44px;height:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;padding:0;transition:.14s ease}.order-completed .close:hover{background-color:rgba(var(--primary-rgb), 0.1);color:var(--text)}.order-completed-content{padding:100px 30px;max-width:600px;width:100%;margin:auto;display:flex;align-items:center;flex-direction:column;gap:30px}.order-completed-content .title{font-weight:400;text-align:center;font-size:34px;margin-bottom:0}.order-completed-content .card{flex:1;max-width:500px;width:100%}.order-completed-content .card .card-body{display:flex;flex-direction:column}.order-completed-content .order-completed-item{display:flex;align-items:center;padding:15px 4px}.order-completed-content .order-completed-item-label{font-size:14px;color:var(--text-disabled);margin-bottom:0}.order-completed-content .order-completed-item-value{margin-left:auto;font-size:16px;font-weight:500;margin-bottom:0;color:var(--text)}.order-completed-content .order-completed-item+.order-completed-item{border-top:1px solid var(--border-color)}

.home-hero{position:relative;padding-top:var(--header-fix);padding-bottom:100px;background:radial-gradient(70.71% 70.71% at 50% 50%, rgba(3, 6, 13, 0.16) 0%, #03060D 100%),radial-gradient(100.82% 54.1% at 84.08% 12.04%, #0E627C 0%, rgba(3, 6, 13, 0) 100%)}.home-hero::after{content:"";position:absolute;bottom:0;height:300px;width:100%;left:0;background:linear-gradient(180deg, rgba(3, 6, 13, 0.16) 0%, #03060D 100%)}.home-hero .container-top{max-width:874px;width:100%}.home-hero_content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;gap:40px;opacity:0;transform:scale(1.2);transition:all .8s ease-in-out;padding:40px 0 40px}@media(min-width: 768px){.home-hero_content{padding:60px 0 60px}}@media(min-width: 992px){.home-hero_content{padding:116px 0 100px}}.home-hero_content.active{opacity:1;transform:scale(1)}.home-hero__title h1,.home-hero__title .h1{margin-bottom:0;color:#fff;background:linear-gradient(180deg, rgba(255, 255, 255, 0.49) 0%, #FFF 44.69%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-align:center;font-style:normal;font-weight:500;line-height:116%;letter-spacing:-3px;font-size:34px}@media(min-width: 768px){.home-hero__title h1,.home-hero__title .h1{font-size:45px}}@media(min-width: 992px){.home-hero__title h1,.home-hero__title .h1{font-size:65px}}.home-hero__title h1 span,.home-hero__title .h1 span{-webkit-text-fill-color:var(--main-color)}.home-hero__text{color:var(--text-disabled);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:25px}.home-hero__card{display:flex;flex-direction:column;align-items:center;gap:15px;border-radius:15px;padding:10px}@media(min-width: 768px){.home-hero__card{padding:8px 8px 8px 20px;flex-direction:row;border-radius:100px}}.home-hero__card .icon-box{display:none}@media(min-width: 768px){.home-hero__card .icon-box{display:flex}}.home-hero__card .text{flex:1;color:#fff;font-size:16px;font-style:normal;font-weight:500;line-height:30px;letter-spacing:-0.14px}.home-hero__particles{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.6}.home-hero__circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.home-hero__circle{position:absolute;width:1000px;height:1000px;left:calc(50% - 500px);top:calc(50% - 500px);border-radius:50%;border:1px solid rgba(255,255,255,.1411764706);animation:smmspot-header_circle 2s alternate}.home-hero__circle::before{content:"";position:absolute;width:100%;height:100%;background:url("data:image/svg+xml,<svg width=\"1002\" height=\"1001\" viewBox=\"0 0 1002 1001\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M890.756 187.62C962.107 276.324 1001 386.706 1001 500.5\" stroke=\"url%28%23paint0_linear_489_1323%29\" stroke-width=\"2\"/><defs><linearGradient id=\"paint0_linear_489_1323\" x1=\"834.304\" y1=\"128.596\" x2=\"1000.32\" y2=\"541.899\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0.0881\" stop-color=\"%23069CDF\" stop-opacity=\"0\"/><stop offset=\"0.2916\" stop-color=\"%23069CDF\" stop-opacity=\"0\"/><stop offset=\"0.4951\" stop-color=\"%23069CDF\"/><stop offset=\"0.6986\" stop-color=\"%23069CDF\"/><stop offset=\"1\" stop-color=\"%23069CDF\"/></linearGradient></defs></svg>");background-size:100% 100%;background-repeat:no-repeat;animation:smmspot-header_circle_rotate 6s linear infinite}.home-hero__circle--2{width:1400px;height:1400px;left:calc(50% - 700px);top:calc(50% - 700px)}.home-hero__circle--2::before{animation-duration:7s}.home-hero__marquee{display:flex;align-items:center;width:100%}.home-hero__marquee-outer{position:relative;width:100%;display:flex;align-items:center;z-index:2}.home-hero__marquee-outer::before,.home-hero__marquee-outer::after{content:"";position:absolute;top:0;left:0;height:100%;width:100px;background:linear-gradient(90deg, #03060d 0%, rgba(0, 0, 0, 0) 100%)}.home-hero__marquee-outer::after{right:0;left:auto;background:linear-gradient(270deg, #03060d 0%, rgba(0, 0, 0, 0) 100%)}.home-hero__marquee .item{padding:0px 20px;width:auto}@keyframes smmspot-header_circle{0%{transform:scale(0.5);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes smmspot-header_circle_rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.home-1-section{padding:40px 0}@media(min-width: 768px){.home-1-section{padding:80px 0}}@media(min-width: 992px){.home-1-section{padding:100px 0}}.home-1-card{margin-bottom:30px;overflow:hidden;position:relative}.home-1-cards{padding-top:50px;margin-bottom:-30px}.home-1-card::before{content:"";position:absolute;left:50%;bottom:0;width:40%;transform:translateX(-50%);height:0;transition:.14s ease all;background:radial-gradient(68.6% 68.6% at 57.8% 96.86%, rgba(56, 75, 110, 0.2) 0%, rgba(5, 9, 16, 0.2) 100%),#050910}.home-1-card:hover::before{height:100%;width:100%}.home-1-card .card-body{position:relative;z-index:1;padding:30px 25px;display:flex;flex-direction:column;align-items:center;gap:25px;text-align:center}.home-1-card .icon-box{width:49px;height:49px}.home-1-title{margin-bottom:0;font-size:25px;font-style:normal;font-weight:600;line-height:25px;letter-spacing:-1px;color:var(--body-text, #fff)}.home-1-text{margin-bottom:0;color:var(--text-disabled, #767F93);text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:25px}.home-2-section{padding:40px 0}@media(min-width: 768px){.home-2-section{padding:80px 0}}@media(min-width: 992px){.home-2-section{padding:150px 0}}.home-2-card{background-position:bottom center;background-size:100% auto;background-repeat:no-repeat}.home-2-cards{display:grid;grid-template-columns:repeat(1, 1fr);gap:15px;padding-top:20px}@media(min-width: 576px){.home-2-cards{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 992px){.home-2-cards{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 768px){.home-2-cards{gap:30px;padding-top:64px}}.home-2-card.home-2-card--1{grid-column:span 1}@media(min-width: 576px){.home-2-card.home-2-card--1{grid-column:span 2}}@media(min-width: 992px){.home-2-card.home-2-card--1{grid-column:span 2}}@media(max-width: 575.98px){.home-2-card.home-2-card--1 .card-body{padding:30px 30px 136px}}@media(min-width: 992px){.home-2-card.home-2-card--1 .card-body{max-width:540px}}.home-2-card.home-2-card--1 .home-2-card__title{font-size:30px;line-height:40px}.home-2-card.home-2-card--end{grid-column:span 1;background-position:right bottom}@media(min-width: 576px){.home-2-card.home-2-card--end{grid-column:span 2}}@media(min-width: 992px){.home-2-card.home-2-card--end{grid-column:span 3}}.home-2-card.home-2-card--end .card-body{padding:30px}@media(min-width: 992px){.home-2-card.home-2-card--end .card-body{padding:70px 60px}}.home-2-card.home-2-card--end .home-2-card__title{font-size:30px;line-height:40px}.home-2-card .card-body{display:flex;flex-direction:column;gap:20px;padding:40px 30px 303px}@media(max-width: 575.98px){.home-2-card .card-body{padding:30px 30px 252px}}@media(min-width: 576px)and (max-width: 767.98px){.home-2-card .card-body{padding:40px 30px 215px}}@media(min-width: 992px)and (max-width: 1199.98px){.home-2-card .card-body{padding:40px 30px 234px}}.home-2-card__title{font-size:24px;line-height:30px;font-style:normal;font-weight:500;color:#fff;margin:0}.home-2-card__text{margin:0;color:#b9bbc1;font-size:14px;font-style:normal;font-weight:400;line-height:25px}.home-3-section{padding:40px 0}@media(min-width: 768px){.home-3-section{padding:80px 0}}@media(min-width: 992px){.home-3-section{padding:150px 0}}.home-3-card{margin-top:50px;border-radius:50px}@media(max-width: 991.98px){.home-3-card{margin-top:30px;border:none;background-color:rgba(0,0,0,0)}}.home-3-card .card-body{display:grid;grid-template-columns:5fr 7fr;gap:20px;padding:24px}@media(max-width: 767.98px){.home-3-card .card-body{grid-template-columns:1fr}}@media(max-width: 991.98px){.home-3-card .card-body{padding:0}}.home-3-item{display:flex;flex-direction:column;gap:42px;padding:40px;border-radius:25px}@media(max-width: 767.98px){.home-3-item:not(:last-child){display:none}}.home-3-item--head{display:flex;align-items:center;gap:15px}.home-3-item--head .icon-box{--icon-box-size: 35px;flex:0 0 var(--icon-box-size)}.home-3-item--head .title{color:var(--color-3);font-size:25px;font-style:normal;font-weight:500;line-height:33.387px;letter-spacing:-0.742px;margin:0}.home-3-item--body{display:flex;flex-direction:column;gap:20px}.home-3-item--body--item{display:flex;gap:12px;align-items:center}.home-3-item--body--item .icon-box{--icon-box-size: 30px;flex:0 0 var(--icon-box-size);--icon-box-font-size: 18px}.home-3-item--body--item p{font-size:16px;font-style:normal;font-weight:400;line-height:25px;letter-spacing:-0.5px;margin:0}.home-3-item--footer{color:#057302}.home-3-item--footer--result{font-size:35px;font-style:normal;font-weight:500;line-height:45px;letter-spacing:-0.5px}.home-3-item--footer--result span{color:#f65e4f}.home-3-item--footer small,.home-3-item--footer .small{font-size:16px;font-style:normal;font-weight:500;line-height:25px;letter-spacing:-0.14px}.home-3-item.home-3-item--our{border:2px solid #77ffff;background:var(--color-9);backdrop-filter:blur(50px);position:relative;overflow:hidden}.home-3-item.home-3-item--our .home-3-item--bottom{content:"";position:absolute;bottom:0;left:0;right:0;height:300px;background:linear-gradient(0deg, rgba(172, 247, 110, 0.2) 0%, rgba(172, 247, 110, 0.06) 50%, rgba(172, 247, 110, 0) 100%)}.home-3-item.home-3-item--our .home-3-item--head{position:relative;z-index:4}.home-3-item.home-3-item--our .home-3-item--head .icon{color:#acf76e;font-size:32px}.home-3-item.home-3-item--our .home-3-item--body{position:relative;z-index:4}.home-3-item.home-3-item--our .home-3-item--footer{position:relative;z-index:4}.home-3-item.home-3-item--our .home-3-item--footer--result span{color:#4ca725}.home-4-section{width:100%;overflow:hidden;padding:40px 0}@media(min-width: 768px){.home-4-section{padding:80px 0}}@media(min-width: 992px){.home-4-section{padding:150px 0}}.home-4-cover{margin-top:50px;position:relative}@media(max-width: 991.98px){.home-4-cover{display:none}}.home-4-cover::before{content:"";background:linear-gradient(270deg, #1C9DC3 0%, #000 53.03%, #228EF1 100%);position:absolute;left:50%;top:380px;width:110%;height:400px;opacity:.5;transform:translate(-50%, -50%);mix-blend-mode:screen;border-radius:300px;filter:blur(99px)}.home-4-cover--image{max-width:100%;width:100%;height:auto;position:relative;z-index:2}.home-4-cover--image-left,.home-4-cover--image-right{position:absolute;z-index:2}.home-4-cover--image-left{top:95px;left:-135px}.home-4-cover--image-right{top:222px;right:-101px}.home-4-content{padding-top:80px}.home-4-content .row{margin-left:calc(-1*30px);margin-right:calc(-1*30px)}.home-4-content .row .col{padding-left:30px;padding-right:30px}.home-4-card{display:flex;flex-direction:column;gap:10px;margin-bottom:50px}.home-4-card .title,.home-4-card .text{padding:0;margin:0}.home-4-card .icon-box{--icon-box-size: 44px;--icon-font-size: 24px;margin-bottom:6px}.home-4-card .title{color:#fff;font-size:24px;font-style:normal;font-weight:500;line-height:28.8px;letter-spacing:-0.47px}.home-4-card .text{color:var(--text-disabled, #767F93);font-size:14px;font-style:normal;font-weight:400;line-height:25px}.home-5-section{background:radial-gradient(48.76% 48.76% at 50% 50%, #070C1A 0%, #03060D 100%);padding:40px 0}@media(min-width: 768px){.home-5-section{padding:80px 0}}@media(min-width: 992px){.home-5-section{padding:150px 0}}.home-5-section .container{max-width:1067px}.home-5-card{border-radius:0 0 25px 25px;overflow:hidden;margin-top:30px}@media(min-width: 768px){.home-5-card{margin-top:64px}}.home-5-card .icon-box{--icon-box-size: 44px}.home-5-card--top{overflow:hidden;padding:63px 20px 0;border-radius:15px 15px 0px 0px;background:radial-gradient(68.6% 68.6% at 57.8% 96.86%, rgba(56, 75, 110, 0.2) 0%, rgba(5, 9, 16, 0.2) 100%),#050910;backdrop-filter:blur(50px)}.home-5-card--top--content{display:flex;flex-direction:column;gap:25px;align-items:center;position:relative;z-index:5}.home-5-card--top::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://cdn.smmspot.net/smmflare/assets/bg.svg);background-size:cover;background-position:center top;opacity:.6}.home-5-card--top::after{content:"";position:absolute;left:50%;transform:translate(-50%, 0);top:50px;width:1225px;height:1225px;background-image:url("data:image/svg+xml,<svg width=\"1226\" height=\"1226\" viewBox=\"0 0 1226 1226\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1056.01 612.622C1056.01 857.716 857.454 1056.4 612.527 1056.4C367.6 1056.4 169.047 857.716 169.047 612.622C169.047 367.529 367.6 168.842 612.527 168.842C857.454 168.842 1056.01 367.529 1056.01 612.622Z\" stroke=\"url%28%23paint0_linear_509_6841%29\" stroke-opacity=\"0.11\"/><g filter=\"url%28%23filter0_d_509_6841%29\"><path d=\"M241.411 369.564C285.619 301.989 347.442 247.783 420.21 212.795C492.977 177.807 573.927 163.365 654.325 171.028\" stroke=\"url%28%23paint1_linear_509_6841%29\" stroke-width=\"1.20157\" shape-rendering=\"crispEdges\"/></g><g filter=\"url%28%23filter1_d_509_6841%29\"><path d=\"M897.289 272.45C959.235 324.251 1005.84 391.985 1032.09 468.343C1058.33 544.701 1063.22 626.784 1046.21 705.735\" stroke=\"url%28%23paint2_linear_509_6841%29\" stroke-width=\"1.20157\" shape-rendering=\"crispEdges\"/></g><path d=\"M913.022 612.622C913.022 778.414 778.487 912.815 612.529 912.815C446.57 912.815 312.035 778.414 312.035 612.622C312.035 446.831 446.57 312.429 612.529 312.429C778.487 312.429 913.022 446.831 913.022 612.622Z\" stroke=\"url%28%23paint3_linear_509_6841%29\" stroke-opacity=\"0.11\"/><defs><filter id=\"filter0_d_509_6841\" x=\"200.908\" y=\"128.427\" width=\"493.475\" height=\"281.466\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset/><feGaussianBlur stdDeviation=\"20\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.776471 0 0 0 0 0.0823529 0 0 0 0 0.121569 0 0 0 0.928085 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_509_6841\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_509_6841\" result=\"shape\"/></filter><filter id=\"filter1_d_509_6841\" x=\"856.902\" y=\"231.989\" width=\"239.852\" height=\"513.873\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset/><feGaussianBlur stdDeviation=\"20\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0.776471 0 0 0 0 0.0823529 0 0 0 0 0.121569 0 0 0 0.928085 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_509_6841\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_509_6841\" result=\"shape\"/></filter><linearGradient id=\"paint0_linear_509_6841\" x1=\"612.527\" y1=\"168.342\" x2=\"612.527\" y2=\"1056.9\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"paint1_linear_509_6841\" x1=\"385.916\" y1=\"223.71\" x2=\"237.416\" y2=\"366.21\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%233DAEEB\"/><stop offset=\"0.665034\" stop-color=\"%233DAEEB\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"paint2_linear_509_6841\" x1=\"897.915\" y1=\"270.71\" x2=\"1002.92\" y2=\"401.71\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%233DAEEB\"/><stop offset=\"1\" stop-color=\"%233DAEEB\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"paint3_linear_509_6841\" x1=\"612.529\" y1=\"311.929\" x2=\"612.529\" y2=\"913.315\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"white\"/><stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\"/></linearGradient></defs></svg>");background-size:100% 100%}.home-5-card--top .title{background:linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.75) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-style:normal;font-weight:500;line-height:30px;text-align:center;font-size:28px}@media(min-width: 576px){.home-5-card--top .title{font-size:35px}}.home-5-card--top .smmspot-browser{margin-bottom:-10px;--smmspot-browser-body-height: 240px}.home-5-card--top .smmspot-browser--body{display:flex;flex-direction:column;gap:10px}.home-5-card--bottom{display:flex;flex-direction:column;align-items:center;gap:25px;padding:54px 0px;background:#050910}.home-5-card--bottom .title{color:#fff;text-align:center;font-size:25px;font-style:normal;font-weight:500;line-height:25px;letter-spacing:-0.14px}.home-5-card--method{padding:0 20px;white-space:nowrap}.home-5-card--methods{margin-top:20px;position:relative}.home-5-card--methods::before,.home-5-card--methods::after{content:"";position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg, rgb(5, 9, 16) 0%, rgba(5, 9, 16, 0) 100%);width:150px}.home-5-card--methods::after{left:auto;right:0;background:linear-gradient(270deg, rgb(5, 9, 16) 0%, rgba(5, 9, 16, 0) 100%)}.home-5-payment-title{font-size:14.785px;font-style:normal;font-weight:500;line-height:14.785px;letter-spacing:-0.444px}.home-5-payment-item{border-radius:13.232px;border:1.095px solid #0e1622;background:#0a0f18;padding:8.821px 8.821px 8.821px 16.423px;display:flex;align-items:center}.home-5-payment-item--logo img{max-height:30px;width:auto;max-width:130px}.home-5-payment-item .label{margin-left:auto}.home-6-section{padding:40px 0}@media(min-width: 768px){.home-6-section{padding:80px 0}}@media(min-width: 992px){.home-6-section{padding:150px 0}}.home-6-section .container{max-width:1067px}.home-6-card{margin-top:44px;border-radius:25px;border:1px solid var(--stroke, #16181E);background:var(--card-bg-color, #050910);padding:15px;margin-bottom:44px}@media(max-width: 767.98px){.home-6-card{border:none;outline:none;background-color:rgba(0,0,0,0);padding:0}}.home-6-cta{background-image:url(https://cdn.smmspot.net/smmflare/assets/bg.svg);background-size:100% auto;background-position:center top;background-repeat:no-repeat;overflow:hidden}.home-6-cta::after{content:"";position:absolute;left:0;bottom:0;right:0;height:128px;background:linear-gradient(180deg, rgba(5, 9, 16, 0) 0%, #121D30 100%)}.home-6-cta--message{display:inline-block;position:relative;border-radius:15px;border:1.236px solid #0e1622;background:radial-gradient(68.6% 68.6% at 57.8% 96.86%, rgba(56, 75, 110, 0.2) 0%, rgba(5, 9, 16, 0.2) 100%),linear-gradient(0deg, #050910 0%, #050910 100%),#090f18;padding:16px 24px;max-width:240px}.home-6-cta--messages{position:absolute;left:0;width:50%;height:100%;top:0;overflow:hidden}@media(max-width: 767.98px){.home-6-cta--messages{display:none}}.home-6-cta--messages-wrapper{display:flex;flex-direction:column;gap:10px;padding-top:100px}.home-6-cta--messages-wrapper>div:nth-child(1){margin-left:-30px}.home-6-cta--messages-wrapper>div:nth-child(2){margin-left:20px}.home-6-cta--messages-wrapper>div:nth-child(3){margin-left:70px}.home-6-cta--messages--right{left:auto;right:0}.home-6-cta--messages--right .home-6-cta--messages-wrapper{align-items:flex-end}.home-6-cta--messages--right .home-6-cta--messages-wrapper>div{margin-left:auto !important}.home-6-cta--messages--right .home-6-cta--messages-wrapper>div:nth-child(1){margin-right:-30px}.home-6-cta--messages--right .home-6-cta--messages-wrapper>div:nth-child(2){margin-right:20px}.home-6-cta--messages--right .home-6-cta--messages-wrapper>div:nth-child(3){margin-right:70px}.home-6-cta--content{margin:0 auto;max-width:472px;width:100%;display:flex;flex-direction:column;align-items:center;gap:25px;position:relative;z-index:3;padding:30px}@media(min-width: 768px){.home-6-cta--content{padding:50px 30px}}@media(min-width: 992px){.home-6-cta--content{padding:81px 30px}}.home-6-cta--title{text-align:center;font-size:35px;font-style:normal;font-weight:500;line-height:45px;letter-spacing:-1px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.49) 0%, #FFF 41.11%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.faq__container{display:flex;gap:20px;flex-wrap:wrap}@media(min-width: 768px){.faq__container>div{width:calc(50% - 10px)}}.faq__item{border-radius:12px;border:1px solid var(--stroke, #16181E);background:#080d16;box-shadow:0px 42px 80px 0px rgba(10,39,83,.05);height:auto}.faq__item.active .head .toggle:hover::before{transform:translate(-50%, -50%) rotate(-45deg)}.faq__item.active .head .toggle:hover::after{transform:translate(-50%, -50%) rotate(-45deg)}.faq__item.active .head .toggle::before{transform:translate(-50%, -50%) rotate(0)}.faq__item.active .head .toggle::after{transform:translate(-50%, -50%) rotate(-90deg)}.faq__item .body{color:#909cbf;font-size:14px;font-weight:400;line-height:25px;padding:0}.faq__item .body p{padding:0 26px 30px}.faq__item .head{padding:25px;display:flex;align-items:center}.faq__item .head .toggle{margin-left:auto;outline:none;border:none;background-color:rgba(0,0,0,0);height:32px;width:32px;position:relative}.faq__item .head .toggle::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:16px;height:2px;background-color:#fff;transition:.2s ease}.faq__item .head .toggle::after{content:"";position:absolute;transform:translate(-50%, -50%);left:50%;top:50%;width:2px;height:16px;background-color:#fff;transition:.2s ease}.faq__item .head .title{margin-bottom:0;color:var(--body-text, #fff);font-size:16px;font-style:normal;font-weight:500;line-height:32px}.home-7-section{padding:40px 0}@media(min-width: 768px){.home-7-section{padding:80px 0}}@media(min-width: 992px){.home-7-section{padding:150px 0}}.home-7-section .home-testimonials.swiper{overflow:visible}.home-7-link{color:var(--body-text, #061237);font-size:16px;font-weight:450;line-height:30px;text-decoration:none}.home-7__marquee{display:flex;flex-wrap:nowrap;gap:30px;overflow:hidden;width:100%;justify-content:center}.home-7__marquee+.home-7__marquee{margin-top:30px}.home-7_item{width:100%}.home-7_item-inner{background:radial-gradient(68.6% 68.6% at 57.8% 96.86%, rgba(56, 75, 110, 0.2) 0%, rgba(5, 9, 16, 0.2) 100%),#060910;border:1px solid var(--stroke-color, #ebf2fa);border-radius:10px}.home-7_item-head{border-bottom:1px solid var(--stroke-color, #ebf2fa);padding:28px 21px;display:flex;align-items:center;gap:16px}.home-7_item-head .avatar{height:48px;width:48px}.home-7_item-head .avatar img{border-radius:50%;height:100%;width:100%;object-fit:cover}.home-7_item-head__info-name{display:flex;align-items:center;gap:15px}.home-7_item-head__info-name .name{color:#909cbf;font-size:16px;font-weight:500;line-height:30px}.home-7_item-head__info-name .stars{color:#fb912f}.home-7_item-head__info-date{color:#909cbf;font-size:14px;font-weight:400;line-height:1.3;letter-spacing:-0.08px}.home-7_item-body{padding:22px 21px 28px}.home-7_item-body p{color:#909cbf;font-size:14px;font-weight:400;line-height:23.8px;letter-spacing:-0.08px;margin-bottom:0}.neworder-container{display:flex;flex-wrap:wrap}@media(max-width: 575.98px){.neworder-container .nav-link{width:54px;height:54px;padding:0;display:flex;align-items:center;justify-content:center}.neworder-container .nav-link .icon{font-size:24px}.neworder-container .nav-link .text{display:none}}.neworder-container>*{flex:0 0 100%;width:100%}@media(min-width: 768px){.neworder-container{margin:0 -10px}.neworder-container>*{padding:0 10px}}@media(min-width: 992px){.neworder-container{margin:0 -15px}.neworder-container>*{padding:0 15px;width:50%;flex:0 0 50%}}@media(min-width: 1200px){.neworder-container{margin:0 -20px}.neworder-container>*{padding:0 20px}}@media(min-width: 1400px){.neworder-container{margin:0 -30px}.neworder-container>*{padding:0 30px}}.neworder-charge{display:flex;align-items:center;gap:20px;border-radius:100px;border:1px solid var(--stroke-color, #ebf2fa);background:var(--card-bg-color, #050910);padding:10px 10px 10px 20px}.neworder-charge .icon-box{--icon-box-size: 33px;--icon-box-font-size: 18px;border:1px solid var(--button-button-stroke, rgba(255, 255, 255, 0.15));background:radial-gradient(42.73% 42.73% at 50% 96.36%, rgba(2, 225, 255, 0.93) 0%, rgba(0, 194, 255, 0) 100%),#069cdf;box-shadow:0px 1.18245px 2.3649px 0px rgba(6,156,223,.88),0px 0px 0px 1.18245px #069cdf;color:#fff;flex:0 0 var(--icon-box-size);margin-bottom:0}.neworder-charge input{flex:1;width:100%;border:none;outline:none;box-shadow:none;background-color:rgba(0,0,0,0);color:var(--foreground-color, #172B48);font-size:14px;font-weight:500;line-height:normal;letter-spacing:-0.42px}.neworder-desc{display:flex;flex-direction:column}.neworder-desc .card-desc{flex:1}.neworder-desc_toggle{display:flex;align-items:center;justify-content:center;padding:16px 0 10px;color:var(--foreground-color, #172B48);font-size:14px;gap:10px;display:none}.neworder-desc_content{height:100%;position:relative;display:flex;flex-direction:column}.neworder-desc .toggle-btn{display:none}.neworder-desc .toggle-btn .state-open{display:none}@media(max-width: 991.98px){.neworder-desc{position:fixed;bottom:0;background-color:var(--card-bg-color, #fff);border:1px solid var(--stroke-color, #ebf2fa);box-shadow:0 -2px 10px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;transition:.14s ease;z-index:1000;max-height:71px;overflow:hidden;left:-1px;right:-1px;bottom:10px;transform:scale(0.9);width:calc(100% + 2px);border-radius:15px;transition:.5s ease}.neworder-desc .card{overflow:hidden;margin-bottom:0;flex:1;height:100%}.neworder-desc .card-head{border:none}.neworder-desc.active{max-height:calc(100% - 20px);left:-1px;right:-1px;bottom:0px;border-radius:15px 15px 0 0;width:calc(100% + 2px);transform:scale(1)}.neworder-desc.active .card-head{border-bottom:1px solid var(--stroke-color, #16181E)}.neworder-desc.active .card-body{flex:1;overflow-y:auto}.neworder-desc.active .toggle-btn .state-open{display:block}.neworder-desc.active .toggle-btn .state-close{display:none}.neworder-desc .toggle-btn{position:absolute;right:10px;width:42px;height:42px;min-height:42px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #2c688a;background:#0f2a3e;color:var(--main-color);font-size:16px}.neworder-desc .card{box-shadow:none;border:none;background-color:rgba(0,0,0,0)}.neworder-desc_toggle{display:flex}.neworder-desc_content{flex:1;overflow-y:auto}.neworder-desc .neworder-service_info-others{margin:0 -3px;gap:0;flex-wrap:wrap}.neworder-desc .neworder-service_info-others>*{padding:0 3px}.neworder-desc .neworder-service_info-others .label{margin-bottom:6px}.neworder-desc .neworder-service_info-others .label-text{white-space:nowrap}}.neworder-service_info{padding:15px 0 0}.neworder-service_info-name{margin-bottom:15px}.neworder-service_info-name .label{display:flex;width:100%}.neworder-service_info-name .label-text{flex:1;text-align:center;color:var(--body-text, #061237);font-size:16px;font-style:normal;font-weight:500;line-height:30px}.neworder-service_info-others{display:flex;align-items:center;gap:10px}.neworder-service_info-bottom{padding-top:10px;display:flex;gap:10px}.neworder-service_info-bottom_item{flex:1;border:1px solid var(--stroke, #16181E);background:radial-gradient(68.6% 68.6% at 57.8% 96.86%, rgba(56, 75, 110, 0.2) 0%, rgba(5, 9, 16, 0.2) 100%),#080d16;margin-top:10px;padding:11px 14px;border-radius:15px;display:flex;align-items:center;gap:14px}.neworder-service_info-bottom_item .icon-box{--icon-box-size: 35px;--icon-box-font-size: 18px}.neworder-service_info-bottom_item .text{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-0.14px}.neworder-description{border:1px solid var(--STROKE, #16181E);background:radial-gradient(68.6% 68.6% at 57.8% 96.86%, rgba(56, 75, 110, 0.2) 0%, rgba(5, 9, 16, 0.2) 100%),#080d16;margin-top:10px;padding:15px;border-radius:15px;font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-0.14px}#order_quantity .min-max{color:rgba(118,127,147,.4);font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-0.42px;padding:10px 0 0 20px;display:block;/*transform:translateY(-45px);transition:.14s ease*/}#order_quantity input:focus~.min-max,#order_quantity input.not-empty~.min-max,#order_quantity input:disabled~.min-max{transform:translateY(0)}.services-page{position:relative}.services-page .smmspot-modal::before{background-color:#080d16}.services-page .smmspot-modal__close{position:absolute;width:44px;height:44px;border-radius:50%;right:-15px;top:-15px;background:radial-gradient(42.73% 42.73% at 50% 96.36%, rgba(2, 225, 255, 0.93) 0%, rgba(0, 194, 255, 0) 100%),linear-gradient(0deg, #069CDF 0%, #069CDF 100%),#080d16;border:1px solid #63cfff;color:#fff;font-size:22px}@media(max-width: 767.98px){.services-page .smmspot-modal__close{display:none}}.services-page .smmspot-modal__card{padding:9px;position:relative;display:flex;flex-direction:column;gap:10px}.services-page .smmspot-modal .smmspot-box{border-radius:15px;border:1px solid var(--STROKE, #16181E)}.services-page .smmspot-modal .smmspot-box.title{background:radial-gradient(68.6% 68.6% at 57.8% 96.86%, rgba(56, 75, 110, 0.2) 0%, rgba(5, 9, 16, 0.2) 100%),#080d16;padding:10px 20px 10px;display:flex;align-items:center;gap:10px}.services-page .smmspot-modal .smmspot-box.title .title{flex:1;font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-0.14px}.services-page .smmspot-modal .smmspot-box.cover{overflow:hidden;display:none}.services-page .smmspot-modal .smmspot-box.cover img{max-width:100%;width:100%;height:auto}@media(min-height: 600px){.services-page .smmspot-modal .smmspot-box.cover{display:block}}.services-page .smmspot-modal .smmspot-box.description{font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-0.14px;padding:14px;overflow-y:auto}.services-wrapper{display:flex;flex-direction:column;gap:15px}.services-head{display:flex;align-items:center;margin-top:20px;margin-bottom:30px}.services-head__start{flex:1}.services-head__end{margin-left:auto}@media(max-width: 767.98px){.services-head{flex-direction:column;gap:10px}.services-head>*{flex:0 0 100%;width:100%}.services-head>* form{width:100%}.services-head>*>*{width:100% !important;max-width:100% !important}}.service-category{display:flex;align-items:center;padding:15px 20px;gap:20px;border-radius:15px;border:1px solid var(--stroke-color, #16181E);background:var(--card-bg-inner-color, #080D16);box-shadow:0px 15.11px 59.06px 0px rgba(0,0,0,.03);top:26px;position:sticky;z-index:1}.service-category__wrapper{display:flex;flex-direction:column;gap:15px}@media(max-width: 767.98px){.service-category{top:80px;border-radius:50px;background-color:var(--card-bg-color)}}.service-category .icon{display:flex;align-items:center;justify-content:center;font-size:20px;width:24px;height:24px;flex:0 0 24px}.service-category .title{color:var(--body-text, #061237);font-style:normal;font-size:16px;font-weight:500;line-height:16px;letter-spacing:-0.64px}.service-item{border-radius:15px;border:1px solid var(--stroke-color);background:var(--card-bg-color, #FFF);box-shadow:0px 15.11px 59.06px 0px rgba(0,0,0,.03)}.service-item .label-text{white-space:nowrap}.service-item .btn{width:100%}.service-item_top{padding:13px 20px 13px;border-bottom:1px solid var(--stroke-color, #16181E);background-color:var(--card-bg-inner-color, #080D16);border-radius:15px 15px 0 0;display:flex;align-items:center;gap:12px}@media(max-width: 767.98px){.service-item_top{flex-direction:column}}.service-item_top-end{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:10px}@media(max-width: 767.98px){.service-item_top-end{flex:0 0 100%;width:100%;margin-left:0;justify-content:space-between;padding-top:10px}}.service-item_rate .label{padding:0;display:inline-flex;white-space:nowrap;background-color:var(--card-bg-color);border:1px solid var(--stroke-color);border-radius:10px;gap:0;overflow:hidden}.service-item_rate .label>*{padding:8px 15px;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.service-item_rate .label .price{background-color:#131924;color:#fff}.service-item_rate .label .per-1000{color:#94979e}.service-item_id{border-radius:10px;border:1px solid #61d3ff;background:radial-gradient(42.73% 42.73% at 50% 96.36%, rgba(2, 225, 255, 0.93) 0%, rgba(0, 194, 255, 0) 100%),linear-gradient(0deg, #069CDF 0%, #069CDF 100%),linear-gradient(0deg, #3DAEEB 0%, #3DAEEB 100%),#05acea;box-shadow:0px 0px 0px 1.18245px #069cdf;display:inline-flex;padding:5px 10px;color:#fff;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.service-item_name{color:#fff;font-size:16px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:-0.64px}@media(max-width: 767.98px){.service-item_name{text-align:center}}.service-item_desc{border:none;outline:none;background-color:rgba(0,0,0,0);padding:4px;border-radius:6px;cursor:pointer;color:var(--text-disabled, #061237);text-decoration:none;transition:.14s ease}.service-item_desc:hover{color:var(--body-text, #061237);background-color:rgba(0,0,0,.08)}.service-item_bookmark .label{outline:none;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--stroke-color, #16181E);background-color:var(--card-bg-inner-color, #080D16);color:#969eb0;font-size:16px;transition:.2s ease}.service-item_bookmark .label:has(.fas){color:#fff}.service-item_bookmark .label.favorite-active{color:#ffc107}.service-item_bookmark .label.favorite-active .far.fa-star::before{content:"๏€…";font-weight:900}.service-item_bottom{padding:12px 22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.service-item_item{position:relative}.service-item_button{margin-left:auto;display:flex;gap:10px}@media(max-width: 767.98px){.service-item_button{flex:0 0 100%;width:100%;margin-left:0}}.search-box{transition:.14s ease;height:50px;border-radius:100px;border:1px solid var(--stroke-color, #16181E);background:var(--card-bg-color, #080D16);padding:0 14px;display:flex;align-items:center;gap:15px;width:100%}.search-box:focus-within{border:1px solid #134eff}.search-box input{flex:1;height:100%;border:none;outline:none;background:rgba(0,0,0,0);color:var(--body-text, #061237)}body:not(:has(.smmspot-dashboard)) .service-category{top:100px}.search-btn{border:none;outline:none;box-shadow:none;background-color:rgba(0,0,0,0);padding:0;color:var(--body-text, #061237)}.orders-page{position:relative}.orders-wrapper{display:flex;flex-direction:column;gap:15px}.orders-pagination{padding-top:30px;display:flex;align-items:center;justify-content:center}.order-item{overflow:hidden;border-radius:15px;border:1px solid var(--stroke-color, #16181E);background:var(--card-bg-color, #080D16);box-shadow:0px 15.11px 59.06px 0px rgba(0,0,0,.03);position:relative}.order-item__top{padding:23px 22px;border-radius:15px 15px 0 0;background-color:var(--card-bg-inner-color, #080D16);display:flex;flex-wrap:wrap;margin:-7px}.order-item__top-item{padding:7px}@media(min-width: 768px){.order-item__top{margin:-10px}.order-item__top-item{padding:10px}}@media(min-width: 992px){.order-item__top{margin:-15px}.order-item__top-item{padding:15px}}@media(min-width: 1200px){.order-item__top-item{flex:1 0 0%}.order-item__top-item--status{flex:0 0 auto}}@media(min-width: 1400px){.order-item__top{margin:-20px}.order-item__top-item{padding:20px}}.order-item__top-item{display:flex;flex-direction:column;gap:5px;position:relative;z-index:1}@media(max-width: 767.98px){.order-item__top-item{flex:0 0 50%;width:50%}}.order-item__top-item--icon{flex:0 0 50px}@media(max-width: 767.98px){.order-item__top-item--icon{position:absolute;right:10px;top:10px;width:initial;z-index:0;transform:rotate(4deg) scale(2) translate(5px, -5px);opacity:.3}}.order-item__top-item--id{flex:0 0 40px}@media(max-width: 767.98px){.order-item__top-item--id{flex:0 0 40px}}@media(min-width: 1200px){.order-item__top-item--link{min-width:140px;overflow:hidden}}.order-item__top-item--link a{transition:.14s ease}.order-item__top-item--link a:hover{color:var(--main-color, #4BDBFF);text-decoration:underline}.order-item__top-item--date{min-width:140px}.order-item__top-item--space{flex:0 0 100%}.order-item__top-item--service{flex:1}@media(max-width: 767.98px){.order-item__top-item--service{flex:0 0 calc(100% - 40px)}}.order-item__top-item--status{margin-left:auto}@media(max-width: 991.98px){.order-item__top-item--status{width:100%;margin-left:0;flex:0 0 100%}}.order-item__top-item--status .btn{pointer-events:none}.order-item__top-title{color:var(--text-disabled-100, #767F93);font-size:16px;font-style:normal;font-weight:500;line-height:25px;letter-spacing:-0.48px;white-space:nowrap}.order-item__top-value,.order-item__top-value>a{color:#fff;font-size:16px;font-style:normal;font-weight:500;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.order-item__bottom{background-color:var(--card-bg-color, #080D16);padding:24px 22px;display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid var(--stroke-color, #ebf2fa)}.order-item__bottom-item{display:flex;align-items:center;gap:10px;padding:4px 0}.order-item__bottom-item--end{display:flex;align-items:center;gap:12px;margin-left:auto}.order-item__bottom-item--end:has(.subscription-button){margin-left:0;width:100%;flex:0 0 100%}.order-item__bottom-item--end:has(.subscription-button) .subscription-button{width:100%}.order-item__bottom-item--end:has(.subscription-button) .subscription-button .btn{width:100%}@media(max-width: 991.98px){.order-item__bottom-item--end{flex:0 0 100%;width:100%;margin-left:0;padding-top:10px}.order-item__bottom-item--end .support{margin-left:auto}}@media(max-width: 767.98px){.order-item__bottom-item--end{flex-wrap:wrap}.order-item__bottom-item--end>*:not(.support){flex:0 0 calc(50% - 6px)}.order-item__bottom-item--end .support{flex:0 0 100%;width:100%}}.order-item__bottom-title{color:var(--text-disabled-100, #767F93)}.order-item__bottom-title{font-size:16px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:-0.48px}.order-item__bottom-value{font-size:16px;font-style:normal;font-weight:600;line-height:16px}.order-item__icon{width:50px;height:50px;border-radius:15px;border:1px solid #4bdbff;background:linear-gradient(180deg, #0DC8F6 56.54%, #069CDF 100%);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;font-size:26px}.addfunds-page{position:relative}.addfunds-page .quick-amount{display:flex;flex-wrap:nowrap;overflow-x:auto;border:1px solid var(--stroke-color);background-color:var(--card-bg-color);border-radius:15px}.addfunds-page .quick-amount__item{cursor:pointer;flex:1;padding:25px 14px;display:flex;align-items:center;justify-content:center;transition:.14s ease all}.addfunds-page .quick-amount__item:hover{background-color:var(--card-bg-inner-color)}.addfunds-page .quick-amount__item.active .smmspot-radio__icon{border-color:#02e1ff}.addfunds-page .quick-amount__item.active .smmspot-radio__icon::before{background-color:#02e1ff}.addfunds-head{width:100%;margin-bottom:30px}.addfunds-method{display:block;flex:1;margin:0}.addfunds-methods{display:flex;gap:10px;flex-direction:row;padding:10px;flex-wrap:wrap}.addfunds-method input{display:none}.addfunds-method input:checked+.addfunds-method__box{border:1px solid var(--main-color, #16181E)}.addfunds-method__box{border:1px solid var(--stroke-color);background-color:var(--card-bg-color);border-radius:10px;padding:10px;transition:.14s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;height:100%}.addfunds-method__box:hover{background-color:var(--card-bg-inner-color)}.addfunds-method__box img{max-height:40px}.addfunds-method__box .name{font-size:13px;font-style:normal;color:var(--body-text);font-weight:400;line-height:16px;text-align:center;opacity:.7;transition:.14s ease}.addfunds-payment{padding:20px;border-radius:15px;border:1px solid var(--stroke-color, #ebf2fa);margin-bottom:15px}.addfunds-payment__top,.addfunds-payment__bottom{display:flex;align-items:center}.addfunds-payment__top>*:nth-child(2),.addfunds-payment__bottom>*:nth-child(2){margin-left:auto}.addfunds-payment__bottom{padding-top:8px}.addfunds-payment .method-name{color:var(--body-text, #061237);font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-0.16px}.addfunds-payment .date{color:var(--text-disabled, #061237);font-size:14px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:-0.56px}.addfunds-payment .id{color:var(--foreground-color, #172B48);font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-0.35px}.addfunds-right .card{padding:10px;gap:10px;border-radius:15px}.addfunds-right .card-inner{border-radius:10px;overflow:hidden;padding:30px 34px;display:flex;flex-direction:column;gap:10px;background-color:rgba(0,0,0,0)}.addfunds-right .card-cover{height:100%;flex:1;padding:28px 26px 0;overflow:hidden;position:relative;border-radius:10px;background:url(https://cdn.smmspot.net/smmflare/assets/bg.svg) no-repeat top center/cover;border:1px solid var(--stroke-color)}.addfunds-right .card-cover::after,.addfunds-right .card-cover::before{content:"";background-image:url(https://cdn.smmspot.net/smmflare/assets/social-text.svg);width:410.097px;height:120.544px;position:absolute;bottom:-60px;left:120px;fill:radial-gradient(432.38% 54.31% at 27.85% 57.47%, rgba(255, 43, 55, 0) 0%, rgba(198, 21, 31, 0) 50.94%, rgba(255, 88, 98, 0) 100%),#3db6eb;filter:blur(31.0679569244px);z-index:6}.addfunds-right .card-cover::before{left:20px;bottom:-10px;fill:radial-gradient(18.25% 26.08% at 27.85% 57.47%, #069CDF 0%, rgba(61, 174, 235, 0) 50.94%, rgba(61, 174, 235, 0) 100%),#3db6eb;filter:blur(48.5251960754px)}.addfunds-right .card-cover .smmspot-browser{position:relative;z-index:5;transform-origin:top left;--smmspot-browser-body-height: 260px;transition:.4s ease;max-width:400px;margin:0 auto;margin-top:-130px;margin-bottom:-20px;transform:scale(0.6);transform-origin:bottom center}.addfunds-right .card-cover .smmspot-browser--body{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.addfunds-right .card-cover .smmspot-browser--body::-webkit-scrollbar{width:0px}.addfunds-item--title{color:#fff;font-size:19px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-0.14px}.addfunds-item--text{color:#768194;font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-0.14px}.smmspot-radio{display:flex;align-items:center;gap:8px}.smmspot-radio__icon{width:16px;height:16px;border-radius:50%;border:2px solid var(--stroke-color, #ebf2fa);background-color:var(--card-bg-color);position:relative;display:inline-block}.smmspot-radio__icon::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:8px;height:8px;border-radius:50%;background-color:rgba(0,0,0,0)}.smmspot-radio__title{color:var(--foreground-color, #172B48);font-size:15px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:-0.45px}.tickets-page{position:relative}.ticket-option{flex:0 0 auto}.ticket-options{display:flex;width:100%;gap:10px;flex-wrap:wrap}@media(min-width: 992px){.ticket-option{flex:1}}.ticket-option .smmspot-radio{gap:10px;padding:17px;flex:1;border-radius:15px;border:1px solid var(--stroke-color, #16181E);background:var(--card-bg-color, #050910);display:flex;justify-content:center;align-items:center;transition:.14s ease;cursor:pointer}.ticket-option input{display:none}.ticket-option input:checked~.smmspot-radio{border-radius:15px;border:1px solid var(--button-button-stroke, rgba(255, 255, 255, 0.15));box-shadow:0px 1.18245px 2.3649px 0px rgba(6,156,223,.88),0px 0px 0px 1.18245px #069cdf}.ticket-option input:checked~.smmspot-radio .smmspot-radio__icon{border-color:#fff;background-color:rgba(0,0,0,0)}.ticket-option input:checked~.smmspot-radio .smmspot-radio__icon::before{background:#fff}.ticket-history{display:flex;flex-direction:column;gap:16px}.ticket-history__head{color:var(--foreground-color, #172B48);display:flex;align-items:center;gap:19px;margin-bottom:14px}.ticket-history__icon{font-size:20px}.ticket-history__title{font-size:19px;font-weight:500;letter-spacing:-0.57px}.ticket-item{border-radius:15px;border:1px solid var(--stroke-color, #ebf2fa);background:var(--card-bg-color, #FFF);box-shadow:0px 15.11px 59.06px 0px rgba(0,0,0,.03);text-decoration:none;color:var(--body-text, #202838);display:flex;align-items:center;gap:20px;width:100%;flex-wrap:wrap;padding:16px;position:relative;overflow:hidden}.ticket-item--new{border-color:var(--main-color)}.ticket-item--new::before{position:absolute;content:"NEW";font-size:12px;font-weight:500;right:10px;top:10px;border-radius:4px;padding:3px 6px;color:#fff;background-color:var(--main-color);z-index:5}@media(min-width: 768px){.ticket-item{border-radius:25px}}@media(min-width: 992px){.ticket-item{border-radius:100px}}.ticket-item__icon{flex:0 0 50px;width:50px;height:50px;border-radius:50%;background:radial-gradient(42.73% 42.73% at 50% 96.36%, rgba(2, 225, 255, 0.93) 0%, rgba(0, 194, 255, 0) 100%),linear-gradient(0deg, #069CDF 0%, #069CDF 100%),#3daeeb;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}@media(max-width: 767.98px){.ticket-item__icon{position:absolute;right:10px;top:10px;width:50px;z-index:0;transform:rotate(4deg) scale(2) translate(5px, -5px);opacity:.3}}.ticket-item__infos{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:16px}@media(min-width: 992px){.ticket-item__infos{gap:70px}}.ticket-item__info.ticket-name{width:240px}.ticket-item__label{color:var(--text-disabled, #061237);font-size:14px;font-weight:500;line-height:25px;letter-spacing:-0.42px}.ticket-item__value{color:var(--body-text);font-size:16px;font-weight:500;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-item__status{flex:0 0 100%}.ticket-item__status .label{width:100%;display:flex;justify-content:center}@media(min-width: 768px){.ticket-item__status{flex:initial}.ticket-item__status .label{width:initial}}.ticket-detail{display:flex;gap:30px;max-height:calc(100vh - 100px)}@media(min-width: 576px){.ticket-detail{max-height:calc(100vh - 160px)}}@media(min-width: 992px){.ticket-detail{max-height:calc(100vh - 180px)}}.ticket-detail__left{flex:1}.ticket-detail__right{display:none}@media(min-width: 992px){.ticket-detail__right{display:flex;flex:0 0 250px;flex-direction:column;gap:20px}}@media(min-width: 1200px){.ticket-detail__right{flex:0 0 300px}}@media(min-width: 1400px){.ticket-detail__right{flex:0 0 350px}}.ticket-detail__box{border-radius:25px;border:1px solid var(--stroke-color);background:var(--card-bg-color);box-shadow:0px 25.6884px 51.3768px 0px rgba(10,39,83,.03)}.ticket-detail__box-body{padding:25px;display:flex;flex-direction:column;align-items:center;gap:25px}.ticket-detail__box-body .title{color:var(--body-text, #061237);font-size:25px;font-style:normal;font-weight:450;line-height:35px;letter-spacing:-0.75px;text-align:center}.ticket-detail__box .sup-item{padding:25px;display:flex;gap:15px}.ticket-detail__box .sup-item .icon{font-size:28px}.ticket-detail__box .sup-item .content{display:flex;flex-direction:column;gap:10px}.ticket-detail__box .sup-item_title{color:var(--body-text, #061237);font-size:19px;font-style:normal;font-weight:450;line-height:28.409px;letter-spacing:-0.57px}.ticket-detail__box .sup-item_value{color:var(--text-disabled, #061237);font-size:16px;font-style:normal;font-weight:500;line-height:18.182px;letter-spacing:-0.64px}.ticket-detail__message{display:flex;flex-direction:column;max-height:100%}@media(max-width: 767.98px){.ticket-detail__message{position:fixed;z-index:1020;top:0;left:0;right:0;bottom:0;border-radius:0;border:none}.ticket-detail__message .ticket-detail__message-header{padding:16px 9px}.ticket-detail__message .ticket-detail__message-body{margin:0;border-radius:0;border:none;padding:18px}.ticket-detail__message .ticket-detail__message-footer{padding:18px}.ticket-detail__message .ticket-detail__message-footer .btn.btn-primary{padding:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;min-height:52px}}.ticket-detail__message .ticket-detail__box{display:flex;flex-direction:column;max-height:100%;flex:0 0 100%}.ticket-detail__message-header{padding:25px;display:flex;align-items:center;gap:23px}.ticket-detail__message-header .item.item-title{display:flex;flex-direction:column;flex:1;gap:4px}.ticket-detail__message-header .item.item-title .title{color:var(--foreground-color, #172B48);font-size:18px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-0.547px}.ticket-detail__message-header .item.item-title .value{color:var(--text-disabled, #061237);font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-0.42px}.ticket-detail__message-header .item .outer-label{padding:7px 7px 7px 18px;gap:18px}.ticket-detail__message-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:30px;border-radius:15px;border-radius:15px;background:var(--Card-BG-Inner, #080D16);margin:4px 24px 0px}.ticket-detail__message-body::-webkit-scrollbar{width:0px}.ticket-detail__message-body .message-item{max-width:450px;width:100%}.ticket-detail__message-body .message-item__box{border-radius:15px 15px 15px 0px;border:1px solid var(--stroke-color, #16181E);background:var(--card-bg-inner-color, #080D16);padding:14px 22px;color:var(--body-text, #fff);font-size:15px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.4px}.ticket-detail__message-body .message-item__info{padding-top:14px;display:flex;gap:10px;align-items:center;justify-content:space-between;color:var(--text-disabled, #061237);font-size:14.769px;font-style:normal;font-weight:500;line-height:32px;letter-spacing:-0.443px}.ticket-detail__message-body .message-item__image{border:1px solid var(--stroke-color, #16181E);border-radius:10px;padding:4px;background:var(--card-bg-inner-color, #080D16);transition:.14s ease all;cursor:pointer}.ticket-detail__message-body .message-item__images{display:flex;gap:10px;flex-wrap:wrap;padding-top:10px}.ticket-detail__message-body .message-item__image:hover{border-color:var(--button-button-stroke, rgba(255, 255, 255, 0.15))}.ticket-detail__message-body .message-item__image:hover img{transform:scale(1.1)}.ticket-detail__message-body .message-item__image img{height:40px;width:40px;border-radius:6px;transition:.14s ease;object-fit:cover}.ticket-detail__message-body .message-item.message-item-support{align-self:flex-end}.ticket-detail__message-body .message-item.message-item-support .message-item__box{background:#069cdf;border-radius:15px 15px 0px 15px;color:#fff}.ticket-detail__message-footer{padding:25px}.ticket-detail__message-footer .message-send{width:100%;display:flex;gap:10px}.ticket-detail__message-footer .message-send.disabled{opacity:.4;pointer-events:none;user-select:none}.ticket-detail__message-footer .message-send .attach{width:56px;height:56px}.ticket-detail__message-footer .message-send textarea{flex:1;min-height:1lh;resize:none;padding-top:18px;padding-bottom:18px;border:1px solid var(--stroke-color, #16181E);border-radius:15px;outline:none;box-shadow:none;background:var(--card-bg-color, #080D16)}.ticket-detail__message-footer .message-send textarea:focus{box-shadow:var(--focus-shadow)}.ticket-detail__message-footer .message-send .btn-text{display:none}@media(min-width: 576px){.ticket-detail__message-footer .message-send .btn-text{display:block}}#create-ticket.loading{position:relative}#create-ticket.loading::before{position:absolute;left:-4px;top:-4px;content:"";width:calc(100% + 8px);height:calc(100% + 8px);background-color:rgba(3,6,13,.7);z-index:1000}#create-ticket.loading::after{content:"";left:50%;top:50%;position:absolute;transform:translate(-50%, -50%);width:100px;height:100px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 width=%2724%27 height=%2724%27%3E%3Cpath d=%27M18.364 5.63604L16.9497 7.05025C15.683 5.7835 13.933 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12H21C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C14.4853 3 16.7353 4.00736 18.364 5.63604Z%27 fill=%27rgba%28255,255,255,1%29%27%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:44px 44px;background-position:center;z-index:1001;animation:smmspot-ticket-loader-spin 1s linear infinite;transform-origin:top left}@keyframes smmspot-ticket-loader-spin{0%{transform:rotate(0deg) translate(-50%, -50%)}100%{transform:rotate(360deg) translate(-50%, -50%)}}.api-page{padding-top:40px}.api-page table{border-color:var(--stroke-color);color:var(--text-disabled, #fff);background-color:rgba(0,0,0,0)}.api-page .table,.api-page .table th,.api-page .table td{background-color:rgba(0,0,0,0)}.api-page .table th{color:var(--text-disabled, #fff)}.api-page .table td{color:var(--body-text, #fff)}.api-page .card{border-radius:15px;border:1px solid var(--stroke-color);background:var(--bgcard-bg-color);box-shadow:0px 15.11px 59.06px 0px rgba(0,0,0,.03)}.api-page .card-header{background-color:rgba(0,0,0,0);border-bottom:1px solid var(--stroke-color, #ebf2fa);padding:6px 6px 6px 30px}.api-page .card-header:not(:has(.form-select)){padding:20px 30px}.api-page .card-header .form-select{width:100%;max-width:auto;min-width:220px;margin-left:auto;margin-right:0;margin-bottom:0;margin-top:0}.api-page .card-body{padding:30px}.api-page h4,.api-page .h4{font-size:18px;font-weight:500;color:var(--body-text, #061237);margin-bottom:20px;margin-bottom:18px}.api-page pre{background-color:var(--card-bg-inner-color);border:1px solid var(--stroke-color);border-radius:15px;padding:20px;margin-bottom:20px;font-size:14px;font-weight:400;line-height:25px;color:var(--body-text, #061237)}.api-page pre .smmspot-json-key{color:var(--text-disabled, #061237)}.api-page pre .smmspot-json-string{color:var(--label-success-text, #061237)}.api-page pre .smmspot-json-number{color:var(--label-warning-text, #061237)}.api-page pre .smmspot-json-boolean{color:var(--label-danger-text, #061237)}.api-overview{min-height:100%;display:flex;gap:10px;flex-direction:column;justify-content:space-between;padding:25px}.api-overview_label{font-size:14px;font-weight:500;color:var(--text-disabled, #061237)}.api-overview_value{color:var(--body-text, #061237);font-size:16px}.api-overview-method .api-overview_value,.api-overview-format .api-overview_value{font-size:24px;font-weight:600;color:#ffb016}/*.api-title{font-size:20px;font-weight:400;color:var(--body-text, #061237);margin-bottom:20px;margin-bottom:0}*/.affiliate-page{position:relative}.affiliate-page .box{border-radius:15px;border:1px solid var(--stroke-color, #ebf2fa);background:var(--card-bg-color, #050910);box-shadow:0px 25.6884px 51.3768px 0px rgba(10,39,83,.03)}.affiliate-top{padding:37px 0}.affiliate-top_item{padding:12px;display:flex;align-items:center;gap:20px}.affiliate-top_item-content{display:flex;flex-direction:column;gap:2px;flex:0 0 calc(100% - 72px);width:calc(100% - 72px)}.affiliate-top_item-content.horizontal{width:100%;flex:0 0 100%;align-items:center;justify-content:space-between;text-align:center;gap:5px;padding:5px}@media(min-width: 768px){.affiliate-top_item-content.horizontal{flex-direction:row;padding:16px 13px}}.affiliate-top_item-title{color:var(--body-text);font-size:16px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-0.48px;margin-bottom:0}.affiliate-top_item-value{color:var(--text-disabled, #061237);font-size:16px;font-weight:500;line-height:20px;letter-spacing:-0.48px;margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:inline-block}.affiliate-top_item .btn{border-radius:8px;padding:0;height:52px;width:52px;font-size:20px}.affiliate-stats{margin-bottom:40px}.affiliate-stats_head{height:52px;display:flex;align-items:center;gap:20px;color:var(--foreground-color, #172B48);padding:0 8px;margin-bottom:20px}.affiliate-stats_head-icon{font-size:18px}.affiliate-stats_head-title{font-size:19px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-0.57px;margin-bottom:0}.affiliate-stats_items{display:flex;flex-wrap:wrap;margin:0 -10px}.affiliate-stats_item{border-radius:15px;border:1px solid var(--stroke-color, #ebf2fa);background:var(--card-bg-color, #050910);box-shadow:0px 15.11px 59.06px 0px rgba(0,0,0,.03);display:flex;flex-direction:column;gap:0px}.affiliate-stats_item-outer{padding:0 10px;margin-bottom:20px;flex:0 0 50%;max-width:50%}@media(min-width: 992px){.affiliate-stats_item-outer{flex:0 0 33.333333%;max-width:33.333333%}}.affiliate-stats_item-icon{border-radius:10px;border:1px solid #2c688a;background:#0f2a3e;width:35px;flex:0 0 35px;height:35px;padding:0;display:flex;align-items:center;justify-content:center;color:#00a6ff}.affiliate-stats_item-title{color:var(--foreground-color, #172B48);font-size:18px;font-weight:400;line-height:16px;letter-spacing:-0.54px;padding:19px}.affiliate-stats_item-content{border-top:1px solid var(--stroke-color, #ebf2fa);background:var(--card-bg-color-inner, #080D16);display:flex;padding:19px;align-items:center;gap:10px;align-self:stretch;color:var(--foreground-color, #172B48);border-radius:0 0 15px 15px}.affiliate-stats_item-value{font-size:25px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:-0.75px}.affiliate-end{display:flex;flex-direction:column;gap:40px}.child-page{position:relative}.child-boxtop{border:1px solid var(--stroke-color, #ebf2fa);background:var(--card-bg-color, #050910);box-shadow:0px 15.11px 59.06px 0px rgba(0,0,0,.03);margin:37px 0 30px;padding:9px;display:flex;flex-wrap:wrap;align-items:center;gap:20px;border-radius:15px}@media(max-width: 991.98px){.child-boxtop_label{flex:0 0 100%}.child-boxtop_label .label{width:100%;display:flex}.child-boxtop_label .label-text{flex:1;text-align:center}}@media(max-width: 991.98px)and (min-width: 992px){.child-boxtop{flex:auto;margin-left:auto}}.child-boxtop .label-text>span+span::before{content:"/";color:#c2bcbc;padding-right:4px}.child-boxtop_icon{border-radius:10px;border:.667px solid rgba(255,255,255,.15);background:radial-gradient(42.73% 42.73% at 50% 96.36%, rgba(2, 225, 255, 0.93) 0%, rgba(0, 194, 255, 0) 100%),linear-gradient(0deg, #069CDF 0%, #069CDF 100%),linear-gradient(180deg, #134EFF 56.54%, #1380FF 100%);box-shadow:0px .66667px 1.33333px 0px rgba(19,78,255,.88),0px 0px 0px .66667px #134eff;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;color:#fff;font-size:20px}.child-boxtop_text{flex:1;color:var(--foreground-color, #172B48);font-size:18px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-0.54px}.child-list{display:flex;flex-direction:column;gap:30px}.child-item{border-radius:15px;border:1px solid var(--stroke-color, #16181E);background:var(--card-bg-color, #050910);box-shadow:0px 42px 80px 0px rgba(10,39,83,.05)}.child-item_top{border-bottom:1px solid var(--stroke-color, #16181E);display:flex;align-items:center;padding:24px;gap:20px;flex-wrap:wrap}.child-item_top .item-login{margin-left:auto}@media(max-width: 991.98px){.child-item_top .item-login{margin-left:initial;flex:0 0 100%}.child-item_top .item-login .btn{width:100%;display:flex}}.child-item_top .item-domain{color:var(--foreground-color, #172B48);font-size:19px;font-weight:500;letter-spacing:-0.76px}.child-item_top .item-domain span:nth-child(2){color:var(--text-disabled, #061237);font-size:16px;font-weight:400}.child-item_bottom{display:flex;align-items:center;gap:20px;padding:24px;flex-wrap:wrap;background-color:var(--card-bg-inner-color, #080D16);border-radius:0 0 15px 15px}.child-item_bottom .item-status{font-size:16px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-0.32px}.child-item_bottom .item-status span:nth-child(1){color:var(--body-text, #061237)}.child-item_bottom .item-status span:nth-child(2){color:var(--text-disabled, #061237);padding-left:4px}.child-item_bottom .item-btns{display:flex;align-items:center;flex-wrap:wrap;flex:0 0 100%;width:100%;gap:6px}.child-item_bottom .item-btns>*{flex:0 0 calc(50% - 3px)}.child-item_bottom .item-btns .btn{padding:8px 6px}@media(min-width: 768px){.child-item_bottom .item-btns{display:inline-flex;margin-left:auto;flex:initial;width:initial}.child-item_bottom .item-btns>*{flex:inherit}}@media(min-width: 992px){.child-item_bottom .item-btns .btn{padding:12px 25px}}.child-dhead-body{display:flex;flex-direction:row;flex-wrap:wrap;margin:-8px;max-width:430px;width:100%;padding-bottom:30px}.child-dhead-body>*{flex:0 0 50%;padding:8px}.child-dhead-body .btn-item{flex:0 0 100%}.child-dhead-body .input{display:flex;align-items:center;gap:10px;border-radius:13.244px;border:.662px solid var(--STROKE, #16181E);background:radial-gradient(68.6% 68.6% at 57.8% 96.86%, rgba(56, 75, 110, 0.2) 0%, rgba(5, 9, 16, 0.2) 100%),#050910;padding:14px}.child-dhead-body .input .text{color:#fff;font-size:16px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-0.339px}.account-page .card{border-radius:15px;border:1px solid var(--stroke-color, #16181E);background:var(--card-bg-color);box-shadow:0px 15.11px 59.06px 0px rgba(0,0,0,.03);display:flex;flex-direction:row}@media(max-width: 991.98px){.account-page .card{border:none;background-color:rgba(0,0,0,0);box-shadow:none;flex-direction:column}}.account-page .card-left{width:280px;flex:0 0 280px;padding:30px;border-right:1px solid var(--stroke-color, #ebf2fa);display:flex;align-items:center;flex-direction:column;gap:10px}@media(max-width: 991.98px){.account-page .card-left{background-color:var(--card-bg-color, #050910);border:1px solid var(--stroke-color, #ebf2fa);padding:20px;flex-direction:row;gap:30px;border-radius:15px;flex-direction:row;flex:1;width:100%}.account-page .card-left .content{flex:1;align-items:flex-start;text-align:left}.account-page .card-left .content .name,.account-page .card-left .content .email{text-align:left}.account-page .card-left .avatar{width:42px;height:42px;flex:0 0 42px}}.account-page .card-left .text-avatar{--text-avatar-size: 60px;--text-avatar-font: 28px}.account-page .card-left .name{font-size:18px;color:var(--foreground-color, #172B48);font-style:normal;font-weight:600;line-height:normal;text-align:center}.account-page .card-left .email{color:var(--text-disabled, #061237);font-size:15px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-page .card-content{flex:0 0 calc(100% - 280px);padding:30px}@media(max-width: 991.98px){.account-page .card-content{flex:1;width:100%;padding:30px 0 0}.account-page .card-content .account-tabs{padding:0;flex-wrap:nowrap;overflow-x:auto;margin-bottom:30px}.account-page .card-content .account-tabs .text{white-space:nowrap}}.account-tabs{display:flex;gap:6px;margin:0;padding:0;list-style:none;padding-bottom:16px;flex-wrap:wrap}.account-tabs-link{min-height:50px;padding:12px 25px;display:inline-flex;align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:15px;gap:9px;transition:all .14s ease;border-color:var(--stroke-color, #16181E);background-color:var(--card-bg-color, #050910);color:var(--foreground-color);text-decoration:none}[data-theme=dark] .account-tabs-link:hover{background-color:var(--card-bg-inner-color, #0d1117)}.account-tabs-link.active,.account-tabs-link.active:hover{background:var(--button-primary-bg);border-color:var(--button-primary-stroke, rgba(255, 255, 255, 0.15));background-size:100% 100%;color:#fff}.account-tab-contents{padding-top:14px}.account-tab-content{display:none}.account-tab-content.active{display:block}.blog-page .card{overflow:hidden;border-radius:25px}.blog-page .card .blog-image{width:100%;padding-top:65%;position:relative;background-color:var(--label-default-bg, #ecf7fd);color:var(--label-default-stroke, #adc7d6)}.blog-page .card .blog-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}.blog-page .card .blog-image span{color:var(--label-default-border, #adc7d6);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:24px;font-weight:600;user-select:none;pointer-events:none}.blog-page .card .blog-content{padding:24px;display:flex;flex-direction:column;gap:8px}.blog-page .card .blog-title{font-size:18px;font-weight:500;color:var(--body-text, #061237);letter-spacing:-0.4px;line-height:1.2;margin-bottom:0}.blog-page .card .blog-title a{color:var(--body-text, #061237);text-decoration:none}.blog-page .card .blog-date{font-size:12px;font-weight:400;color:var(--text-disabled, #061237);letter-spacing:-0.4px;line-height:1.2;margin-bottom:0}.blog-page .card .blog-text{font-size:14px;font-weight:400;color:var(--text-disabled, #061237);line-height:1.6;margin-bottom:0}.blog-single .card .blog-content{gap:30px}.blog-single .card .blog-title{text-align:center;font-size:24px;font-weight:500;color:var(--body-text, #061237)}@media(min-width: 768px){.blog-single .card .blog-title{font-size:32px}}@media(min-width: 992px){.blog-single .card .blog-title{font-size:45px}}@media(min-width: 992px){.blog-single .card .blog-image{padding-top:40%}}@media(min-width: 1200px){.blog-single .card .blog-image{padding-top:32%}}.blog-single .card .blog-image .btn{position:absolute;z-index:3;left:20px;top:20px;padding:0;width:52px;min-height:52px;height:52px;display:flex;align-items:center;font-size:20px}.blog-single .card .blog-text{display:flex;flex-direction:column;align-items:center;gap:30px;font-size:16px;letter-spacing:.3px}.blog-single .card .blog-text p{width:100%;margin-bottom:0}.blog-single .card .blog-text img{max-width:100%}.blog-single .card .blog-text blockquote{width:100%;margin-bottom:0;padding:0 20px;font-size:18px;font-weight:500;line-height:1.5;color:var(--body-text, #061237);border-left:3px solid var(--body-text, #061237)}.blog-single .card .blog-text a{color:var(--body-text, #061237);text-decoration:underline}.blog-single .card .blog-text h1,.blog-single .card .blog-text .h1,.blog-single .card .blog-text h2,.blog-single .card .blog-text .h2,.blog-single .card .blog-text h3,.blog-single .card .blog-text .h3,.blog-single .card .blog-text h4,.blog-single .card .blog-text .h4,.blog-single .card .blog-text h5,.blog-single .card .blog-text .h5,.blog-single .card .blog-text h6,.blog-single .card .blog-text .h6{color:var(--body-text, #061237);font-weight:500;line-height:1.2;margin-bottom:0}
[data-smmspot=marquee]{display:flex;overflow:hidden;max-width:100%}[data-smmspot=marquee] .marquee__inner{display:flex;align-items:center;flex-wrap:nowrap}
.smmspot-modal{position:fixed;left:0;top:0;right:0;bottom:0;z-index:2000;align-items:center;justify-content:center;display:none}.smmspot-modal.active{display:flex}.smmspot-modal.smmspot-modal-drawer .smmspot-modal__card{position:fixed;right:0;top:0;bottom:0;border-radius:0;border-width:0 1px 0 0;animation:smmspot-modal-from-right .2s ease forwards}.smmspot-modal::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.5019607843);opacity:1;z-index:-1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.smmspot-modal.smmspot-modal-sm .smmspot-modal__card{max-width:400px}.smmspot-modal.smmspot-modal-lg .smmspot-modal__card{max-width:800px}.smmspot-modal.smmspot-modal-xl .smmspot-modal__card{max-width:1200px}.smmspot-modal__card{border-radius:25px;border:1px solid var(--stroke-color, #ebf2fa);background:var(--card-bg-color, #FFF);padding:0;display:flex;flex-direction:column;gap:20px;max-width:640px;width:100%;height:auto;max-height:80vh;max-height:-webkit-fill-available;animation:smmspot-modal-to-top .3s ease forwards}.smmspot-modal__header{display:flex;align-items:center;border-radius:15px;border:1px solid var(--stroke-color, #E6E6E6);background:var(--card-bg-inner-color, #FAFAFA);margin:22px 22px 0;min-height:60px;padding:13px 25px}.smmspot-modal__close{margin-left:auto;margin-right:-10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.smmspot-modal__body{flex:1;padding:0 28px 22px;overflow-y:auto}@keyframes smmspot-modal-to-top{0%{opacity:0;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@keyframes smmspot-modal-from-right{0%{opacity:.6;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}
:root{--smmspot-ss-overlay-bg: rgba(0, 0, 0, 0.5);--smmspot-ss-bg: var(--card-bg-color);--smmspot-ss-border-color: var(--stroke-color);--smmspot-ss-border-radius: 15px;--smmspot-ss-border-width: 1px;--smmspot-ss-text: var(--body-text, #061237);--smmspot-ss-text-secondary: var(--foreground-color, #061237);--smmspot-ss-text-muted: var(--text-disabled, #061237);--smmspot-ss-primary-color: var(--main-color);--smmspot-ss-primary-color-rgb: 111, 71, 235;--smmspot-ss-header-height: 60px;--smmspot-animation-duration: .2s}@keyframes smmspot-ss-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@keyframes smmspot-ss-heartbeat{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes smmspot-ss-open{0%{transform:translateY(40px);opacity:0}100%{transform:translateY(0);opacity:1}}.smmspot-ss{display:none}.smmspot-ss-open{display:block}.smmspot-ss-open .smmspot-ss-card{animation:smmspot-ss-open .2s ease}.smmspot-ss-spin{animation:smmspot-ss-spin 1s linear infinite}.smmspot-ss-heartbeat{animation:smmspot-ss-heartbeat 1s linear infinite}.smmspot-ss-close-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;border:0;margin:0;cursor:pointer;color:var(--smmspot-ss-primary-color);background-color:rgba(var(--smmspot-ss-primary-color-rgb), 0.1);transition:.14s ease}.smmspot-ss-close-btn-outer{height:100%;display:flex;align-items:center;justify-content:center;padding-right:10px}.smmspot-ss-close-btn svg{width:24px;height:24px;fill:var(--smmspot-ss-primary-color)}.smmspot-ss-close-btn:hover{background-color:rgba(var(--smmspot-ss-primary-color-rgb), 0.2)}.smmspot-ss-close-btn:focus,.smmspot-ss-close-btn:active{box-shadow:0 0 0 .25rem rgba(var(--smmspot-ss-primary-color-rgb), 0.2)}.smmspot-ss-overlay{background-color:var(--smmspot-ss-overlay-bg);bottom:0;left:0;position:fixed;right:0;top:0;z-index:4000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.smmspot-ss-container{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;right:0;justify-content:center;margin:0 auto;max-width:100%;padding:0px;z-index:4001}@media(min-width: 576px){.smmspot-ss-container{padding:15px}}.smmspot-ss-card{width:100%;height:100%;background-color:var(--smmspot-ss-bg);border-color:var(--smmspot-ss-border-color);color:var(--smmspot-ss-color);margin:auto;display:flex}@media screen and (min-width: 576px){.smmspot-ss-card{border-radius:var(--smmspot-ss-border-radius);border-style:solid;border-width:var(--smmspot-ss-border-width);max-width:1000px;max-height:calc(100vh - 90px)}}.smmspot-ss-card-inner{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.smmspot-ss-card-header{display:flex;gap:5px;transition:var(--smmspot-animation-duration) ease;margin:5px;border-radius:13.645px;border:1px solid var(--stroke-color, #ebf2fa);background:var(--card-bg-color, #FFF)}.smmspot-ss-card-body{flex:1;overflow-y:auto;transition:var(--smmspot-animation-duration) ease;padding:0 5px}.smmspot-ss-search-icon{height:54px;display:flex;align-items:center;justify-content:center;padding-left:15px}.smmspot-ss-search-icon_icon{position:relative}.smmspot-ss-search-icon_icon svg{width:24px;height:24px;fill:var(--smmspot-ss-text-muted)}.smmspot-ss-search-input{height:var(--smmspot-ss-header-height);font-weight:700;font-size:20px;border-radius:none;border:none;outline:none;background-color:rgba(0,0,0,0);flex:1;padding:0 18px;color:var(--smmspot-ss-text)}.smmspot-ss-search-input::placeholder{color:var(--smmspot-ss-text-muted)}.smmspot-ss-service{padding:15px 20px;cursor:pointer;transition:.14s ease;border-radius:15px;border:1px solid var(--smmspot-ss-border-color)}.smmspot-ss-service:hover{background-color:var(--bg-color-2)}.smmspot-ss-service-name{color:var(--body-text, #061237);font-size:16px;font-style:normal;font-weight:700;line-height:30px}.smmspot-ss-service-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap}@media screen and (max-width: 576px){.smmspot-ss-service-footer{gap:6px}}.smmspot-ss-service-footer_item{display:flex;align-items:center;gap:3px}.smmspot-ss-service-footer_item .label .label-text{white-space:nowrap}.smmspot-ss-service-footer_item-title{font-size:14px;color:var(--smmspot-ss-text-muted)}.smmspot-ss-service-footer_item-value{font-size:14px;color:var(--smmspot-ss-text);font-weight:500}.smmspot-ss-service+.smmspot-ss-service{margin-top:10px}.smmspot-ss-highlight{background-color:rgba(var(--smmspot-ss-primary-color-rgb), 0.1)}.smmspot-ss-no-result{padding:24px;display:flex;width:100%;flex-direction:column;gap:14px}.smmspot-ss-no-result-text{font-size:16px;color:var(--smmspot-ss-text-secondary);text-align:center}.smmspot-ss-detail{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;flex-direction:column;transform:translateX(100%);transition:var(--smmspot-animation-duration) ease;transition-delay:var(--smmspot-animation-duration)}.smmspot-ss-detail-header{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid var(--smmspot-ss-border-color);min-height:var(--smmspot-ss-header-height);gap:15px;align-items:center}.smmspot-ss-detail-title{flex:1;font-size:20px;font-weight:500;color:var(--smmspot-ss-text);margin-bottom:0}.smmspot-ss-detail-go-back{cursor:pointer;height:100%;display:flex;align-items:center;justify-content:center}.smmspot-ss-detail-go-back_button{width:38px;height:38px;border-radius:8px;background-color:rgba(var(--smmspot-ss-primary-color-rgb), 0.1);display:flex;align-items:center;justify-content:center;transition:.14s ease;outline:none;border:none;padding:0}.smmspot-ss-detail-go-back_button svg{width:28px;height:28px;fill:var(--smmspot-ss-primary-color)}.smmspot-ss-detail-body{flex:1;overflow-y:auto;padding:24px;gap:15px;display:flex;flex-direction:column}.smmspot-ss-detail-name{font-size:20px;font-weight:500;color:var(--smmspot-ss-text);font-weight:500;text-align:center}.smmspot-ss-detail-items{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}.smmspot-ss-detail-item{padding:12px;display:flex;gap:4px;border-radius:4px;border:1px solid var(--smmspot-ss-border-color);font-size:14px}.smmspot-ss-detail-item-title{color:var(--smmspot-ss-text-muted)}.smmspot-ss-detail-item-value{margin-left:auto;color:var(--smmspot-ss-text);font-weight:500}.smmspot-ss-detail-description{font-size:16px;color:var(--smmspot-ss-text-secondary);border:1px solid var(--smmspot-ss-border-color);border-radius:4px;padding:12px}.smmspot-ss[data-state=detail] .smmspot-ss-detail{transform:translateX(0)}.smmspot-ss[data-state=detail] .smmspot-ss-card-header{transform:translateY(-100%)}.smmspot-ss[data-state=detail] .smmspot-ss-card-body{transform:translateY(100%)}
:root{--actulus-selectbox-bg-color: var(--card-bg-color, #fff);--actulus-selectbox-border-color: var(--stroke-color, #ebf2fa);--actulus-selectbox-primary: var(--main-color, #21C3F1);--actulus-selectbox-primary-rgb: 33, 195, 241;--actulus-selectbox-border-radius: 15px;--actulus-selectbox-options-padding: 4px;--actulus-selectbox-options-gap: 5px;--actulus-selectbox-option-padding: 6px 14px;--actulus-selectbox-text: car(--body-text, #fff);--actulus-selectbox-muted: var(--text-disabled, #767f93);--actulus-selectbox-muted-rgb: 108, 117, 125;--actulus-selectbox-disabled: var(--text-disabled);--actulus-selectbox-shadow: 0 0px 1px rgba(0, 0, 0, .2)}.actulus-selectbox{position:relative;width:100%}.actulus-selectbox_selected .actulus-selectbox_label{animation:actulus-selectbox-selected-label 1s ease}.actulus-selectbox_label{display:flex;justify-content:flex-start;align-items:center;text-align:left;width:100%;gap:10px}.actulus-selectbox_label .actulus-selectbox_option-text{flex:1;width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actulus-selectbox_label .actulus-selectbox_option-icon{border-radius:15px;background-color:var(--actulus-selectbox-primary);margin-left:-10px}.actulus-selectbox_label .actulus-selectbox_option-icon img{width:auto;height:22px}.actulus-selectbox_search{width:calc(100% - 8px);border:none;outline:none;box-shadow:none;background-color:rgba(0,0,0,0);transition:.14s ease;top:0;border-radius:10px;border:1px solid var(--stroke-color, #ebf2fa);background:var(--card-bg-inner-color, #F9FAFB);margin:4px;padding:5px 10px 5px 10px;min-height:40px;gap:10px;position:sticky;z-index:100;display:flex;align-items:center}.actulus-selectbox_search:focus-within{border-color:var(--actulus-selectbox-primary)}.actulus-selectbox_search:focus-within svg{fill:var(--actulus-selectbox-primary)}.actulus-selectbox_search-icon{width:20px;height:20px;height:auto;text-align:start}.actulus-selectbox_search-icon svg{height:17px;fill:var(--actulus-selectbox-muted)}.actulus-selectbox_search>input{border:none;outline:none;box-shadow:none;background-color:rgba(0,0,0,0);flex:1;width:100%;height:19px}.actulus-selectbox_search:focus{border-color:var(--actulus-selectbox-primary)}.actulus-selectbox_close{position:absolute;width:32px;height:32px;padding:0;border:none;outline:none;right:-10px;top:-10px;border-radius:50%;background-color:var(--actulus-selectbox-primary);color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer}.actulus-selectbox_auto-width .actulus-selectbox_options-bg{float:left;width:auto;min-width:100%}.actulus-selectbox_options-outer{display:none;top:calc(100% + 14px);position:absolute;background-color:var(--actulus-selectbox-bg-color);border:1px solid var(--actulus-selectbox-border-color);border-radius:var(--actulus-selectbox-border-radius);box-shadow:var(--actulus-selectbox-shadow);z-index:200;width:100%;overflow:hidden;flex-direction:column}.actulus-selectbox_options-wrapper{flex:1;position:relative;gap:var(--actulus-selectbox-options-gap);padding:var(--actulus-selectbox-options-padding);overflow-y:auto}.actulus-selectbox_options-wrapper::-webkit-scrollbar{width:4px}.actulus-selectbox_scroll-timeline{position:absolute;left:0;width:100%;z-index:300;pointer-events:none;transition:.14s ease;background:linear-gradient(0deg, rgba(var(--actulus-selectbox-primary-rgb), 0) 0%, rgba(var(--actulus-selectbox-primary-rgb), 0.2) 100%);transition:.1s ease;height:0;opacity:0}.actulus-selectbox_scroll-timeline-bottom{background:linear-gradient(180deg, rgba(var(--actulus-selectbox-primary-rgb), 0) 0%, rgba(var(--actulus-selectbox-primary-rgb), 0.2) 100%)}.actulus-selectbox_scroll-timeline-visible{height:32px;opacity:1}.actulus-selectbox_option{width:100%;border:none;outline:none;box-shadow:none;background-color:rgba(0,0,0,0);display:flex;align-items:center;padding:5px 10px;color:var(--actulus-selectbox-text);border-radius:10px;text-align:left;gap:10px;min-height:40px;position:relative;border:1px solid rgba(0,0,0,0)}.actulus-selectbox_option-highlight{background-color:rgba(var(--actulus-selectbox-primary-rgb), 0.3);font-weight:600}.actulus-selectbox_option-text{position:relative;flex:1}.actulus-selectbox_option-icon{width:30px;height:30px;display:flex;justify-content:center;align-items:center;text-align:start}.actulus-selectbox_option-icon img{width:auto;height:22px}.actulus-selectbox_option:hover{background:rgba(255,255,255,.05)}.actulus-selectbox_option.actulus-selectbox_option-selected{background:var(--card-bg-inner-color, #F9FAFB);border-color:var(--stroke-color);color:var(--actulus-selectbox-primary)}.actulus-selectbox_option-disabled{opacity:.5;cursor:not-allowed}.actulus-selectbox_option-disabled:hover{background-color:rgba(0,0,0,0)}.actulus-selectbox_info{display:flex;padding:40px 20px 20px;flex-direction:column;align-items:center;gap:20px}.actulus-selectbox_info-icon{color:var(--actulus-selectbox-disabled)}.actulus-selectbox_info-icon svg{width:70px;height:70px;fill:var(--actulus-selectbox-disabled)}.actulus-selectbox_info-text{font-size:16px;color:var(--actulus-selectbox-muted);text-align:center}.actulus-selectbox.actulus-selectbox_open .actulus-selectbox_options-outer{display:flex;animation:actulus-selectbox-fade-in .2s ease}.actulus-selectbox[data-options-mode=modal] .actulus-selectbox_close{display:flex;top:10px;right:10px;z-index:3000;position:fixed}.actulus-selectbox[data-options-mode=modal] .actulus-selectbox_close svg{width:20px;height:auto;fill:#fff}.actulus-selectbox[data-options-mode=modal] .actulus-selectbox_options-bg{position:fixed;top:0;left:0;bottom:0;right:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:rgba(0,0,0,.2);z-index:2000;display:none;padding:20px}.actulus-selectbox[data-options-mode=modal] .actulus-selectbox_options-outer{position:relative;width:100%;max-width:600px;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;top:inherit;max-height:100%;height:auto;overflow-y:auto;animation:actulus-selectbox-modal-fade-in .2s ease;z-index:2010}.actulus-selectbox[data-options-mode=modal].actulus-selectbox_open .actulus-selectbox_options-bg{display:flex}.actulus-selectbox[data-options-mode=full] .actulus-selectbox_close{display:flex;top:10px;right:10px;z-index:3000;position:fixed}.actulus-selectbox[data-options-mode=full] .actulus-selectbox_close svg{width:20px;height:auto;fill:#fff}.actulus-selectbox[data-options-mode=full] .actulus-selectbox_options-bg{display:none;position:fixed;top:0;left:0;right:0;height:100vh;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.2);z-index:2000}.actulus-selectbox[data-options-mode=full] .actulus-selectbox_options-outer{position:fixed;top:initial;bottom:0;left:0;top:0;right:0;z-index:2020;display:none;border-radius:0;animation:actulus-selectbox-modal-fade-in .2s ease}.actulus-selectbox[data-options-mode=full].actulus-selectbox_open .actulus-selectbox_options-bg{display:block}.actulus-selectbox[data-options-mode=full].actulus-selectbox_open .actulus-selectbox_options-outer{display:flex}@keyframes actulus-selectbox-fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes actulus-selectbox-modal-fade-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes actulus-selectbox-selected-label{0%{box-shadow:0 0 30px rgba(var(--actulus-selectbox-primary-rgb), 0.5)}100%{box-shadow:0 0 0px rgba(var(--actulus-selectbox-primary-rgb), 0.2)}}@keyframes actulus-selectbox-reveal{0%{opacity:0}2%{opacity:1}}
@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:rgba(0,0,0,0)}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform,200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

.avatar{width:44px;height:44px;border-radius:50%;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-group{display:flex;align-items:center}.avatar-group .avatar+.avatar{margin-left:-14px}.text-avatar{--text-avatar-size: 40px;--text-avatar-font: 20px;width:var(--text-avatar-size);height:var(--text-avatar-size);border-radius:8px;background:radial-gradient(92.44% 92.44% at 53.86% 101.1%, rgba(2, 225, 255, 0.93) 0%, #069EDF 52.51%),#d9fe95;font-size:var(--text-avatar-font, 20px);font-style:normal;font-weight:500;line-height:var(--text-avatar-size);letter-spacing:-0.585px;color:#fff;display:flex;align-items:center;justify-content:center;user-select:none}.text-avatar.text-avatar--rounded{border-radius:50%}


.desc-list {
    height: auto;
    padding: 10px;
    font-size: 13px;
    word-wrap: break-word; /* ให้ข้อความตัดบรรทัดอัตโนมัติ */
    word-break: break-word; /* ให้ข้อความสามารถถูกตัดในจุดใดๆ ได้ */
}

#srv-desc {
    display: block; /* ให้ span เป็น block เพื่อให้ CSS มีผลกับมัน */
}


/*easyslip.css*/
.easyslip-chwz16 {outline: 0px;-webkit-tap-highlight-color: transparent;display: block;text-decoration: none;color: rgb(0, 0, 0);box-sizing: border-box;border-radius: 0.25rem;box-shadow: rgba(0, 0, 0, 0.05) 0px 0.0625rem 0.1875rem, rgba(0, 0, 0, 0.05) 0px 1.25rem 1.5625rem -0.3125rem, rgba(0, 0, 0, 0.04) 0px 0.625rem 0.625rem -0.3125rem;position: relative;overflow: hidden;background-color: rgb(255, 255, 255);padding: 2rem;}.easyslip-phlbul {box-sizing: border-box;display: flex;flex-flow: wrap;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;gap: 1.5rem;}.easyslip-1alqdhp {-webkit-tap-highlight-color: transparent;text-decoration: none;font-family: __Kanit_2a46b1, __Kanit_Fallback_2a46b1;font-weight: 700;font-size: 2.125rem;margin: 0px 0px 1rem;color: rgb(0, 0, 0);line-height: 1;}.easyslip-1bb4rye {display: flex;gap: 2rem;-webkit-box-pack: center;justify-content: center;flex-wrap: wrap;}.easyslip-1tt13mw {width: 28.8087rem;}.easyslip-1c3m2xx {font-family: __Kanit_2a46b1, __Kanit_Fallback_2a46b1;-webkit-tap-highlight-color: transparent;color: inherit;line-height: 1.55;text-decoration: none;margin-bottom: 0.3125rem;font-size: 1.125rem;font-weight: 500;}.easyslip-17rf61n {font-family: __Kanit_2a46b1, __Kanit_Fallback_2a46b1;-webkit-tap-highlight-color: transparent;line-height: 1.55;text-decoration: none;color: rgb(134, 142, 150);font-size: 0.875rem;}.easyslip-1u51fuk {font-family: __Kanit_2a46b1, __Kanit_Fallback_2a46b1;-webkit-tap-highlight-color: transparent;line-height: 1.55;text-decoration: none;margin-bottom: 0.75rem;color: rgb(134, 142, 150);font-size: 0.875rem;}.easyslip-1llxumz:hover {background-color: rgb(248, 249, 250);}.easyslip-1llxumz {font-family: __Kanit_2a46b1, __Kanit_Fallback_2a46b1;-webkit-tap-highlight-color: transparent;box-sizing: border-box;background-color: rgb(255, 255, 255);border: 0.125rem dashed rgb(206, 212, 218);padding: 1rem;border-radius: 0.25rem;cursor: pointer;user-select: none;transition: background-color 150ms ease 0s;position: relative;}.easyslip-1nsdrl0 {margin-top: 1rem;display: flex;gap: 1rem;}.easyslip-112a9hp:disabled, .easyslip-112a9hp[data-disabled] {border-color: transparent;background-color: rgb(233, 236, 239);color: rgb(173, 181, 189);cursor: not-allowed;background-image: none;pointer-events: none;}.easyslip-cgixr8:disabled, .easyslip-cgixr8[data-disabled] {border-color: transparent;background-color: rgb(233, 236, 239);color: rgb(173, 181, 189);cursor: not-allowed;background-image: none;pointer-events: none;}.easyslip-1xkg0b8 { /* display: flex; */gap: 0.5rem;-webkit-box-align: center;align-items: center;}.easyslip-18magep {height: 100%;}.easyslip-198ta2k {font-family: __Kanit_2a46b1, __Kanit_Fallback_2a46b1;width: 100%;border-collapse: collapse;caption-side: top;line-height: 1.55;border: 0.0625rem solid rgb(222, 226, 230);}.easyslip-198ta2k > thead > tr > th, .easyslip-198ta2k > tbody > tr > td {border-right: 0.0625rem solid rgb(222, 226, 230);}.easyslip-198ta2k > thead > tr > th {border-bottom: 0.0625rem solid rgb(222, 226, 230);}.easyslip-dqy0pj {font-family: __Kanit_2a46b1, __Kanit_Fallback_2a46b1;position: relative;overflow: hidden;padding: 0.75rem 0.75rem 0.75rem 1rem;border-radius: 0.25rem;border: 0.0625rem solid transparent;background-color: rgb(231, 245, 255);color: rgb(34, 139, 230);margin-top: 1rem;}

/* เเก้ไขสำหรับ ใหม่ /*

/* Mobile Responsive - ปรับแต่งสำหรับหน้าจอมือถือ */
@media (max-width: 990px) {
	.sidebar {
		transform: translateX(-100%);
	}
	
	.sidebar.active {
		transform: translateX(0);
	}
	
	main {
		margin-left: 0 !important;
	}
	
	body.dashboard main {
		margin-left: 0 !important;
	}
	
	header {
		left: 0 !important;
	}
	
	body.dashboard header {
		left: 0 !important;
	}
	
	.overlay.active {
		visibility: visible;
		opacity: 1;
	}
}

/* Desktop - แสดง sidebar เต็มเวลา */
@media (min-width: 991px) {
	.sidebar {
		transform: translateX(0) !important;
	}
	
	
	
	header {
		left: 300px !important;
	}
}

/* Responsive for tablets 1024x1366 */
@media (max-width: 1366px) {
	main {
		margin-left: 0 !important;
	}
	
	header {
		
		margin: 15px !important;
	}
	
	/* Stack Welcome Banner and Stats Cards vertically */
	.row.align-items-stretch > div {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		
	}
}

.btc99 {
  border: 1px solid var(--color-6);
  box-shadow: rgba(255, 255, 255, 0.5) 0 1px 0 0 inset;
  padding: 17px 30px;
  border-radius: 25px;
  background: url(https://storage.perfectcdn.com/fsqqiy/p7gkbx9eg1j0ao6m.PNG);
  transition: all 0.3s ease; /* เพิ่ม transition ให้เกิดอนิเมชันนุ่มนวล */
  
     color: #e9f5ff;
}

/* เมื่อเอาเมาส์วาง */
.btc99:hover {
  transform: translateY(-5px); /* ลอยขึ้น 5px */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); /* เพิ่มเงาให้ดูมีมิติ */
}

/* Payment Badge - โบนัส */
    .payment-badge {
        position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: gold;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    width: 100px;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    animation: popIn 0.4s ease-out, pulse 2s infinite ease-in-out;
    }

    @keyframes popIn {
        0% { transform: translateX(-50%) scale(0); }
        100% { transform: translateX(-50%) scale(1); }
    }

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

    /* Payment Box - ต้องมี position relative */
    .payment-box {
        position: relative;
    }

.payment-box img {
    width: auto;
    max-width: 100px;
    max-height: 50px;
    object-fit: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* แสดงโลโก้ใหญ่ตั้งแต่แรกบนเดสก์ท็อป */
@media (min-width: 992px) {
	.sidebar .main-logo-lg.dark {
		display: block!important;
	}
	
	.dark .sidebar .main-logo-lg.dark {
		display: none!important;
	}
	
	.dark .sidebar .main-logo-lg.light {
		display: block!important;
	}
	
	.sidebar .main-logo {
		display: none!important;
	}
}
/* ขยาย logo container บนเดสก์ท็อปให้รองรับโลโก้ใหญ่ */
@media (min-width: 992px) {
	.logo {
		width: auto;
		height: auto;
		max-width: 250px;
	}
}