.banner-section-two .banner-thumb .content .action .btn--base:last-child {
	background-color: black;
	color: hsl(120.9, 100%, 50%);
	margin: 0 15px;
}



.text--base {
  color: hsl(87, 91.3%, 49.6%) !important;
}




.badge--danger {
    background-color: rgb(197 0 0);
    color: #ffffff;
}






.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #5b7f96;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
    color: white;
}





.cookies-card {
	position: fixed;
	bottom: 16px;
	padding: 10px;
	background: #010b03;
	border: 1px solid hsl(var(--base));
	border-radius: 8px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	z-index: 99;
	margin: auto 10px;
}












@media (max-width: 992px) {
    .header-two {
        background-color: hsl(0deg 0% 0%);
    }
}






.header.fixed-header {
  background-color: hsl(0, 0%, 0%);
  position: fixed;
  transition: 0.3s linear;
  top: 0px;
  animation: slide-down 0.8s;
  width: 100%;
  z-index: 999;
}





.header .select-dir {
  color: hsl(323.5, 100%, 50%);
  padding: 0 3px;
  border: none;
  background-color: transparent;
  font-size: 18px;
  font-weight: 400;
}




.header-two.fixed-header {
  background-color: hsl(0, 0%, 0%);
  position: sticky;
  transition: 0.3s linear;
  top: 0px;
  animation: slide-down 0.8s;
  width: 100%;
  z-index: 999;
}






.header-two .nav-menu .nav-item .nav-link {
  color: hsl(0, 0%, 100%) !important;
  border: none;
}




.header-two .select-dir {
  color: hsl(0, 0%, 100%);
  padding: 0 3px;
  border: none;
  background-color: transparent;
  font-size: 18px;
  font-weight: 400;
}






.banner-section-two .banner-thumb .content h5 {
  font-weight: 500;
  color: hsl(0, 0%, 100%);
  text-transform: capitalize;
  border: 1px solid hsl(var(--base));
  width: fit-content;
  padding: 4px 12px;
  border-radius: 50px;
  margin: auto;
}







.breadcumb .content h2 {
  color: hsl(0, 0%, 100%);
  text-align: center;
}




.breadcumb .content a {
  color: hsl(0, 0%, 100%);
}








.btn {
  color: hsl(0, 0%, 100%);
  font-weight: 500;
  padding: 8px 28px;
  font-size: 18px;
  border-radius: 8px;
  background-color: hsl(var(--base));
  position: relative;
  z-index: 1;
  text-align: center;
  border: 1px solid hsl(var(--base));
}








body {
  font-family: var(--heading-font);
  color: hsl(0deg 0% 100%);
  word-break: break-word;
  background-color: hsl(0, 0%, 0%);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  scroll-behavior: smooth;
}


h1, h2, h3, h4, h5, h6 {
  margin: 0 0 20px 0;
    margin-bottom: 20px;
  font-family: var(--heading-font);
  color: hsl(0, 0%, 100%);
  line-height: 1.3;
  word-break: break-word;
}




p {
  font-family: var(--body-font);
  font-size: 16px;
  margin: 0;
  font-weight: 400;
  word-break: break-word;
  color: hsl(0, 0%, 100%);
  line-height: 25px;
  letter-spacing: 1px;
}




.banner-section .banner-thumb .content p {
  color: hsl(0, 0%, 100%);
  width: 95%;
  padding-top: 10px;
}




.banner-section .banner-thumb .content h3 {
  color: hsl(0, 0%, 100%);
  padding: 0;
  font-size: 60px;
  font-weight: 600;
  text-transform: capitalize;
  margin: auto;
}






.header .nav-menu .nav-item .nav-link {
  color: hsl(0, 0%, 100%) !important;
  border: none;
}




.counter .title p {
  width: 95%;
  color: hsl(0, 0%, 100%);
}






.services .card {
  background-color: hsl(0, 0%, 0%);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  padding: 20px;
  text-align: start;
  position: relative;
  border-radius: 10px;
  border-bottom: 2px solid hsl(var(--base));
}




.contact .card {
  background-color: hsl(0, 0%, 0%);
  box-shadow: rgba(7, 14, 21, 0.88) 0px 8px 24px;
  border: none;
  border-radius: 10px;
  text-align: center;
  padding: 35px 15px;
}







.provide .card {
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: 2px solid hsl(var(--base));
  border-radius: 10px;
  background-color: hsl(0, 0%, 0%);
  position: relative;
  transition: 0.6s;
  border-radius: 46% 54% 70% 30%/68% 71% 29% 32%;
  height: 300px;
  display: grid;
  align-items: center;
  text-align: center;
  padding: 55px 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}







