:root {
  --gradient-primary: linear-gradient(90deg, #31ee92, #454a4b);
  --darkv2: #0d121c;
  --darkv3: #ffffff29;
}

.cursor-pointer {
  cursor: pointer;
}
p.parsley-success {
  color: #ea5455;
  background-color: #dff0d8;
  border: 1px solid #ea5455;
  font-size: 0.857rem;
}
p.parsley-error {
  color: #ea5455;
  background-color: #f2dede;
  border: 1px solid #ea5455;
  font-size: 0.857rem;
}
ul.parsley-errors-list {
  list-style: none;
  color: #ea5455;
  padding-left: 0;
  font-size: 0.857rem;
}
input.parsley-error,
textarea.parsley-error,
select.parsley-error {
  /*background: #FAEDEC;*/
  border: 1px solid #ea5455 !important; /*border-bottom: 1px solid #E85445;*/
  font-size: 0.857rem;
}
.btn-group .parsley-errors-list {
  display: none;
}
.menu .app-brand {
  height: 64px;
}
.iti {
  width: 100% !important;
}
.layout-wrapper {
  position: absolute;
}

.file-upload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}
.file-upload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.crop-box {
  position: relative;
  height: 400px;
  width: 100%;
  background: #fff;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  cursor: move;
}
.crop-box .thumb-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  box-sizing: border-box;
  box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
  background: none repeat scroll 0% 0% transparent;
}
.crop-box .spinner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 400px;
  background: rgba(0, 0, 0, 0.7);
}

.state-loading {
  position: relative;
}
.state-loading::before {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: -2px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.state-loading::after {
  display: inline-block;
  font-family: tabler-icons;
  font-kerning: auto;
  line-height: 35px;
  font-size: 35px;
  font-style: normal;
  font-synthesis: weight style;
  font-weight: normal;
  animation: 2s linear 0s normal none infinite running fa-spin;
  color: #fff;
  content: "\eca3";
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  z-index: 100;
  margin-top: -10px;
  margin-left: -10px;
}
.mobile-700 {
  min-width: 100% !important;
}
@media only screen and (max-width: 600px) {
  .mobile-700 {
    min-width: 700px !important;
  }
}

/*Full Theme Customization*/

/*a {
    color: #ff0000 !important;
  	font-weight: bold !important;
}*/
:root {
  --primary-color-dark: #242626 !important;
}

.form-control {
  /* color: #ffffff !important; */
  color: #ffffff !important;
  /* background: unset !important;*/
}
.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #292d2e;
  background: linear-gradient(90deg, #31ee92, #454a4b);
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.422rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #ffff !important;
  text-align: center;
  white-space: nowrap;
  background-color: #495152 !important;
  border-radius: 0.375rem;
}

.form-select {
  color: #fff !important;
  background-color: #495152 !important;
}

.text-muted {
  color: #fff !important;
}
.modal-content {
  /* background-color: #131310 !important; */
  background-color: #292d2e !important;
}

.btn-primary:hover {
  color: var(--primary-color) !important;
}

.bg-menu-theme .menu-link,
.bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-horizontal-next {
  color: #fff;
}
.bg-menu-theme {
  background-color: #292d2e !important;
  color: #fff;
}
.bg-navbar-theme {
  background-color: #292d2e !important;
}

.text-justify {
  text-align: justify;
}
.light-style .select2-container--default .select2-selection {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color: #292d2e;
  border: 1px solid #dbdade;
  border-radius: 0.375rem;
}

.select2-results__option[role="option"][aria-selected="true"] {
  background-color: #292d2e !important;
  color: #fff !important;
}

.select2-results__option[role="option"] {
  margin: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  color: #fff !important;
}

.btn-gradient {
  color: #ffffff !important;
  background: var(--primary-color);
  background-image: var(--gradient-primary);
  border-color: linear-gradient(90deg, #36ee90 0%, #9ff379 100%) !important ;
}

.tradingview-widget-container,
.tradingview-widget-container__widget {
  width: 100% !important;
}

hr.bg-gradient {
  height: 1px;
  background: var(--gradient-primary) !important;
  background-image: var(--gradient-primary) !important;
}

.View-btn {
  background: #82ff51 !important;
  color: black !important;
  border: none !important;
  font-size: 0.85rem;
  border-radius: 8px;
}

.btn {
  background: linear-gradient(90deg, #31ee92 0%, #a4f377 100%) !important;
  color: black !important;
  border: none !important;
  font-size: 0.85rem;
  border-radius: 2px;
  padding: 10px 20px !important;
}

.promo {
  border-radius: 30px;
  color: black;
  border: none;
  background-image: url("../../admin/img/Promoterimg.png");
  background-size: cover;
  background-position: center;
}

.bell {
  background: hwb(0 34% 63% / 0.671);
  color: #fff !important;
  /* border: none !important; */
  border: 2px solid var(--gradient-primary);
  font-size: 0.85rem;
  border-radius: 8px;
  padding: 25px;
}

.card-header {
  background: linear-gradient(90deg, #31ee92 0%, #a4f377 100%) !important;
  color: black !important;
  border: none !important;
  padding: 15px 25px !important;
}

.layout-navbar {
  /* box-shadow: 0 0 10px #dbdade; !important */
  backdrop-filter: saturate(200%) blur(6px) !important;
}

.demo {
  border: 2px solid;
  padding: 10px 20px !important;
  border-radius: 2px;
  font-size: 0.85rem;
}

.demo-Log {
  border: 1px solid;
  border-radius: 2px;
  background-color: #1d3d2a !important;
  padding: 7px 20px !important;
}

.fw-fontsize {
  font-size: 2rem;
  font-weight: 800 !important;
}

@media (min-width: 576px) {
  .fw-fontsize {
    font-size: 2.5rem;
  }
}

@media (min-width: 768px) {
  .fw-fontsize {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .fw-fontsize {
    font-size: 3.5rem;
  }
}

@media (min-width: 1200px) {
  .fw-fontsize {
    font-size: 3.875rem;
  }
}

.hero-section,
.market-section,
.trade_on,
.why-trade,
.contact-section,
.banner-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000;

}

.hero-section,
.why-trade {
  background-image: url("../images/banner-background.png");
}

/* .banner-section {
  background-image: url("../images/hero_bg_index.jpg");
} */

.banner-section,
.contact-section,
.market-section,
.trade_on {
  background-image: url("../images/background-001.png");
}


.btn-trade {
  background: linear-gradient(90deg, #31ee92 0%, #a4f377 100%) !important;
  border-radius: 2px;
  height: 3rem;
  display: inline-block;
  width: 0.3rem;
}

img.logo {
  width: 12rem;
}

.darkv2 {
  background-color: var(--darkv2) !important;
}

.darkv3 {
  background-color: var(--darkv3) !important;
}

.border-darkv3 {
  border: 1px solid var(--darkv3);
}

.team-card a > img,
.Featured {
  width: 2.5rem;
}

.social-icon{
	width: 2.5rem;
}

.Featured {
  width: 3rem;
}