:root {
  --bg-body: #f3f2f6; 
  --bg-wrapper: #ffffff; 
	--alert-light: rgba(138, 55, 220, 0.1);
	--alert-success: rgba(0, 255, 115, 0.2);
	--alert-warning: rgba(255, 220, 0, 0.2);
	--alert-danger: rgba(253, 5, 85, 0.2);
  --text-body: #232333; 
  --border-color: rgba(29, 20, 50, 0.2);
} 
[data-bs-theme="dark"] {
  --bg-body: #1a1928;  
  --bg-wrapper: #1f2430; 
	--alert-light: rgba(66, 55, 220, 0.1);
	--alert-success: rgba(0, 245, 115, 0.1);
	--alert-warning: rgba(255, 200, 0, 0.1);
	--alert-danger: rgba(215, 15, 75, 0.1);
  --text-body: #d9d5e4; 
  --border-color: rgba(255,255,255,0.1);
}
 
body{
	color: var(--text-body);
	font-family: 'Inter', sans-serif; 
	margin: 0; padding: 0;
	background-color:  var(--bg-body);
	background-repeat: repeat !important; 
} 

.navmenu {  
	background: #4f46db;  
	box-shadow: inset 0 -2px 2px 3px #4d486a43 !important;
	border-radius: 1.5em; 
	padding: 0.2em 0 0.3em;
}

.navbar-brand {
	color: #382cd6 !important;
	font-size: 32px;
	line-height: 26px;
}
.navbar-brand:hover {
	color: #4f46db !important;
}

.navbar-dark {
	background: none;
}
.navbar-nav {
	font-weight: 600;
}
.navbar {
	padding-top: .0rem;
	padding-bottom: .0rem;
}
.navbar-nav a{ 
	color: #f7f7f7;
	padding: 3px 5px; margin: 0px;
	border-radius: 2em;
	position: relative;
}
.navbar-nav a:hover{
	color: #fff;
	background: #4e47c0;  
}
  
.wrapper {  
	border-radius: 0;
} 
.title{ 
	font-size: 1.1em;
	color: var(--text-body);
	display:inline-block;
	padding: 3px 12px;   
	background: var(--alert-light);  
	border: 1px solid rgba(210, 125, 130, 0.1);   
	border-radius: 2em;
	font-weight: 700;
} 
.home {
	position: relative;
  overflow: visible;
  z-index: 1;   
	margin-bottom: 0.5em;
} 
.home::after {
  content: "";
  position: absolute; top: 0; right: 0;
  width: 100%; height: 100%;
	background: rgba(70, 55, 220, 0.1); 
	border: 1px solid rgba(130, 125, 210, 0.2); 
	border-radius: 0 0 1.5em 1.5em;
  pointer-events: none;
	z-index: -1;  
} 
.home-text {
  position: relative;
  z-index: 2;
}  
.home .h3 {
	font-weight: 700;
	color: #3f46db; 
} 
.home p {
  font-size: 1em; 
}
 
.bg-light {
	background-color: var(--alert-light) !important;
} 
.alert-success {
	background-color: var(--alert-success) !important;
}
.alert-warning {
	background-color: var(--alert-warning) !important;
}
.alert-danger {
	background-color: var(--alert-danger) !important;
} 