.join .box h4 {
  color: hsl(0, 0%, 100%);
  font-size: 30px;
  font-weight: bold;
  margin: auto 0;
}







.footer-area .footer-item h5 {
  color: hsl(0, 0%, 100%);
}





.footer-area .footer-menu__link {
    position: relative;
    color: hsl(0deg 0% 100%);
}




.footer-area .footer-item__desc {
  color: hsl(0, 0%, 100%);
}






a {
  display: inline-block;
  transition: 0.2s linear;
  text-decoration: none;
  color: hsla(0, 0%, 100%, 0.7);
}






.footer-area .form-group i {
  position: absolute;
  top: 17px;
  right: 18px;
  font-size: 16px;
  color: hsl(0, 88.6%, 48%);
}







.footer-area .copyright p {
  color: hsl(0, 0%, 100%);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}





.footer-area .copyright {
  padding: 18px 0;
  margin-top: 60px;
  background: rgb(0, 0, 0);
}








.footer-area .form--control {
  background-color: white;
  border: 1px solid hsl(var(--dark)/0.2);
  border-radius: 6px;
  color: hsl(0, 0%, 0%);
}






.footer-area {
	background-color: hsl(0, 0%, 0%);
	margin-top: auto;
	position: relative;
	overflow: hidden;
}





.footer-area .footer-menu__item {
  display: block;
  padding: 5px 0;
  color: hsl(0, 0%, 100%);
}




.footer-area .footer-menu {
  display: flex;
  flex-direction: column;
  margin: -5px 0;
color: hsl(0, 0%, 100%);
}






.preloader {
  position: fixed;
  z-index: 999999;
  background-color: hsl(260, 60%, 1%);
  width: 100%;
  height: 100%;
}





.latest-withdrawal {
  overflow: hidden;
  background-color: hsl(260, 60%, 1%);
}






.latest-withdrawal .custom-table tbody tr {
  background-color: hsl(0, 0%, 100%);
}






.account .account-form {
    overflow: hidden;
    position: relative;
    box-shadow: 0px 4px 21.4px 0px rgb(242 16 16 / 52%);
    padding: 30px;
    border-radius: 10px;
    background-color: hsl(0, 0%, 0%);
}





.account .convert a {
	color: hsl(126.7, 100%, 50.6%);
	border: 1px solid hsl(258.3, 46.3%, 70.8%);
	padding: 6px 15px;
	border-radius: 5px;
	font-weight: 600;
}




.account .convert .active {
	background-color: hsl(1.2, 80%, 49%);
	color: hsl(0, 0%, 100%);
}




.breadcumb .content p span {
	color: hsl(180, 75.7%, 50%);
}





.contact .card i {
	color: hsl(154.7, 100%, 48.8%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: hsl(var(--base)/0.1);
	line-height: 40px;
	margin-right: 3px;
}








.account .account-form .form--label {
  color: hsl(0, 0%, 100%);
}



.account .account-form .text {
  color: hsl(0, 0%, 100%) !important;
}





.form--check .form-check-label {
  width: calc(100% - 16px);
  padding-left: 8px;
color: hsl(0, 0%, 100%) !important;
}


.form--check .form-check-input {
  box-shadow: none;
  background-color: #f00;
  box-shadow: none !important;
  border: 0;
  position: relative;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid hsl(var(--dark)/0.5);
}



.account {
	overflow: hidden;
	overflow-y: hidden;
	height: 140vh;
	overflow-y: scroll;
	align-items: center;
	display: flex;
	background-color: hsl(270, 50%, 0.8%);
}





.btn--base {
	background-color: hsl(0, 95.4%, 42.7%);
	font-weight: 500;
	color: hsl(0, 0%, 100%);
	transition: 0.6s;
}





.header-two .nav-end .icon {
	color: hsl(0, 73%, 54.9%);
	font-size: 15px;
}





.scroll-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	color: hsl(var(--white));
	background-color: hsl(0, 100%, 50%);
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	font-size: 16px;
	z-index: 5;
	transition: 0.5s;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	bottom: -50px;
	animation: scroll_top 5s linear infinite;
}







.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 1rem;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-0.5 * var(--bs-gutter-x));
	margin-left: calc(-0.5 * var(--bs-gutter-x));
	background-color: #02010400;
}






.testimonial {
	overflow: hidden;
	position: relative;
	background-color: hsl(0, 0%, 0%);
}







.services .card .icon i {
	background-color: hsl(160.1, 89.9%, 42.7%);
	color: hsl(0, 0%, 100%);
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 46% 54% 70% 30%/68% 71% 29% 32%;
	text-align: center;
	font-size: 22px;
}





.la, .las {
  font-family: 'Line Awesome Free';
  font-weight: 900;
  color: hsl(0, 0%, 100%);
}





.banner-section .banner-thumb .content .action {
  display: flex;
  justify-content: start;
  margin-top: 40px;
  color: hsl(0, 0%, 100%);
}







.fa-right-to-bracket::before, .fa-sign-in-alt::before {
  content: "\f2f6";
 color: hsl(0, 0%, 100%);
}




.contact .body {
  background-color: hsl(0, 0%, 0%);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 25px;
  border-radius: 10px;
}




a {
  display: inline-block;
  transition: 0.2s linear;
  text-decoration: none;
  color: hsl(0, 0%, 100%);
}





.policy .body p {
  color: hsl(0, 0%, 100%);
  letter-spacing: 0.8px;
  line-height: 30px;
}





@media screen and (max-width: 767px) {
  .scroll-top {
    right: 20px;
    width: 35px;
    height: 35px;
    font-size: 15px;
    color: hsl(var(--white));
  }
}















.apexcharts-tooltip.apexcharts-theme-light {
	border: 1px solid #e3e3e3;
	background: rgba(0, 0, 0, 0.96);
}




.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
	background: #000;
	border-bottom: 1px solid #ddd;
}





.navbar__left i {
	font-size: 18px;
	color: hsl(0, 0%, 97.3%);
}







.navbar-wrapper .navbar-wrapper-area {
	padding: 10px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 20px 25px;
	border-radius: 10px;
	background-color: hsla(0, 0%, 100%, 0);
	padding: 20px;
}







.dashboard-title-part .title {
	margin-bottom: 0;
	margin-top: 5px;
	color: hsl(0, 0%, 100%);
}







.main-wrapper .select-dir {
	color: hsl(0, 0%, 100%);
	padding: 0 3px;
	border: none;
}





.navbar-user__name {
	font-size: 18px;
	font-weight: 400;
	color: hsl(0, 0%, 100%);
}













.counter .card {
	border: none;
	background-color: hsla(0, 0%, 100%, 0);
	border-bottom: 2px solid hsl(258.5, 100%, 78.4%);
	padding: 20px;
	border-radius: 10px;
	width: 100%;
	position: relative;
}






.counter .card .counterup-item h3 {
	color: hsl(0, 0%, 100%);
	font-size: 35px;
	text-align: center;
	margin-bottom: 15px;
}






.counter .card .counterup-item h6 {
	text-align: center;
	color: hsl(0, 0%, 100%);
	margin-bottom: 0;
}







p, li, span {
	color: #fff;
	margin-bottom: 0;
}




.table-content .body-area {
    background-color: hsl(0deg 0% 100% / 0%);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}










.table-content .body-area .plan .card {
    border: none;
    background-color: hsl(0deg 0% 100% / 0%);
    padding: 20px;
    border-radius: 8px;
    box-shadow: -1px 3px 11px 13px rgb(141 141 141 / 1%);
    border-bottom: 2px solid hsl(266.64deg 100% 43.91%);
    position: relative;
    transition: 0.6s;
}





.dropdown-menu.dropdown-menu--sm {
    min-width: 10rem;
    top: 40% !important;
    left: 0 !important;
    background: hsl(0deg 0% 0%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}







.dropdown-menu__item .dropdown-menu__icon {
    font-size: 20px;
    color: hsl(127.35deg 66.15% 48.51%);
    transition: all 0.3s;
}






.dashboard-card-wrap {
    background: hsl(0deg 0% 0%);
    margin-top: 24px;
    border-radius: 8px;
    padding: 20px;
}













.badge--success {
	background-color: hsl(115.3, 89.8%, 42.2%) !important;
	color: hsl(var(--dark)/0.9) !important;
}





.badge--base {
    background-color: hsl(0deg 78.16% 48.4%) !important;
    color: hsl(0deg 0% 99.19%) !important;
}






.badge--danger {
	background-color: rgb(255, 0, 2);
	color: #fff;
}






.badge--warning {
	background-color: rgb(255, 67, 67);
	color: #fff;
}








.pagination .page-item .page-link {
    border: 1px solid hsl(var(--base)/0.08);
    margin: 0 5px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    font-weight: 500;
    padding: 0;
    color: hsl(0deg 0% 100%);
    cursor: pointer;
}





.table-content .body-area .plan .card .content h4 {
    color: hsl(0deg 0% 100%);
    margin-bottom: 15px;
    font-weight: 600;
}