.footer {
	padding: 0.7rem 0; 
	margin: 1rem auto;  
	background: #4f46db;  
	box-shadow: inset 0 -2px 1px 3px #484a6a43 !important;
	border-radius: 2em; 
	padding: 0.2em 0 0.3em;
} 
.nav a { color: #ffffffa2;background: #443acd; margin: 2px; padding: 0.2rem 0.5rem; border-radius: 2em;}
.nav a:hover { color: #ff2; }

.banlink div {
	max-width: 100% !important;
	height: auto !important;
}
.banlink div img {
	max-width: 100% !important;
	height: auto !important;
}
.banlink div div {
	max-width: 100% !important;
	height: auto !important;
}
.banlink div div img {
	max-width: 100% !important;
	height: auto !important;
}
  
.blocklinks {
	position: relative;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
  
.buylink{
	color: #fff; 
	  position: absolute; right: -5px; top: -5px;
	  text-decoration:none;
	  text-align:center;
	  width: 24px;height: 24px;	
	  font-size:14px; font-weight: bold;
	  padding: 1px;
	  border-radius: 4px;
	  border: rgba(255,255,255,0.3) 1px solid;
  }
  .linklist {
	  padding: 3px 2px;
  }
  .linklist a{
	  display:block;
	  color: var(--text-body); 
	  background-color:  var(--alert-light) !important;
	  text-decoration:none;
	  line-height:35px;
	  font-size:0.9em;
	  font-weight:600;
	  text-align:center;border-radius: 1em;
	  border: #9d737e4f 1px solid;
  }
  
  .linklist a:hover {
	  color: #ff3595;
  }
  .bylnklabel{
	  display:block;
	  width:100px;
	  margin:0 auto;
	  text-align:center;
	  background: #669966;
	  color:#ffffff;
	  line-height:26px;
	border-radius: 10px;
  }
  .lnkrools{
	  display:block;
	  color:#666666;
	  padding:10px;
  }
  
  .floatopacity {
	  position: absolute;
	  right: 10px; top: 10px;
	  font-size: 44px;
	  opacity: 0.1;
  }
  .panel {
	  borde1r: 1px solid #ff3595 !important;	 
	  border-width: 2px;
	  padding: 10px;
  }
  .panel b {
	  font-weight: 700;
	  font-size: 1.2em;
	  opacity: 0.9;
  }
  .panel:hover .floatopacity {
	  font-size: 46px;
  }

.stat {
	background:  var(--alert-light);  
	border: 2px solid rgba(142, 125, 210, 0.2);  
	border-radius: 1rem !important; 
	padding: 0px 0.25rem 0;
	position: relative; 
} 

.stat-count {  
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1;
	border-radius: 2em;
	padding: 2px;margin: 0px 10px 10px;
	display: block;
} 
.stat-title{  
	color: #4f46db; 
	font-size: 90%;
	font-weight: 700;
}

.sta1t i {
	color: #4f46db;
	font-size: 1.3em;
	transition-duration: 180ms;
	transform: scale(0.9);
  }
.sta1t:hover i {
	  transform: scale(1);
	}

.stat .stat-ico { 
	font-style: normal;
	font-size: 2em;
	transition-duration: 180ms;
	transform: scale(0.8);
  }
.stat:hover .stat-ico {
	  transform: scale(1.1);
	}

	.stats {
		background-color:  var(--bg-body) !important;
		border: 1px solid #8b89cd4c;
		border-radius: 0.5em;
		margin-bottom: 5px;
		padding: 2px 4px 0;
	} 
	.stats2 {
		border: 1px solid #a389cd2c !important;
		overflow: hidden; 
	  }
	  .stats2.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  --bs-table-accent-bg: #ede1ff;
}
	  .stats2 tr:last-child td{
		  border-bottom: 0;
		}
	 
.alert.bg-light { 
	background-color: rgba(172, 150, 198, 0.1) !important;
	border: 1px rgba(102, 91, 134, 0.2) solid;  
}

.card-header {
	background-color: rgba(29, 20, 60, 0.03);
}

a.card {
	text-decoration: none; 
	color: var(--text-body) !important;
}
a.card .badge {
	font-size: 12px;
	font-weight: 600;
}
a.card:hover {
	background: #9f8db428;
}

.badge-sum {
	font-size: 100%; 
}
 
/* Buttons */
.btn-lg {
	-webkit-transition-duration: 180ms;
	transition-duration: 180ms;
	border: 1px solid #fff !important;
	border-radius: 10px;
	font-weight: bold;
}
.btn {  
	font-family: 'Inter', sans-serif; 
	box-shadow: inset 0 0 1px 2px #ffffff63 !important;
}
 
.btn-primary {
	background-color: #4f46db;
	border-color: #493fcb;
}
.btn-primary:hover {
	background-color: #3e36b5;
}

.btn-avatar { 
	color: #222 !important;
	font-weight: bold;
	text-align: center;
	background: #fee31a;
	text-transform:uppercase;
	border-radius: 2em !important;  
	box-shadow:  0 0 0 0 #fee31a !important;  
	height: 32px; width: 32px; 
	padding: 0px;
} 
.btn-avatar span {
	margin: 0 auto;
	scale: 1;
}
.btn-avatar:hover span {
	margin: 0 auto;
	scale: 0.9;
}

.btn2 { 
	font-weight: bold;
	text-transform:uppercase;
	border-radius: 2em !important;
	padding: 5px 10px;
	border: 0px solid #ffffff !important;	 
	box-shadow: inset 0 0 0 0.1rem rgba(255, 255, 255, 0.9) !important; 
}
.btn-lg:hover {
    border: 2px solid #fff;
	box-shadow: 0px 0px 8px 3px rgba(26,26,26,0.1);
}
 
.btn-outline-dark {
	color: #333a4d;
	border: 1px #4f436d solid !important;
}
  
.check-row span{
	display: block; text-align: center;
	padding: 2px 0;
}
.check-row div:hover div{
	position: relative;
}
.check-row .check-card { 
	text-align: center;
	font-size: 0.9rem;
	background-color: var(--alert-light) !important;
	border: 1px solid rgba(99, 90, 130, 0.3);
	position: relative;
	display: block; 
	padding: 0.3rem 0 0;
	border-radius: 0.5rem;
}
.check-row div .check-card img{
	width: 48px; 
	transform: scale(0.9);
}
.check-row .check-card:hover { 
	background-color: var(--bg-light) !important;
}
.check-row div:hover .check-card img{ 
	transform: scale(1);
	transition-duration: 180ms;
}
 
@media (max-width: 576px) {  
.check-row .check-card {
	scale: 0.9;
	font-size: 0.8rem;
	font-weight: 700;
}
.check-row div .check-card img{
	width: 48px;
}
}  


.ps-list .badge {
	color: var(--color-body); 
	font-size: 0.9rem;
	background-color: var(--bg-body) ;
	border-radius: 2em;
	border: 1px solid  var(--border-color) !important; 
	opacity: 0.9; 
	display: inline-block;
	margin: 2px;
}
.ps-list .badge:hover {
	opacity: 1;
}

.serf { 
	border-radius: 12px  !important;
}
 
.serf-link {
	font-size: 1.15rem;
	font-weight: 700; 
	color: var(--color-body); 
	text-decoration: none !important;
}
.serf .serf-footer { 
	font-weight: 500 !important; 
}
.serf:hover {
	border-color: #4f46db !important;
}
.bg-price {
	border: 1px solid #afafcb71 !important;
	border-radius: 12px;
}
.serf .bg-danger {
	background: #4f46db !important;
}
.serf:hover .bg-danger {
	background: #483fca !important;
} 
.serf .bg-primary {
	background: #3f415d !important;
}
.serf:hover .bg-primary {
	background: #4138b7 !important;
} 
.serf-link:hover {color: #4f46db !important;}



.tarif .card {
	border-radius: 0.5em;
	border: 2px solid #4f46db !important;
	background: #4f46db url("/img/bg-dark.png") top center;
	background-size: 24px;
}
.tarif .card-img {
	padding: 5px 23% 15px;
}
.tarif .card .card-img {
	transition-duration: 180ms;
	transform: scale(0.9);
	opacity: 0.95;
  }
  .tarif .card:hover .card-img{
	  transform: scale(1);
	  opacity: 1;
	  filter: drop-shadow(0 0 8px #4f46db);
	}

.tarif .p-2 {
	border-radius: 0 0 0.5em 0.5em;
	background-color: rgba(245, 255, 250,0.9);
	border-top: 2px solid #4f46db !important;
}
.tarif .btn {
	margin-botto1m:-50px;
}
.titlec {
	color: #fff; font-weight: bold;
	text-shadow: 1px 1px 1px rgba(26,26,26,0.7);
	background1: linear-gradient(-90deg, transparent, #d49503, transparent);
	border-radius: 0; padding: 0px 0 5px;
	margin: -20px 0px 0px 0px;
}
 
/* ACCOUNT STYLE */
.content {
	float: left;
	display: block;
	width: calc(100% - 300px);
}
.content > div { 
	margin: 0; 
	padding: 0.5rem;
}
.leftbar {
	width: 300px;
	padding: 0.2rem;
	display: block;
	float: right;
}
  
@media only screen and (max-width: 768px) {
.content, .leftbar {
	width: 100%;
	float: none;
	margin: 0;margin-bottom: 5px; 
	background: none !important; 
} 
html.min-menu .content {
	width: 100%;
	float: none; 
} 
html.min-menu .leftbar {
	float: none;
	width: 100%;
} 
}

/* Theme Toggler */
.theme-toggle {
    text-align: center;
    background-color: none !important; 
    border: none !important;
} 

html[data-bs-theme="dark"] .theme-toggle .fa-sun,
html[data-bs-theme="light"] .theme-toggle .fa-moon {
    cursor: pointer; 
		vertical-align: middle !important;
		width: 22px;
}

html[data-bs-theme="dark"] .theme-toggle .fa-moon {
    display: none;
}

html[data-bs-theme="light"] .theme-toggle .fa-sun {
    display: none;
}