@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
@import "bootstrap.min.css";
@import "plugins/all.min.css";
@import "plugins/fontawesome.min.css";
@import "plugins/slick-theme.css";
@import "plugins/slick.css";
@import "plugins/animate.css";
@import "plugins/materialicons.css";
@import "plugins/fontawesome.min.css";
@import "plugins/nice-select.css";
@import "plugins/apexcharts.css";
:root {
  --body-font: "Jost", sans-serif;
  --primary-color: #0084ff;
  --secondary-color: #3fca90;
  --pc-one: #dda73f;
  --pc-two: #8c6584;
  --pc-three: #3e90f0;
  --pc-four: #d84c10;
  --pc-five: #8e55ea;
  --pn-10: #fefefe;
  --pn-20: #f3f5f7;
  --pn-30: #e8ecef;
  --pn-40: #6c7275;
  --pn-50: #343839;
  --pn-60: #232627;
  --pn-70: #141718;
  --text: #141718;
  --box-color: #fff;
  --button: #0084ff;
  --box: #e8ecef;
  --online-dot: 33, 164, 80;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: var(--body-font);
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 160%;
  font-weight: 400;
  color: #858c97;
  background: #f3f5f7;
  overflow-x: hidden;
  box-sizing: border-box;
  position: relative;
}

/* width */
::-webkit-scrollbar {
  width: 2px;
  background: rgba(83, 154, 178, 0.05);
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(83, 154, 178, 0.05);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #3e90f0;
  border: 2px solid #3e90f0;
}

h1 {
  font-size: 48px;
  font-weight: 600;
  line-height: 120%;
}

h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
}

h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
}

h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 130%;
}

h5 {
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
}

h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 130%;
}

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
}

a {
  font-size: 16px;
  font-weight: 600;
  line-height: 130%;
  text-decoration: none;
}

.f24 {
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.f20 {
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
}

.f18 {
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

.f14 {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.f12 {
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
}

.f10 {
  font-size: 10px;
  color: #424a55;
  font-weight: 400;
  line-height: 150%;
}

span {
  font-size: 16px;
  line-height: 130%;
  font-weight: 400;
}

h1,
h1 > a,
h2,
h2 > a,
h3,
h3 > a,
h4,
h4 > a,
h5,
h5 > a,
h6,
h6 > a {
  color: #576071;
  font-weight: 600;
  padding: 0;
  margin: 0;
  display: block;
  transition: all 0.3s;
}
h1 span,
h1 > a span,
h2 span,
h2 > a span,
h3 span,
h3 > a span,
h4 span,
h4 > a span,
h5 span,
h5 > a span,
h6 span,
h6 > a span {
  font-size: inherit;
  font-family: inherit;
  color: #576071;
  line-height: inherit;
  font-weight: inherit;
}

h6,
h5,
h4,
h3,
h2,
h1 {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
h6 span,
h5 span,
h4 span,
h3 span,
h2 span,
h1 span {
  font-size: inherit;
  line-height: inherit;
}

a {
  text-decoration: none;
  outline: none;
  color: #576071;
  transition: 0.3s;
}
a:focus, a:hover {
  text-decoration: none;
  outline: none;
  color: #576071;
}

a,
p,
span,
label,
li {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
}

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

.d-start {
  display: flex;
  justify-content: start;
  align-items: center;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul li,
ol li {
  font-size: inherit;
}

input,
textarea {
  padding: 17px 30px;
  color: #6c7275;
  width: 100%;
  font-family: var(--body-font);
  border-radius: 10px;
  font-size: 16px;
  background-color: inherit;
  border: 0.25px #0084ff solid;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6c7275;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
input::placeholder,
textarea::placeholder {
  color: #6c7275;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
input:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
  border: 0.25px #6c7275 solid;
}

.mpoint {
  cursor: pointer;
}

.gape {
  row-gap: 24px;
}

a,
p,
span,
label,
li {
  margin: 0;
  padding: 0;
  color: #424a55;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
}

p select {
  padding: 17px 30px;
  border: 0.25px #424a55 solid;
  cursor: pointer;
  outline: none;
}

span {
  display: inline-block;
}

.b-none {
  border: none !important;
}

iframe {
  border: 0;
  width: 100%;
}

li {
  font-size: inherit;
}

.padding-bottoms {
  padding-bottom: 120px;
}

.mt8 {
  margin-top: 8px;
}

.mt10 {
  margin-top: 10px;
}

.mt16 {
  margin-top: 16px;
}

.mt20 {
  margin-top: 20px;
}

.mt28 {
  margin-top: 28px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb28 {
  margin-bottom: 28px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

img {
  max-width: 100%;
  height: auto;
}

.max-un {
  max-width: unset;
}

.max100 {
  width: 100%;
}

.d-rtl {
  direction: rtl;
}

.d-ltr {
  direction: ltr;
}

.select-checkbox {
  color: #141718;
  font-weight: 500;
  line-height: 150%;
}

.btn_default {
  padding: 8px 19px;
  border-radius: 8px;
  background: #21a450;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #fff;
  text-align: center;
}
.btn_default:hover {
  color: #fff;
}
.btn_default:focus {
  color: white;
}

.btn_default_two {
  padding: 8px 19px;
  border-radius: 8px;
  background: #ecb49c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #d84c10;
  text-align: center;
}
.btn_default_two:hover {
  color: #d84c10;
}
.btn_default_two:focus {
  color: #d84c10;
}

.idea-icon {
  transform: rotate(180deg);
}

.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #212121;
}

.loader {
  transform: rotateZ(45deg);
  perspective: 1000px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  color: #0084FF;
  position: relative;
}

.loader:before,
.loader:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  transform: rotateX(70deg);
  animation: 1s spin linear infinite;
}

.loader:after {
  color: #3FDD78;
  transform: rotateY(70deg);
  animation-delay: 0.4s;
}

@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}
@keyframes rotateccw {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes spin {
  0%, 100% {
    box-shadow: 0.2em 0px 0 0px currentcolor;
  }
  12% {
    box-shadow: 0.2em 0.2em 0 0 currentcolor;
  }
  25% {
    box-shadow: 0 0.2em 0 0px currentcolor;
  }
  37% {
    box-shadow: -0.2em 0.2em 0 0 currentcolor;
  }
  50% {
    box-shadow: -0.2em 0 0 0 currentcolor;
  }
  62% {
    box-shadow: -0.2em -0.2em 0 0 currentcolor;
  }
  75% {
    box-shadow: 0px -0.2em 0 0 currentcolor;
  }
  87% {
    box-shadow: 0.2em -0.2em 0 0 currentcolor;
  }
}
.button-2 {
  font-size: 18px;
  padding: 6px 18px;
  border-radius: 8px;
  text-align: center;
  color: #000;
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  border: 2px solid #0084ff;
  background-image: linear-gradient(30deg, #0084ff 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  transition: background 400ms ease-in-out;
  transition: 0.5s linear;
}
.button-2:hover {
  transition: 0.5s linear;
  background-position: 100%;
  color: #141718;
}

.button-3 {
  padding: 6px 18px;
  border-radius: 8px;
  text-align: center;
  font-weight: 400;
  line-height: 150%;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  border: 2px solid #21A450;
  background-image: linear-gradient(30deg, #21A450 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  transition: background 400ms ease-in-out;
  transition: 0.5s linear;
}
.button-3:hover {
  transition: 0.5s linear;
  background-position: 100%;
  color: #141718;
}

.button-big-3 {
  padding: 6px 18px;
  border-radius: 8px;
  text-align: center;
  font-weight: 400;
  line-height: 150%;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  border: 2px solid #0084FF;
  background-image: linear-gradient(30deg, #0084FF 50%, transparent 50%);
  background-size: 1000px;
  background-repeat: no-repeat;
  background-position: 0%;
  transition: background 400ms ease-in-out;
  transition: 0.5s linear;
}
.button-big-3:hover {
  background-color: transparent;
  transition: 0.5s linear;
  background-position: 100%;
  color: #141718;
}

.button-4 {
  padding: 6px 18px;
  border-radius: 8px;
  text-align: center;
  font-weight: 400;
  line-height: 150%;
  cursor: pointer;
  display: inline-block;
  color: #D84C10;
  border: 2px solid #ECB49C;
  background-image: linear-gradient(30deg, #ECB49C 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  transition: background 400ms ease-in-out;
  transition: 0.5s linear;
}
.button-4:hover {
  transition: 0.5s linear;
  background-position: 100%;
  color: #141718;
}

.button-5 {
  padding: 6px 18px;
  border-radius: 8px;
  text-align: center;
  line-height: 150%;
  cursor: pointer;
  display: inline-block;
  color: #141718;
  border: 2px solid #0084ff;
  background-image: linear-gradient(30deg, #fff 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  transition: background 400ms ease-in-out;
  transition: 0.5s linear;
}
.button-5:hover {
  transition: 0.5s linear;
  background-position: 100%;
  background-color: #0084ff;
  color: #fff;
}

.button-10 {
  padding: 6px 9px;
  border-radius: 4px;
  text-align: center;
  color: #000;
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  border: 2px solid #21a450;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
  background-image: linear-gradient(30deg, #21a450 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  transition: background 400ms ease-in-out;
  transition: 0.5s linear;
}
.button-10:hover {
  transition: 0.5s linear;
  background-position: 100%;
  background-color: white;
  color: #141718;
}

.button-11 {
  padding: 3px 10px;
  border-radius: 4px;
  text-align: center;
  color: #0084ff;
  font-weight: 400;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  border: 2px solid rgba(0, 132, 255, 0.2);
  background-image: linear-gradient(30deg, rgba(0, 132, 255, 0.2) 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  transition: background 400ms ease-in-out;
  transition: 0.5s linear;
}
.button-11:hover {
  transition: 0.5s linear;
  background-position: 100%;
  background-color: white;
  color: #141718;
}

@keyframes previewShapeY {
  0% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
@keyframes previewShapeFade {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1) rotate(15deg);
  }
  100% {
    transform: scale(0.9);
  }
}
.none_two {
  display: none !important;
}

@media (max-width: 1920px) {
  .dnone {
    display: none;
  }
}
@media (max-width: 1399px) {
  .none_two {
    display: inherit !important;
  }
}
@media (max-width: 1199px) {
  .f24 {
    font-size: 20px;
    line-height: 150%;
  }
}
@media (max-width: 991px) {
  h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
  }
  h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
  }
  h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
  }
  h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
  }
  h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
  }
  h6 {
    font-size: 15px;
    font-weight: 600;
    line-height: 130%;
  }
  p {
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
  }
  a {
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    text-decoration: none;
  }
  .f24 {
    font-size: 18px;
    line-height: 150%;
  }
  .f20 {
    font-size: 16px;
  }
  .f18 {
    font-size: 16px;
    line-height: 130%;
  }
  .f14 {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
  }
  span {
    font-size: 16px;
    line-height: 130%;
  }
  .btn_default {
    padding: 5px 14px;
    font-size: 14px;
    text-align: center;
    margin: auto 0;
  }
  .btn_default_two {
    padding: 5px 14px;
    font-size: 14px;
    text-align: center;
    margin: auto 0;
  }
  .button-2 {
    font-size: 16px;
    padding: 5px 15px;
  }
  .button-3 {
    font-size: 15px;
    padding: 5px 15px;
  }
  .button-big-3 {
    font-size: 15px;
    padding: 5px 15px;
  }
  .button-4 {
    font-size: 15px;
    padding: 5px 15px;
  }
}
@media (max-width: 767px) {
  .dnone {
    display: block;
  }
  .section-heading p {
    margin-bottom: 30px;
  }
  .mt10 {
    margin-top: 8px;
  }
  .mt16 {
    margin-top: 10px;
  }
  .mt20 {
    margin-top: 15px;
  }
  .mt28 {
    margin-top: 18px;
  }
  .mt30 {
    margin-top: 20px;
  }
  .mt40 {
    margin-top: 25px;
  }
  .mt50 {
    margin-top: 30px;
  }
  .mt60 {
    margin-top: 35px;
  }
  .mt70 {
    margin-top: 45px;
  }
  .mb10 {
    margin-bottom: 8px;
  }
  .mb16 {
    margin-bottom: 10px;
  }
  .mb20 {
    margin-bottom: 15px;
  }
  .mb28 {
    margin-bottom: 18px;
  }
  .mb30 {
    margin-bottom: 20px;
  }
  .mb40 {
    margin-bottom: 25px;
  }
  .mb50 {
    margin-bottom: 30px;
  }
  .mb60 {
    margin-bottom: 35px;
  }
  .mb70 {
    margin-bottom: 45px;
  }
}
@media (max-width: 575px) {
  h1 {
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
  }
  h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
  }
  h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
  }
  h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
  }
  h5 {
    font-size: 15px;
    font-weight: 600;
    line-height: 130%;
  }
  h6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 130%;
  }
  p {
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
  }
  a {
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    text-decoration: none;
  }
  .f24 {
    font-size: 16px;
    line-height: 150%;
  }
  .f20 {
    font-size: 15px;
  }
  .f18 {
    font-size: 15px;
    font-weight: 500;
    line-height: 130%;
  }
  span {
    font-size: 14px;
    line-height: 130%;
  }
  .button-2 {
    font-size: 15px;
    padding: 3px 15px;
  }
}
@media (max-width: 480px) {
  .wallet__deposit_withdraw .deposit_item {
    width: 50% !important;
  }
}
.header-section {
  background-color: var(--pn-30);
  width: 100%;
  position: fixed;
  z-index: 5;
}
.header-section nav {
  position: relative;
  margin: 0 60px;
}
.header-section nav .navbar-brand .logo-text {
  color: #141718;
  font-weight: 600;
  line-height: 130%;
  margin-left: 10px;
}
.header-section nav .search2 {
  border: none;
  background-color: transparent;
}
.header-section nav form input {
  width: 449px;
  border-radius: 8px 0px 0px 8px;
  border: 1px solid #0084ff;
  padding: 8px 16px;
}
.header-section nav form input::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #6c7275;
}
.header-section nav form input::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #6c7275;
}
.header-section nav form input:focus {
  box-shadow: none;
  border: 1px solid #0084ff;
}
.header-section nav form .search-style {
  font-size: 28px;
  padding: 7.1px 5.71px;
  color: black;
  border-radius: 0px 8px 8px 0px;
  background-color: var(--primary-color);
  cursor: pointer;
}
.header-section nav .right-items ul li span {
  color: #21a450;
  font-weight: 500;
  line-height: 150%;
}
.header-section nav .right-items ul li .nav-link {
  padding: 0 5px;
}
.header-section nav .right-items ul li a {
  color: #141718;
  font-weight: 500;
}
.header-section nav .right-items ul li .idea-icon {
  transform: rotate(180deg);
}
.header-section nav .right-items ul li i {
  cursor: pointer;
  color: #141718;
}
.header-section nav .right-items .right-area .button-style {
  padding: 8px 20px;
  border-radius: 8px;
  background-color: #0084ff;
  border: none;
  color: #ffffff;
}
.header-section nav .right-items .right-area button {
  background-color: inherit;
}
.header-section nav .right-items .modal-dialog .modal-content {
  opacity: 10;
  width: 124%;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body {
  margin: 0;
  padding: 20px 30px;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body h3 {
  color: #141718;
  margin-bottom: 24px;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body ul li a {
  font-size: 18px;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body ul li a i {
  font-size: 40px;
  margin-right: 20px;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body ul li a img {
  margin-right: 20px;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body ul li .google-style {
  padding: 10px 20px;
  border-radius: 10px;
  background: #f3f5f7;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body ul li .apple-style {
  padding: 10px 20px;
  border-radius: 10px;
  background: #6c7275;
  color: white;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body ul li .apple-style i {
  color: white;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body .login-form .login-item .email-style {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #424a55;
  padding: 10px 20px;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body .login-form .login-item .email-style::-moz-placeholder {
  color: #2c3655;
  font-size: 18px;
  line-height: 150%;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body .login-form .login-item .email-style::placeholder {
  color: #2c3655;
  font-size: 18px;
  line-height: 150%;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body .login-form .login-item .password-style {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #424a55;
  padding: 10px 20px;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body .login-form .login-item .password-style::-moz-placeholder {
  color: #2c3655;
  font-size: 18px;
  line-height: 150%;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body .login-form .login-item .password-style::placeholder {
  color: #2c3655;
  font-size: 18px;
  line-height: 150%;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body .login-form .login-item button {
  width: 100%;
  border-radius: 8px;
  background: #0084ff;
  color: white;
  font-size: 18px;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body .or-style {
  position: relative;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body .or-style::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #0044c7;
}
.header-section nav .right-items .modal-dialog .modal-content .modal-body .or-style span {
  background-color: #fff;
  z-index: 1;
  padding: 0 10px;
}
.header-section .profile {
  max-width: 306px;
  height: 510px;
  padding: 20px;
  border-radius: 10px;
  background: var(--box-color, #fff);
  box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.06) !important;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  bottom: 0;
  z-index: 99;
}
.header-section .profile .profile-details .profile-pic img {
  border-radius: 50%;
}
.header-section .profile .profile-details .profile-text .profile-name {
  color: var(--text, #141718);
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
}
.header-section .profile .profile-details .profile-text .parent {
  display: flex;
  position: relative;
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 8px 0;
  overflow: hidden;
}
.header-section .profile .profile-details .profile-text .left {
  font-size: 12px;
  border-right: none;
  border-radius: 10px;
}
.header-section .profile .profile-details .profile-text .right {
  cursor: pointer;
  border-radius: 10px;
  font-size: 12px;
  border-left: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.header-section .profile .profile-details .profile-text .right i {
  font-size: 15px;
}
.header-section .profile .profile-details .profile-text span.tlt {
  display: none;
  position: absolute;
  font-size: 12px;
  top: 10px;
  left: 120px;
  transform: translateY(70%);
  border-radius: 10px;
  white-space: nowrap;
}
.header-section .profile .profile-details .profile-text span.tlt.show {
  display: block;
}
.header-section .profile .profile-balance .profile-portfolio .amount {
  color: #21a450;
  font-weight: 500;
}
.header-section .profile .profile-balance .profile-portfolio .amount-text {
  color: #424a55;
}
.header-section .profile .profile-balance .profile-funds .amount {
  color: #21a450;
  font-weight: 500;
}
.header-section .profile .profile-balance .profile-funds .amount-text {
  color: #424a55;
}
.header-section .profile .hr-style {
  border-bottom: 1px solid rgba(108, 114, 117, 0.24);
}
.header-section .profile .down-area ul li a {
  font-weight: 400;
  color: var(--text, #424a55);
}
.header-section .profile .down-area ul li a i {
  font-size: 18px;
}
.header-section .chat_area {
  max-width: 450px;
  height: 75vh;
  overflow-y: scroll;
  border-radius: 10px;
  background: var(--box-color, #fff);
  box-shadow: 0px 10px 21px 0px rgba(0, 0, 0, 0.28);
  position: absolute;
  top: 135%;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(50%);
  transition: 0.35s;
}
.header-section .chat_area.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
  transition: 0.35s;
}
.header-section .chat_area .users-item {
  padding: 0 24px;
}
.header-section .chat_area .users-item .users-image img {
  border-radius: 50%;
  margin-right: 1rem;
  cursor: pointer;
}
.header-section .chat_area .users-item .users-profile .users-name {
  color: var(--button, #0084ff);
  font-weight: 400;
  cursor: pointer;
}
.header-section .chat_area .users-item .users-profile .upload_time {
  color: var(--text, #424a55);
  font-size: 8px;
  font-weight: 400;
}
.header-section .chat_area .users-item .users-profile .chat-text {
  color: #000;
  line-height: 150%;
  font-weight: 400;
}
.header-section .chat_area .users-item .users-profile img {
  cursor: pointer;
}
.header-section .chat_area .upload_area {
  background: white;
  padding: 20px 24px;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
  position: sticky;
  bottom: 0;
}
.header-section .chat_area .upload_area .left-area ul li img {
  cursor: pointer;
}
.header-section .chat_area .upload_area .left-area ul li form input {
  padding: 12px 10px;
  border-radius: 10px;
  border: 1px solid rgba(62, 144, 240, 0.51);
  width: 200px;
}
.header-section .chat_area .upload_area .left-area ul li form input:focus {
  border: 1px solid rgba(62, 144, 240, 0.51);
  box-shadow: none;
}
.header-section .none_two {
  display: none !important;
  border: none;
  vertical-align: center !important;
  background-color: #e8ecef;
}
.header-section .none_two i {
  text-align: end;
  font-size: 28px;
  background-color: #e8ecef;
}
.header-section .left-nav-area {
  position: fixed;
  width: 312px;
  padding: 24px 24px 50px 24px;
  background: var(--box, #e8ecef);
  align-items: center;
  overflow-y: auto;
  max-height: 98vh;
}
.header-section .left-nav-area .left-side-border {
  opacity: 0.5;
  background: var(--color, #6c7275);
}
.header-section .left-nav-area .volume-area .liclick .mclick span {
  color: var(--text, #141718);
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}
.header-section .left-nav-area .volume-area .liclick .mclick span:active .plus {
  transform: rotate(180deg);
}
.header-section .left-nav-area .volume-area .liclick .mclick .side_arrow {
  transition: 0.35s;
}
.header-section .left-nav-area .volume-area .liclick .mclick.reply-active .side_arrow {
  transform: rotate(180deg);
}
.header-section .left-nav-area .volume-area .liclick .menucontent {
  display: none;
}
.header-section .left-nav-area .volume-area .liclick .menucontent input,
.header-section .left-nav-area .volume-area .liclick .menucontent textarea {
  width: auto;
}
.header-section .left-nav-area .volume-area .liclick .menucontent ul {
  text-align: center;
}
.header-section .left-nav-area .volume-area .liclick .menucontent ul li {
  margin-bottom: 8px;
}
.header-section .left-nav-area .volume-area .liclick .menucontent ul li .dropdown-option {
  display: flex;
  justify-content: space-between;
}
.header-section .left-nav-area .volume-area .liclick .menucontent ul li .dropdown-option .value-input-style {
  width: 43%;
  padding: 9px 18px;
  border-radius: 8px;
  border: 1px solid #6c7275;
}
.header-section .left-nav-area .volume-area .liclick .menucontent ul li .volume-button {
  border: none;
  color: white;
  border-radius: 8px;
  padding: 8px 11px;
  width: 100%;
  background-color: var(--primary-color);
}
.header-section .left-nav-area .volume-area .liclick .menucontent ul li ul li .left-side-border2 {
  opacity: 0.5;
  background: #6c7275;
}

.footermenu__item ul {
  height: 75px;
  background-color: #e8ecef;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
  z-index: 999;
}
.footermenu__item ul li a i {
  color: #141718;
}
.footermenu__item ul li a span {
  color: #141718;
  font-weight: 500;
  line-height: 150%;
}

.modal-dialog .modal-content {
  opacity: 10;
  width: 124%;
}
.modal-dialog .modal-content .modal-body {
  margin: 0;
  padding: 20px 30px;
}
.modal-dialog .modal-content .modal-body h3 {
  color: #141718;
  margin-bottom: 24px;
}
.modal-dialog .modal-content .modal-body ul li a {
  font-size: 18px;
}
.modal-dialog .modal-content .modal-body ul li a i {
  font-size: 40px;
  margin-right: 20px;
}
.modal-dialog .modal-content .modal-body ul li a img {
  margin-right: 20px;
}
.modal-dialog .modal-content .modal-body ul li .google-style {
  padding: 10px 20px;
  border-radius: 10px;
  background: #f3f5f7;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.modal-dialog .modal-content .modal-body ul li .apple-style {
  padding: 10px 20px;
  border-radius: 10px;
  background: #6c7275;
  color: white;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.modal-dialog .modal-content .modal-body ul li .apple-style i {
  color: white;
}
.modal-dialog .modal-content .modal-body .login-form .login-item .email-style {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #424a55;
  padding: 10px 20px;
}
.modal-dialog .modal-content .modal-body .login-form .login-item .email-style::-moz-placeholder {
  color: #2c3655;
  font-size: 18px;
  line-height: 150%;
}
.modal-dialog .modal-content .modal-body .login-form .login-item .email-style::placeholder {
  color: #2c3655;
  font-size: 18px;
  line-height: 150%;
}
.modal-dialog .modal-content .modal-body .login-form .login-item .password-style {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #424a55;
  padding: 10px 20px;
}
.modal-dialog .modal-content .modal-body .login-form .login-item .password-style::-moz-placeholder {
  color: #2c3655;
  font-size: 18px;
  line-height: 150%;
}
.modal-dialog .modal-content .modal-body .login-form .login-item .password-style::placeholder {
  color: #2c3655;
  font-size: 18px;
  line-height: 150%;
}
.modal-dialog .modal-content .modal-body .login-form .login-item button {
  width: 100%;
  border-radius: 8px;
  border: 2px solid #0084ff;
  background: #0084ff;
  color: white;
  font-size: 18px;
  transition: 0.8s ease-in-out;
}
.modal-dialog .modal-content .modal-body .login-form .login-item button:hover {
  transition: 0.8s ease-in-out;
  border: 2px solid #0084ff;
  background-color: transparent;
  color: black;
}
.modal-dialog .modal-content .modal-body .or-style {
  position: relative;
}
.modal-dialog .modal-content .modal-body .or-style::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #0044c7;
}
.modal-dialog .modal-content .modal-body .or-style span {
  background-color: #fff;
  z-index: 1;
  padding: 0 10px;
}

.main-content {
  background: #f3f5f7;
  margin-left: 336px;
  padding-top: 70px;
}
.main-content .middle-area {
  margin-right: 12px;
  z-index: 0;
}
.main-content .middle-area .banner-bg {
  background-color: #3e90f0;
  border-radius: 20px;
}
.main-content .middle-area .banner-bg .banner {
  padding: 54px 58px 51px 58px;
  z-index: 1;
  background-image: url("../images/banner-shape.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.main-content .middle-area .banner-bg .banner h1 {
  color: var(--btn-text, #fff);
}
.main-content .middle-area .card_slider .slick-slide {
  margin: 10px 12px;
}
.main-content .middle-area .card_slider .card_part {
  padding: 20px;
  border-radius: 10px;
  background: var(--box-color, #fff);
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.main-content .middle-area .card_slider .card_part .card_thumb img {
  margin: 0 auto;
  border-radius: 5px;
}
.main-content .middle-area .card_slider .card_part .card_title {
  color: var(--text, #141718);
}
.main-content .middle-area .card_slider .card_part .balance_group .yes_style {
  color: #21a450;
  font-weight: 500;
}
.main-content .middle-area .card_slider .card_part .balance_group .no_style {
  color: #d84c10;
  font-weight: 500;
}
.main-content .middle-area .arrow_button .prev_button {
  margin-left: -15px;
}
.main-content .middle-area .arrow_button .prev_button i {
  color: white;
  font-size: 30px;
  border-radius: 50%;
  background-color: #232627;
  cursor: pointer;
}
.main-content .middle-area .arrow_button .next_button {
  margin-right: -15px;
}
.main-content .middle-area .arrow_button .next_button i {
  color: white;
  font-size: 30px;
  background-color: #232627;
  border-radius: 50%;
  cursor: pointer;
}
.main-content .right-side-area .hide-list .trader-list {
  border-radius: 4px;
  background: rgba(0, 132, 255, 0.2);
  padding: 4px 12px;
  border: 0;
}
.main-content .right-side-area .tow_area {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 90vh;
  position: fixed;
  width: 372px;
}
.main-content .right-side-area .tow_area .top-area {
  padding: 20px;
  border-radius: 10px;
  gap: 16px;
  background: var(--box-color, #fff);
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
  display: inherit;
}
.main-content .right-side-area .tow_area .top-area .profit-head h6 {
  color: var(--text, #141718);
  font-weight: 600;
}
.main-content .right-side-area .tow_area .top-area .profit-head a {
  padding: 8px 10px;
  border-radius: 8px;
  background: var(--box, #e8ecef);
}
.main-content .right-side-area .tow_area .top-area .table thead tr th {
  color: var(--text, #424a55);
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
}
.main-content .right-side-area .tow_area .top-area .table tbody tr td {
  color: var(--text, #424a55);
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  vertical-align: middle;
}
.main-content .right-side-area .tow_area .top-area .table tbody tr td img {
  border-radius: 50%;
}
.main-content .right-side-area .tow_area .top-area .table tbody tr td span {
  color: var(--text, #424a55);
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  margin-left: 8px;
}
.main-content .right-side-area .tow_area .top-area .table tbody tr .value-style {
  color: var(--color, #3e90f0);
}
.main-content .right-side-area .tow_area .down-area {
  margin-top: 30px;
  padding: 20px;
  border-radius: 10px;
  gap: 16px;
  background: var(--box-color, #fff);
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.main-content .right-side-area .tow_area .down-area .profit-head h6 {
  color: var(--text, #141718);
  font-weight: 600;
}
.main-content .right-side-area .tow_area .down-area .profit-head a {
  padding: 8px 10px;
  border-radius: 8px;
  background: var(--box, #e8ecef);
}
.main-content .right-side-area .tow_area .down-area .table thead tr th {
  color: var(--text, #424a55);
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
}
.main-content .right-side-area .tow_area .down-area .table tbody tr td {
  color: var(--text, #424a55);
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  vertical-align: middle;
}
.main-content .right-side-area .tow_area .down-area .table tbody tr td img {
  border-radius: 50%;
}
.main-content .right-side-area .tow_area .down-area .table tbody tr td span {
  color: var(--text, #424a55);
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  margin-left: 8px;
}
.main-content .right-side-area .tow_area .down-area .table tbody tr .value-style {
  color: var(--color, #3e90f0);
}
.main-content .gape {
  row-gap: 24px;
}
.main-content .filter-area ul li .filter_button button {
  color: var(--text, #141718);
  padding: 6px 10px;
  background-color: #e8ecef;
  border-radius: 2px;
  font-weight: 400;
}
.main-content .filter-area ul li .filter_button button i {
  font-size: 20px;
}
.main-content .filter-area ul li .form-part form input {
  width: 293px;
  border-radius: 8px 0px 0px 8px;
  border: 1px solid #0084ff;
  padding: 8px 16px;
}
.main-content .filter-area ul li .form-part form input::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #6c7275;
}
.main-content .filter-area ul li .form-part form input::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #6c7275;
}
.main-content .filter-area ul li .form-part form input:focus {
  box-shadow: none;
  border: 1px solid #0084ff;
}
.main-content .filter-area ul li .form-part form .search-style {
  font-size: 28px;
  padding: 7px 5.71px;
  color: black;
  border-radius: 0px 8px 8px 0px;
  background-color: var(--primary-color);
  cursor: pointer;
}
.main-content .filter-area ul li .filter_btn {
  border-radius: 2px;
  background: #e8ecef;
  width: 120px;
  color: var(--text, #141718);
  padding: 0 8px;
}
.main-content .filter-area ul li .filter_btn span {
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}
.main-content .filter-area ul li .filter_btn:active {
  border: none;
}
.main-content .filter-area ul li .filter_btn .option:hover,
.main-content .filter-area ul li .filter_btn .nice-select .option.focus,
.main-content .filter-area ul li .filter_btn .nice-select .option.selected.focus {
  font-weight: 400;
  border-color: none;
}
.main-content .filter-area ul li .nice-select.open {
  border: none !important;
}
.main-content .filter-area ul li .fav-star {
  background: var(--box, #e8ecef);
  color: var(--text, #141718);
  font-weight: 400;
  line-height: 150%;
  border-radius: 2px;
  padding: 4px 8px;
}
.main-content .card {
  padding: 16px 20px;
  border-radius: 10px;
  border: none;
  height: 100%;
  background: var(--box-color, #fff);
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.main-content .card__right span {
  color: var(--color, #6c7275);
}
.main-content .card__btn {
  color: var(--color, #6c7275);
  padding: 1px 4px;
  border-radius: 4px;
  background: var(--box, #e8ecef);
}
.main-content .card__left i {
  font-size: 20px;
  color: #232627;
  cursor: pointer;
}
.main-content .card__thumb {
  text-align: center;
}
.main-content .card__thumb img {
  border-radius: 5px;
}
.main-content .card__title {
  color: var(--text, #141718);
}
.main-content .card__yes {
  color: var(--online-dot, #21a450);
  font-weight: 500;
  cursor: pointer;
}
.main-content .card__no {
  color: var(--color-2, #d84c10);
  font-weight: 500;
  cursor: pointer;
}
.main-content .card__market a {
  padding: 3px 10px;
  border-radius: 4px;
  text-align: center;
  color: #0084ff;
  font-weight: 400;
  cursor: pointer;
  display: inline-block;
  border: 2px solid rgba(0, 132, 255, 0.2);
  background-image: linear-gradient(30deg, rgba(0, 132, 255, 0.2) 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  transition: background 400ms ease-in-out;
  transition: 0.5s linear;
}
.main-content .card__market a:hover {
  transition: 0.5s linear;
  background-position: 100%;
  color: white;
  background-color: #0084FF;
}
.main-content .works_heading {
  color: var(--text, #141718);
}
.main-content .payment {
  padding: 0 20px;
  margin: 0 12px;
}
.main-content .payment__thumb {
  width: 100px;
  height: 100px;
  padding: 20px;
  border-radius: 10px;
  background: #cfdbe4;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.main-content .payment__step {
  color: var(--text, #424a55);
  font-weight: 400;
}
.main-content .payment__content h4 {
  color: var(--text, #141718);
}
.main-content .payment__content h5 {
  color: var(--text, #424a55);
  font-weight: 400;
}
.main-content .long-arrow img {
  position: absolute;
  top: 54%;
  right: 28%;
}
.main-content .long-arrow2 img {
  position: absolute;
  top: 54%;
  left: 28%;
}

.volume-area .liclick .mclicklast span {
  color: var(--text, #141718);
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}
.volume-area .liclick .mclicklast span:active .plus {
  transform: rotate(180deg);
}
.volume-area .liclick .mclicklast .side_arrow {
  transition: 0.35s;
}
.volume-area .liclick .mclicklast.reply-active .side_arrow {
  transform: rotate(180deg);
}
.volume-area .liclick .menucontentlast {
  display: block;
}
.volume-area .liclick .menucontentlast input,
.volume-area .liclick .menucontentlast textarea {
  width: auto;
}
.volume-area .liclick .menucontentlast ul {
  text-align: center;
}
.volume-area .liclick .menucontentlast ul li {
  margin-bottom: 8px;
}
.volume-area .liclick .menucontentlast ul li .dropdown-option {
  display: flex;
  justify-content: space-between;
}
.volume-area .liclick .menucontentlast ul li .dropdown-option .value-input-style {
  width: 43%;
  padding: 9px 18px;
  border-radius: 8px;
  border: 1px solid #6c7275;
}
.volume-area .liclick .menucontentlast ul li .volume-button {
  border: none;
  color: white;
  border-radius: 8px;
  padding: 8px 11px;
  width: 100%;
  background-color: var(--primary-color);
}
.volume-area .liclick .menucontentlast ul li ul li .left-side-border2 {
  opacity: 0.5;
  background: #6c7275;
}

.middle-area-two {
  margin: 0 !important;
  padding-top: 15px;
}

.banner__header-right .us-politics {
  color: #6c7275;
  padding: 1px 4px;
  border-radius: 4px;
  background: #e8ecef;
  line-height: 150%;
}
.banner__header-left a .start-size {
  font-size: 28px;
}
.banner__header-left a i {
  font-size: 20px;
}
.banner__image {
  border-radius: 5px;
}
.banner__title {
  color: #141718;
  line-height: 120%;
}

.profile__right {
  cursor: pointer;
}
.profile__image {
  border-radius: 50%;
}
.vol_toggle_two {
  display: none;
}

.charts {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}
.charts__order {
  border-bottom: 1px solid rgba(108, 114, 117, 0.2);
}
.charts__book {
  color: #141718;
}
.charts__trade {
  background-color: white;
}
.charts__trade tr:nth-child(even) {
  background-color: #fff;
}
.charts__trade tr:nth-child(odd) {
  background-color: #fff;
}
.charts__trade th {
  background-color: #fff;
  color: #424a55;
}
.charts__trade .tbody tr {
  border-style: none;
  box-shadow: none;
}
.charts__trade .tbody tr td {
  font-size: 16px;
}
.charts__trade .td-grap {
  width: 44%;
}
.charts__trade .grap-one {
  background-color: #ecb49c;
}
.charts__trade .grap-two {
  width: 40%;
  top: 8%;
  height: 50px;
  position: absolute;
  background-color: #ecb49c;
}
.charts__trade .grap-three {
  width: 36%;
  top: 19%;
  height: 50px;
  position: absolute;
  background-color: #ecb49c;
}
.charts__trade .grap-four {
  width: 32%;
  top: 30%;
  height: 50px;
  position: absolute;
  background-color: #ecb49c;
}
.charts__trade .grap-five {
  width: 28%;
  top: 40%;
  height: 50px;
  position: absolute;
  background-color: #ecb49c;
}
.charts__trade .grap-six {
  width: 24%;
  top: 50%;
  height: 50px;
  position: absolute;
  background-color: #ecb49c;
}
.charts__trade .grap-seven {
  width: 20%;
  top: 60%;
  height: 50px;
  position: absolute;
  background-color: #ecb49c;
}
.charts__trade .grap-eight {
  width: 16%;
  top: 70%;
  height: 50px;
  position: absolute;
  background-color: #ecb49c;
}
.charts__trade .grap-nine {
  width: 12%;
  top: 79%;
  height: 50px;
  position: absolute;
  background-color: #ecb49c;
}
.charts__trade .grap-ten {
  width: 8%;
  top: 88%;
  height: 50px;
  position: absolute;
  background-color: #ecb49c;
}
.charts__trade .noBorder {
  border: none !important;
}

.comments__about {
  font-weight: 500;
  line-height: 150%;
}
.comments__pra {
  font-weight: 400;
  line-height: 150%;
  color: #6c7275;
}
.comments__count {
  font-weight: 500;
  line-height: 150%;
}
.comments__bottom-border {
  border: 1px solid black;
}
.comments__input-area {
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 8px 0px rgba(10, 58, 100, 0.15);
}
.comments__input-area .cont .toolbar div:active {
  color: white;
}
.comments__input-area button.log-out-client {
  border-radius: 4px;
  line-height: 43px;
  cursor: pointer;
  transition: background-color 0.4s;
}
.comments__input-area button.log-out-client i {
  line-height: 45px;
}
.comments__input-area #editor {
  border-radius: 10px;
}
.comments__input-area #toolbar {
  overflow: hidden;
  position: relative;
  z-index: 2;
  text-decoration: inherit;
}
.comments__input-area #page {
  outline: none;
}
.comments__input-area .icon {
  height: 30px;
  width: 40px;
  margin-right: 10px;
  font-size: 0.8rem;
  text-align: center;
  cursor: pointer;
}
.comments__input-area div#editor {
  margin: 0;
  padding: 0;
  border-radius: 4px;
}
.comments__input-area #page {
  min-height: initial;
  margin: 0;
  padding: 10px;
  padding-top: 63px;
  margin-top: -53px;
  height: 120px;
  text-align: left;
  position: relative;
  z-index: 1;
}
.comments__input-area section#toolbar {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
}
.comments__input-area .icon {
  height: 33px;
  opacity: 0.7;
  width: 33px;
  line-height: 33px;
}
.comments__input-area #createLink {
  background-color: transparent !important;
}
.comments__input-area .icon:hover {
  opacity: 1;
}
.comments__input-area ul,
.comments__input-area ol {
  padding-left: 28px;
}
.comments__input-area .cont {
  width: 100%;
}

.login__comments {
  padding: 40px 60px;
  border-radius: 12px;
  background: linear-gradient(316deg, #0084ff 0%, rgba(0, 68, 199, 0) 100%);
}
.login__comments .login__social-account ul li a i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border: 1px solid white;
  color: white;
  font-size: 16px;
  text-align: center;
  border-radius: 50%;
  transition: 0.4s linear;
}
.login__comments .login__social-account ul li a i:hover {
  background-color: #0084ff;
  border: 1px solid #0084ff;
}

.login__comment .login__user-account .input-text-form {
  color: #0a1023;
  font-weight: 500;
  line-height: 150%;
}
.login__comment .login__user-account input {
  padding: 5px 18px;
  border-radius: 4px;
  border: 1px solid #6c7275;
}
.login__comment .login__user-account input::-moz-placeholder {
  font-size: 14px;
}
.login__comment .login__user-account input::placeholder {
  font-size: 14px;
}

.commnetdone h3 {
  color: #424a55;
}
.commnetdone__item-one {
  padding: 20px 16px;
  border-radius: 4px;
  background: #fff;
}
.commnetdone__content p {
  color: #424a55;
  font-weight: 400;
}
.commnetdone__like ul li {
  margin-left: -9px;
}
.commnetdone__item-two {
  margin-left: 160px;
}
.commnetdone__button {
  border-radius: 4px;
  background-color: #0084ff;
  padding: 8px 11px;
  border: 2px solid #0084ff;
  text-align: center;
  transition: 0.5s linear;
}
.commnetdone__button a {
  color: white;
  font-weight: 600;
  line-height: 130%;
  transition: 0.5s linear;
}
.commnetdone__button:hover {
  transition: 0.5s linear;
  border: 2px solid #0084ff;
  background-color: transparent;
}
.commnetdone__button:hover a {
  transition: 0.5s linear;
  color: #141718;
}

.buysell {
  padding: 30px 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.buysell__right {
  cursor: pointer;
}
.buysell__right .active-btn {
  color: #0084ff;
  cursor: pointer;
}
.buysell__markets {
  border-bottom: 1px solid rgba(108, 114, 117, 0.3);
}
.buysell__buy {
  color: #141718;
  font-weight: 600;
}
.buysell__sell {
  color: #141718;
  font-weight: 600;
  margin-left: 20px;
}
.buysell__left .nice-select {
  border: none;
}
.buysell__left .nice-select::after {
  border-color: #141718;
}
.buysell__left .nice-select .current {
  color: #141718;
  font-weight: 600;
}
.buysell__come-text {
  color: #424a55;
}
.buysell__setting a i {
  font-size: 16px;
}
.buysell__btngroup a {
  width: 50%;
}
.buysell__login .form-control {
  border-radius: 8px;
  border: 1px solid #3e90f0;
}
.buysell__login .form-control:focus {
  color: inherit;
  border-color: #3e90f0;
  outline: 0;
  box-shadow: none;
}
.buysell__credit {
  color: #0084ff;
}
.buysell__credit-tow {
  color: #21a450;
}

@media (max-width: 1799px) {
  .login__comments {
    padding: 40px 20px;
  }
}
@media (max-width: 1399px) {
  .middle-area-two {
    padding-top: 0;
  }
  .buysell {
    margin-top: 30px;
  }
  .login__comments {
    padding: 40px 20px;
  }
}
@media (max-width: 1199px) {
  .middle-area {
    margin: 0 !important;
  }
  .login__comments {
    padding: 40px 20px;
  }
  .login__social-account a img {
    height: 30px;
    width: 30px;
  }
}
@media (max-width: 991px) {
  .banner__header-right .us-politics {
    color: #6c7275;
    font-weight: 400;
  }
  .banner__header-left a .start-size {
    font-size: 18px;
  }
  .banner__header-left a i {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .charts__order {
    border-bottom: 1px solid rgba(108, 114, 117, 0.2);
  }
  .charts__book {
    color: #141718;
  }
  .charts__trade {
    background-color: white;
  }
  .charts__trade .tbody {
    overflow: hidden;
  }
  .charts__trade .noBorder {
    font-size: 14px;
    color: #424a55;
  }
  .login__comment .login__user-account input::-moz-placeholder {
    font-size: 12px;
  }
  .login__comment .login__user-account input::placeholder {
    font-size: 12px;
  }
  .login__social-account ul li a i {
    height: 30px !important;
    width: 30px !important;
  }
  .commnetdone__thumb-image {
    height: 70px;
    width: 70px;
  }
  .commnetdone__item-two {
    margin-left: 60px;
  }
}
@media (max-width: 575px) {
  .banner__header-right .us-politics {
    font-size: 14px;
  }
  .login__comments {
    padding: 10px 10px;
  }
}
@media (max-width: 480px) {
  .chart-pd {
    padding: 0;
    margin: 0 6px;
  }
  .charts {
    padding: 5px 1px;
  }
  .charts__trade th {
    padding: 8px 0;
  }
  .charts__trade .td-grap {
    width: 20%;
  }
  .charts__trade .grap-two {
    width: 18%;
    top: 8%;
    height: 50px;
    position: absolute;
    background-color: #ecb49c;
  }
  .charts__trade .grap-three {
    width: 16%;
    top: 19%;
    height: 50px;
    position: absolute;
    background-color: #ecb49c;
  }
  .charts__trade .grap-four {
    width: 14%;
    top: 30%;
    height: 50px;
    position: absolute;
    background-color: #ecb49c;
  }
  .charts__trade .grap-five {
    width: 12%;
    top: 40%;
    height: 50px;
    position: absolute;
    background-color: #ecb49c;
  }
  .charts__trade .grap-six {
    width: 10%;
    top: 50%;
    height: 50px;
    position: absolute;
    background-color: #ecb49c;
  }
  .charts__trade .grap-seven {
    width: 8%;
    top: 60%;
    height: 50px;
    position: absolute;
    background-color: #ecb49c;
  }
  .charts__trade .grap-eight {
    width: 6%;
    top: 70%;
    height: 50px;
    position: absolute;
    background-color: #ecb49c;
  }
  .charts__trade .grap-nine {
    width: 4%;
    top: 79%;
    height: 50px;
    position: absolute;
    background-color: #ecb49c;
  }
  .charts__trade .grap-ten {
    width: 2%;
    top: 88%;
    height: 50px;
    position: absolute;
    background-color: #ecb49c;
  }
  .charts__trade .noBorder {
    padding: 8px 0;
  }
  .commnetdone__item-one {
    padding: 10px 8px;
  }
  .commnetdone__item-two {
    margin-left: 20px;
  }
}
.liquidty_sizeing {
  margin: 0 24px 0 338px;
  padding-top: 100px;
}
.liquidty_sizeing .card {
  padding: 16px 20px;
  border-radius: 10px;
  border: none;
  height: 100%;
  background: var(--box-color, #fff);
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.liquidty_sizeing .card__right span {
  color: var(--color, #6c7275);
}
.liquidty_sizeing .card__btn {
  color: var(--color, #6c7275);
  padding: 1px 4px;
  border-radius: 4px;
  background: var(--box, #e8ecef);
}
.liquidty_sizeing .card__left i {
  font-size: 20px;
  color: #232627;
  cursor: pointer;
}
.liquidty_sizeing .card__thumb {
  text-align: center;
}
.liquidty_sizeing .card__thumb img {
  border-radius: 5px;
  width: 100%;
}
.liquidty_sizeing .card__title {
  color: var(--text, #141718);
}
.liquidty_sizeing .card__yes {
  color: var(--online-dot, #21a450);
  font-weight: 500;
  cursor: pointer;
}
.liquidty_sizeing .card__no {
  color: var(--color-2, #d84c10);
  font-weight: 500;
  cursor: pointer;
}
.liquidty_sizeing .card__market a {
  padding: 3px 10px;
  border-radius: 4px;
  text-align: center;
  color: #0084ff;
  font-weight: 400;
  cursor: pointer;
  display: inline-block;
  border: 2px solid rgba(0, 132, 255, 0.2);
  background-image: linear-gradient(30deg, rgba(0, 132, 255, 0.2) 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  transition: background 400ms ease-in-out;
  transition: 0.5s linear;
}
.liquidty_sizeing .card__market a:hover {
  transition: 0.5s linear;
  background-position: 100%;
  color: white;
  background-color: #0084FF;
}

@media (max-width: 1599px) {
  .liquidty_sizeing {
    margin: 0 24px 0 267px;
  }
}
@media (max-width: 1499px) {
  .liquidty_sizeing {
    margin: 0 24px 0 217px;
  }
}
@media (max-width: 991px) {
  .liquidty_sizeing {
    margin: 0 12px 0 12px;
  }
}
@media (max-width: 575px) {
  .card__market a {
    font-size: 14px !important;
  }
}
.how-work-title {
  color: #141718;
  font-weight: 600;
  line-height: 120%;
}

.workprocess {
  height: 100%;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
  text-align: center;
}
.workprocess__thumb {
  text-align: center;
}
.workprocess__thumb img {
  padding: 18px;
  border-radius: 60px;
  background: #0084ff;
}
.workprocess__title {
  color: #141718;
  font-weight: 600;
  line-height: 130%;
}
.workprocess__pragraph {
  color: #424a55;
  font-weight: 400;
  line-height: 150%;
}

.socialjoin {
  height: 100%;
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.socialjoin__thumb {
  margin: 0 auto;
}
.socialjoin__thumb img {
  padding: 18px;
  border-radius: 60px;
  background: #0084ff;
}
.socialjoin__title {
  color: #141718;
  font-weight: 600;
  line-height: 130%;
}
.socialjoin__text {
  color: #424a55;
  font-weight: 400;
  line-height: 150%;
}
.socialjoin__thumb-two {
  margin: 0 auto;
}
.socialjoin__thumb-two img {
  max-height: 100px;
  max-width: 100px;
  padding: 15px;
  border-radius: 60px;
  background: #d84c10;
}
.socialjoin__text-two {
  color: #0084ff;
  font-weight: 500;
  line-height: 150%;
}
.socialjoin__text-two:hover {
  color: #0084ff;
}
.socialjoin__thumb-three {
  margin: 0 auto;
}

@media (max-width: 991px) {
  .workprocess__thumb img {
    height: 100px;
    width: 100px;
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .socialjoin__thumb img {
    height: 100px;
    width: 100px;
    padding: 10px;
  }
  .socialjoin__thumb-two img {
    height: 100px;
    width: 100px;
    padding: 10px;
  }
  .socialjoin__content {
    margin: 0 auto;
  }
  .socialjoin__thumb-three img {
    height: 100px;
    width: 100px;
  }
  .socialjoin__content {
    margin: 0 auto;
  }
}
@media (max-width: 575px) {
  .workprocess__thumb img {
    height: 70px;
    width: 70px;
    padding: 10px;
  }
  .socialjoin__thumb img {
    height: 70px;
    width: 70px;
    padding: 10px;
  }
  .socialjoin__thumb-two img {
    height: 70px;
    width: 70px;
  }
  .socialjoin__thumb-three img {
    height: 70px;
    width: 70px;
  }
}
.leader-title {
  color: #141718;
  font-weight: 600;
  line-height: 120%;
}

.userpart {
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.userpart__title i {
  color: #0084ff;
  font-size: 40px;
}
.userpart__title h4 {
  color: #232627;
  font-weight: 600;
  line-height: 130%;
}
.userpart__dayweek {
  background: #fff;
}
.userpart__dayweek li .nav-link {
  color: #6C7275;
  font-weight: 400;
}
.userpart__dayweek li .nav-link:active {
  color: #141718;
}
.userpart__dayweek .day-color {
  color: #141718;
}
.userpart__dayweek span {
  color: #6c7275;
  font-weight: 400;
  line-height: 150%;
}
.userpart__userlist ul li {
  background: #fff;
  box-shadow: 0px 1px 0px 0px #e8ecef;
}
.userpart__rightside span {
  font-size: 12px;
  line-height: 150%;
}
.userpart__number {
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  padding: 8px 10px;
}
.userpart__pimage {
  border-radius: 50%;
}
.userpart__leftside span {
  color: #424a55;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}

.padding-top {
  padding-top: 100px;
}

.leaderbox {
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
}

.boardprofile__thumb img {
  border-radius: 50%;
}
.boardprofile__profile-text .parent {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 8px 0;
  overflow: hidden;
}
.boardprofile__profile-text .parent .left {
  font-size: 14px;
}
.boardprofile__profile-text .parent .right i {
  font-size: 14px;
  cursor: pointer;
}
.boardprofile__name {
  color: #141718;
  font-weight: 500;
  line-height: 150%;
}

.leaderbordcard {
  height: 100%;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.leaderbordcard__thumb img {
  height: 66px;
  width: 66px;
  padding: 5px;
  background-color: #0084ff;
  border-radius: 50%;
}
.leaderbordcard h5 {
  color: black;
  font-weight: 500;
  line-height: 150%;
}
.leaderbordcard span {
  color: #21a450;
  font-weight: 500;
  line-height: 150%;
}

.leaderboardtable {
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.leaderboardtable table {
  width: 100%;
}
.leaderboardtable table tr .lead-event {
  width: 15%;
}
.leaderboardtable table tr .lead-market {
  width: 23%;
}
.leaderboardtable table tr .lead-price {
  width: 12%;
}
.leaderboardtable table tr .lead-share {
  width: 11%;
}
.leaderboardtable th {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
.leaderboardtable td {
  border-bottom: 1px solid #e8ecef;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #141718;
}
.leaderboardtable td .table-image {
  border-radius: 50%;
}
.leaderboardtable td .table-image-text {
  font-size: 14px;
}
.leaderboardtable td .table-button {
  padding: 5px 40px;
  cursor: pointer;
  width: 70%;
  border-radius: 2px;
  text-align: center;
  font-weight: 400;
  display: inline-block;
  color: #D84C10;
  border: 2px solid #ECB49C;
  background-image: linear-gradient(30deg, #ECB49C 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  transition: background 400ms ease-in-out;
  transition: 0.5s linear;
}
.leaderboardtable td .table-button:hover {
  transition: 0.5s linear;
  background-position: 100%;
  color: #141718;
}
.leaderboardtable th {
  padding: 10px;
  border-bottom: 1px solid #e8ecef;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  color: #141718;
}

@media (max-width: 1199px) {
  .leaderboardtable {
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
  }
  .leaderboardtable table {
    width: 1050px;
    overflow-x: auto;
  }
  .leaderboardtable table tr .lead-event {
    width: 5%;
  }
  .leaderboardtable table tr .lead-market {
    width: 20%;
  }
  .leaderboardtable table tr .lead-price {
    width: 12%;
  }
  .leaderboardtable table tr .lead-share {
    width: 11%;
  }
  .leaderboardtable th {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
  }
  .leaderboardtable td .table-image {
    border-radius: 50%;
  }
  .leaderboardtable td .table-button {
    padding: 3px 20px;
    width: 100%;
    font-size: 14px;
    color: #d84c10;
    background-color: #ecb49c;
    border-radius: 2px;
  }
}
@media (max-width: 480px) {
  .padding-top {
    padding-top: 70px;
  }
  .leaderbox {
    padding: 20px 0px;
  }
}
@media (max-width: 375px) {
  .col-widht-resize {
    width: 100%;
  }
}
.padding_top_buttom {
  padding: 100px 0px 100px 0px;
  background-color: black;
}

.notfound__thumb img {
  max-width: 100%;
  max-height: 100%;
}
.notfound__content h1 {
  color: #fff;
  font-weight: 600;
  line-height: 120%;
}
.notfound__content p {
  color: #fff;
  font-weight: 400;
  line-height: 150%;
}
.notfound__content a {
  font-size: 18px;
  color: white;
  padding: 8px 20px;
  border-radius: 8px;
  background-color: #0084ff;
  font-weight: 400;
  line-height: 150%;
}

@media (max-width: 991px) {
  .notfound__content a {
    font-size: 16px;
    color: white;
    padding: 5px 15px;
    border-radius: 8px;
    background-color: #0084ff;
  }
}
.reaward_background {
  background-image: url("../images/reawards_thumb.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  padding-top: 100px;
}

.reawards h1 {
  color: white;
}
.reawards p {
  color: white;
}

.readwardscard {
  padding: 20px;
  margin: 20px 0 56px 0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.readwardscard__content h4 {
  color: #141718;
  font-weight: 600;
  line-height: 130%;
}
.readwardscard__content P {
  color: #424a55;
  font-weight: 400;
  line-height: 150%;
}
.readwardscard__content P span {
  color: #141718;
  font-weight: 600;
  line-height: 150%;
}
.readwardscard__claim-value {
  padding: 10px 16px;
  border-radius: 10px;
  border: 1px solid #424a55;
}
.readwardscard__claim-value span {
  color: #141718;
  font-weight: 400;
  line-height: 150%;
}
.readwardscard__button {
  width: 100%;
  color: white;
  padding: 6px 20px;
  border: 2px solid #0084ff;
  border-radius: 8px;
  background: #0084ff;
  font-weight: 400;
  line-height: 150%;
  transition: 0.5s linear;
}
.readwardscard__button:hover {
  transition: 0.5s linear;
  color: #141718;
  background-color: transparent;
}

.eligible h5 {
  color: #141718;
  font-weight: 600;
  line-height: 130%;
}
.eligible .form-part form {
  width: 100%;
}
.eligible .form-part form input {
  border-radius: 8px 0px 0px 8px;
  border: 1px solid #0084ff;
  padding: 8px 16px;
}
.eligible .form-part form input::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #6c7275;
}
.eligible .form-part form input::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #6c7275;
}
.eligible .form-part form input:focus {
  box-shadow: none;
  border: 1px solid #0084ff;
}
.eligible .form-part form .search-style {
  font-size: 28px;
  padding: 7px 5.71px;
  color: black;
  border-radius: 0px 8px 8px 0px;
  background-color: var(--primary-color);
  cursor: pointer;
}

.eligibletable table {
  border-collapse: collapse;
  border-spacing: 0;
  overflow: hidden;
}
.eligibletable table tr th {
  font-size: 12px;
  color: #424a55;
  font-weight: 400;
  box-shadow: 0px 1px 0px 0px #E8ECEF;
}
.eligibletable table tr th .nice-select {
  border: none;
  background-color: inherit;
  padding-left: 0;
}
.eligibletable table tr th .nice-select .option.selected {
  font-weight: 400;
}
.eligibletable table tr th .nice-select span {
  font-size: 12px;
  color: #424a55;
}
.eligibletable th,
.eligibletable td {
  vertical-align: middle;
  text-align: left;
  padding: 8px;
  font-size: 12px;
  color: #424a55;
  background-color: #f3f5f7;
}
.eligibletable th .yes-style,
.eligibletable td .yes-style {
  color: #21A450;
}
.eligibletable th .no-style,
.eligibletable td .no-style {
  color: #D84C10;
}
.eligibletable th .view-style,
.eligibletable td .view-style {
  color: #141718;
  border-radius: 8px;
  border: 1px solid #141718;
  padding: 8px 20px;
}
.eligibletable th a, .eligibletable th span,
.eligibletable td a,
.eligibletable td span {
  font-size: 12px;
  color: #424a55;
}

@media (max-width: 991px) {
  .readwardscard {
    padding: 15px;
  }
  .readwardscard__claim-value {
    padding: 8px 13px;
  }
  .readwardscard__button {
    width: 100%;
    color: white;
    padding: 8px 20px;
    border-radius: 8px;
    background: #0084ff;
  }
  .readwardscard__button:hover {
    color: white;
  }
  .eligibletable table {
    width: 800px;
    overflow-x: scroll;
  }
}
@media (max-width: 575px) {
  .eligible .form-part form input {
    padding: 5px 13px;
  }
  .eligible .form-part form input::-moz-placeholder {
    font-size: 14px;
  }
  .eligible .form-part form input::placeholder {
    font-size: 14px;
  }
  .eligible .form-part form .search-style {
    font-size: 22px;
    padding: 7px 5.71px;
  }
}
.padding-c {
  padding-top: 100px;
}

.notification {
  padding: 30px 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.notification__heading {
  border-bottom: 1px solid rgba(108, 114, 117, 0.24);
}
.notification__heading p {
  color: #424a55;
  font-weight: 400;
  line-height: 150%;
}
.notification__item {
  border-bottom: 1px solid rgba(108, 114, 117, 0.24);
}
.notification__title i {
  font-size: 24px;
  color: #141718;
}
.notification__title h4 {
  color: #141718;
  font-weight: 600;
  line-height: 130%;
}
.notification__name_time a {
  color: #141718;
  font-weight: 500;
  line-height: 150%;
}
.notification__left_part span {
  white-space: nowrap;
}
.notification__left_part a i {
  font-size: 24px;
  color: #e8ecef;
}

@media (max-width: 575px) {
  .notification {
    padding: 20px 10px;
  }
  .notification__left_part span {
    font-size: 10px;
  }
  .notification__left_part a i {
    font-size: 20px;
  }
}
.bio {
  height: 100%;
  padding: 20px 28px;
  border-radius: 8px;
  background: #fff;
}
.bio__dotted {
  border-bottom: 1px dotted #6c7275;
}
.bio__name {
  color: #141718;
  font-weight: 500;
  line-height: 150%;
}
.bio__info span {
  color: #141718;
  font-weight: 500;
  line-height: 150%;
}

.bioform {
  height: 100%;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #f5effc;
  background: #fff;
}
.bioform h4 {
  color: var(--text);
  font-weight: 600;
  line-height: 130%;
  padding-bottom: 28px;
  border-bottom: 1px solid #eceefb;
}
.bioform form label {
  color: #141718;
  font-weight: 500;
  line-height: 150%;
}
.bioform form textarea,
.bioform form input {
  padding: 8px 18px;
  border-radius: 4px;
  border: 1px solid rgba(66, 74, 85, 0.5);
}
.bioform form textarea {
  resize: none;
}

.leaderboardtable__heading-title {
  color: black;
}

@media (max-width: 575px) {
  .boardprofile__thumb {
    width: 40%;
    margin: 0 auto;
  }
  .bioform {
    padding: 15px;
  }
  .bioform h4 {
    padding-bottom: 18px;
  }
}
@media (max-width: 375px) {
  .w375 {
    width: 100%;
  }
}
.pd-top {
  padding-top: 100px;
}

.pd-top-bg {
  background-color: #F3F5F7 !important;
}

.setting-bg {
  background-image: url("../images/settingsthumb.png") !important;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: start;
}

.settings {
  padding-top: 50px;
}
.settings h1 {
  color: white;
  font-weight: 600;
}
.settings__card {
  padding: 30px 24px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.settings__card h4 {
  color: #424a55;
  font-weight: 600;
  line-height: 130%;
}
.settings__card .display-name {
  color: #424a55;
  font-weight: 400;
  line-height: 150%;
}
.settings__saveinput input {
  padding: 8px 18px;
  border-radius: 4px;
  border: 1px solid rgba(66, 74, 85, 0.5);
}
.settings__email-notification h4 {
  font-weight: 600;
  line-height: 130%;
}
.settings__email-notification button:hover {
  background-color: transparent;
}
.settings__switch-left span {
  font-weight: 400;
  line-height: 150%;
}
.settings__switch-right .toggle {
  position: relative;
  box-sizing: border-box;
}
.settings__switch-right .toggle input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.settings__switch-right .toggle label {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.settings__switch-right .toggle label:before {
  content: "";
  width: 47px;
  height: 26px;
  background: #6c7275;
  position: relative;
  display: inline-block;
  border-radius: 46px;
  box-sizing: border-box;
  transition: 0.2s ease-in;
}
.settings__switch-right .toggle label:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: 3px;
  top: 3px;
  z-index: 2;
  background: #fff;
  box-sizing: border-box;
  transition: 0.2s ease-in;
}
.settings__switch-right .toggle input[type=checkbox]:checked + label:before {
  background: #3b95ff;
}
.settings__switch-right .toggle input[type=checkbox]:checked + label:after {
  left: 24px;
}

@media (max-width: 1399px) {
  .setting-bg {
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .settings {
    padding-top: 0;
  }
  .settings__card {
    padding: 25px 20px;
  }
  .settings__saveinput input {
    padding: 3px 12px;
  }
  .settings__saveinput button {
    padding: 6px 15px;
  }
}
@media (max-width: 575px) {
  .settings__switch-right .toggle label:before {
    width: 37px;
    height: 20px;
  }
  .settings__switch-right .toggle label:after {
    width: 15px;
    height: 15px;
    left: 3px;
    top: 2px;
  }
  .settings__switch-right .toggle input[type=checkbox]:checked + label:after {
    left: 19px;
  }
}
.affiliate__heading h1 {
  color: #141718;
  font-weight: 600;
  line-height: 120%;
}
.affiliate__heading p {
  font-weight: 400;
  line-height: 150%;
}
.affiliate__earning-card {
  padding: 20px;
  height: 100%;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.affiliate__value {
  color: #21a450;
  font-weight: 600;
  line-height: 130%;
}
.affiliate__earn-text {
  font-weight: 400;
  line-height: 150%;
}
.affiliate form label {
  font-size: 14px;
  color: #141718;
  font-weight: 400;
  line-height: 150%;
}
.affiliate form input {
  border-radius: 4px;
  border: 1px solid rgba(66, 74, 85, 0.5);
  padding: 8px 18px;
}
.affiliate__button-two button {
  color: white;
  padding: 8px 20px;
  border-radius: 8px;
  background: #0084ff;
}

.earningchart {
  padding: 24px;
  border-radius: 10px;
  background: #fff;
}
.earningchart__top-part h1 {
  color: #000 !important;
  font-weight: 500;
  line-height: 150%;
}
.earningchart__top-part .nice-select {
  border: none;
  background-color: #0084ff;
}
.earningchart__top-part .nice-select span {
  color: white;
}
.earningchart__top-part .nice-select::after {
  border-color: white;
}
.earningchart__chart-area .chart foreignObject {
  display: none;
}
.earningchart__chart-area .apexcharts-yaxis,
.earningchart__chart-area .apexcharts-xaxis {
  display: none;
}
.earningchart__chart-area .apexcharts-yaxis-texts-g {
  display: none;
}
.earningchart__chart-area .apexcharts-toolbar {
  display: none;
}
.earningchart__chart-area foreignObject {
  height: 320px;
  background-color: #F3F5F7;
}
.earningchart__chart-area #SvgjsLine1123 {
  display: none;
}
.earningchart__persent-item h5 {
  color: #21a450;
  font-weight: 500;
  line-height: 150%;
  cursor: pointer;
}
.earningchart__persent-item span {
  font-weight: 400;
  line-height: 150%;
  cursor: pointer;
}

@media (max-width: 575px) {
  .affiliate form input {
    border-radius: 4px;
    border: 1px solid rgba(66, 74, 85, 0.5);
    padding: 4px 15px;
  }
  .earningchart {
    padding: 7px;
  }
  .earningchart__chart-area foreignObject {
    height: 220px !important;
    background-color: #F3F5F7;
  }
}
.pd-top {
  padding: 80px 10px 0 10px;
  background-color: #0084ff;
}

.portfolio {
  padding: 60px 0 65px 0;
}
.portfolio .border-style {
  border-right: 1px solid rgba(255, 255, 255, 0.41);
}
.portfolio__value h3 {
  color: white;
  font-weight: 600;
  line-height: 120%;
}
.portfolio__value span {
  color: white;
  font-weight: 500;
  line-height: 150%;
}
.portfolio__left .left-button {
  padding: 6px 18px;
  border-radius: 8px;
  text-align: center;
  color: #000;
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  border: 2px solid #21A450;
  background-image: linear-gradient(30deg, #21A450 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  transition: background 400ms ease-in-out;
  transition: 0.5s linear;
}
.portfolio__left .left-button:hover {
  background-color: white;
  transition: 0.5s linear;
  background-position: 100%;
  color: #141718;
}
.portfolio__left .right-button {
  padding: 6px 18px;
  border-radius: 8px;
  text-align: center;
  color: #000;
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
  color: #141718;
  border: 2px solid #fff;
  background-image: linear-gradient(30deg, #fff 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  transition: background 400ms ease-in-out;
  transition: 0.5s linear;
}
.portfolio__left .right-button:hover {
  background-color: #21A450;
  transition: 0.5s linear;
  background-position: 100%;
  color: #fff;
}

.portfoliotable {
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.portfoliotable__dropdown span {
  color: #141718;
  font-weight: 400;
  line-height: 150%;
}
.portfoliotable__dropdown .drop-nice .nice-select {
  border-radius: 4px;
  border: 1px solid rgba(66, 74, 85, 0.5);
}
.portfoliotable__right span {
  color: #424a55;
  font-weight: 400;
  line-height: 150%;
}
.portfoliotable__data table {
  width: 100%;
}
.portfoliotable th {
  color: #424A55;
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 150%;
  background: #f3f5f7;
  box-shadow: 0px 1px 0px 0px #e8ecef;
}
.portfoliotable td {
  border-bottom: 1px solid #e8ecef;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  color: #141718;
}
.portfoliotable td .table-image {
  border-radius: 50%;
}
.portfoliotable td .table-image-text {
  font-size: 12px;
}
.portfoliotable td .table-button {
  padding: 7px 40px;
  cursor: pointer;
  width: 70%;
  font-size: 12px;
  color: #d84c10;
  background-color: #ecb49c;
  border-radius: 2px;
}
.portfoliotable th {
  padding: 10px;
  border-bottom: 1px solid #e8ecef;
  text-align: start;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  color: #141718;
}

@media (max-width: 991px) {
  .portfoliotable__data table {
    width: 991px;
    overflow-x: scroll;
  }
}
@media (max-width: 767px) {
  .portfoliotable__dropdown .drop-nice .nice-select span {
    font-size: 14px !important;
  }
}
@media (max-width: 480px) {
  .portfolio {
    padding: 30px 0 60px 0;
  }
}
.wallet-sizeing {
  padding-top: 65px;
}

.wallet-padding {
  padding-bottom: 120px;
  background-image: url("../images/wallet_banner.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: start;
}

.wallet__heading h1 {
  padding: 120px 0;
  color: white;
  font-weight: 600;
  line-height: 120%;
}
.wallet__card {
  padding: 20px 20px 40px 20px;
  border-radius: 10px;
  background: #fff;
}
.wallet__card-two {
  padding: 20px 20px 20px 20px;
  border-radius: 10px;
  background: #fff;
}
.wallet__top-left {
  height: 100%;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #e8ecef;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.wallet__top-left h4 {
  color: #21a450;
  font-weight: 600;
  line-height: 130%;
}
.wallet__top-left span {
  font-weight: 400;
  line-height: 150%;
}
.wallet__deposit_withdraw .deposit_item {
  width: 40%;
  padding: 6px 18px;
  border-radius: 8px;
  text-align: center;
  color: #000;
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  border: 2px solid #0084ff;
  background-image: linear-gradient(30deg, #0084ff 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  transition: background 400ms ease-in-out;
  transition: 0.5s linear;
}
.wallet__deposit_withdraw .deposit_item:hover {
  transition: 0.5s linear;
  background-position: 100%;
  color: #141718;
}
.wallet__deposit_withdraw .withdraw_item {
  width: 40%;
  padding: 6px 18px;
  border-radius: 8px;
  text-align: center;
  color: #000;
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
  border: 2px solid #0084ff;
  color: #141718;
  background-image: linear-gradient(30deg, #fff 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  transition: background 400ms ease-in-out;
  transition: 0.5s linear;
}
.wallet__deposit_withdraw .withdraw_item:hover {
  background-color: #0084ff;
  transition: 0.5s linear;
  background-position: 100%;
  color: #fff;
}
.wallet__top-right {
  height: 100%;
}
.wallet__middle h5 {
  color: #141718;
  font-weight: 500;
  line-height: 150%;
}
.wallet__middle .middle-link a {
  color: #0084ff;
  font-weight: 500;
  line-height: 150%;
}
.wallet__footer-card {
  height: 100%;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #e8ecef;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.wallet__footer-heading .metamask span {
  color: #141718;
  font-weight: 500;
  line-height: 150%;
}
.wallet__footer-heading p {
  font-weight: 400;
  line-height: 150%;
}
.wallet__footer-middle span {
  font-weight: 400;
  line-height: 150%;
}
.wallet__footer-middle a {
  color: #0084ff;
}
.wallet__footer-ethereum {
  padding: 5px 20px;
  border-radius: 10px;
  border: 1px solid #E8ECEF;
  background: #fff;
}

@media (max-width: 1399px) {
  .wallet h1 {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .wallet-padding {
    background-size: cover;
  }
  .wallet__deposit_withdraw .deposit_item {
    padding: 5px 20px;
  }
  .wallet__deposit_withdraw .withdraw_item {
    padding: 5px 15px;
  }
}
@media (max-width: 480px) {
  .wallet__card {
    padding: 10px 10px 25px 10px;
  }
  .wallet-sizeing {
    padding-top: 40px;
  }
}
.blog_padding {
  padding: 170px 0;
  background-image: url("../images/blog_banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}
.blog_padding h1 {
  color: white;
  font-weight: 600;
  line-height: 120%;
}

.blog_pd {
  padding-bottom: 100px;
}

.blogcard {
  height: 100%;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.blogcard__thumb img {
  border-radius: 10px;
  width: 100%;
}
.blogcard__date_time .date_blog {
  border-right: 1px solid #2c3655;
}
.blogcard__date_time span {
  color: #424a55;
  font-weight: 400;
  line-height: 150%;
}
.blogcard__title {
  color: #141718;
  font-weight: 600;
  line-height: 130%;
}
.blogcard p {
  font-weight: 400;
  line-height: 150%;
}
.blogcard__learn_more span {
  color: #0084FF;
  font-weight: 600;
  line-height: 130%;
}

@media (max-width: 1399px) {
  .blog_padding {
    padding: 140px 0;
  }
}
@media (max-width: 1199px) {
  .blog_padding {
    padding: 100px 0 !important;
  }
}
@media (max-width: 991px) {
  .blog_padding {
    padding: 100px 0;
  }
}
@media (max-width: 767px) {
  .blog_padding {
    padding: 80px 0 !important;
  }
}
@media (max-width: 575px) {
  .blog_padding {
    padding: 70px 0;
  }
}
@media (max-width: 480px) {
  .blog_padding {
    padding: 50px 0 !important;
  }
}
.blgodetails_padding {
  padding: 110px 0 110px 0;
  background-image: url("../images/blog_banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.blgodetails_padding h1 {
  padding-bottom: 110px;
  color: white;
  font-weight: 600;
  line-height: 120%;
}

.blog_card_pd {
  padding: 120px 0;
  background-color: #e8ecef;
}
.blog_card_pd .blog_card_title h5 {
  color: black;
  font-weight: 600;
  line-height: 130%;
}

.blgodetails-top {
  margin-top: -110px;
}

.blgodetails__thumb img {
  border-radius: 15px;
  width: 100%;
}
.blgodetails h2 {
  color: #141718;
  font-weight: 600;
  line-height: 120%;
}
.blgodetails P {
  color: #141718;
  font-weight: 400;
  line-height: 150%;
}
.blgodetails ul {
  list-style: inherit;
}
.blgodetails__blockquet {
  padding: 60px 105px;
  border-radius: 20px;
  background: #0084ff;
  box-shadow: 0px 5px 24px 0px rgba(165, 175, 227, 0.25);
}
.blgodetails__blockquet h4 {
  color: white;
  font-weight: 600;
  line-height: 130%;
}

.blogcard {
  height: 100%;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}
.blogcard__thumb img {
  border-radius: 10px;
  width: 100%;
}
.blogcard__date_time .date_blog {
  border-right: 1px solid #2c3655;
}
.blogcard__date_time span {
  color: #424a55;
  font-weight: 400;
  line-height: 150%;
}
.blogcard__title {
  color: #141718;
  font-weight: 600;
  line-height: 130%;
}
.blogcard p {
  font-weight: 400;
  line-height: 150%;
}
.blogcard__learn_more span {
  color: #0084ff;
  font-weight: 600;
  line-height: 130%;
}

@media (max-width: 1399px) {
  .blog_padding {
    padding: 140px 0;
  }
  .blog_card_pd {
    padding-top: 100px;
  }
}
@media (max-width: 1199px) {
  .blgodetails-top {
    margin-top: -80px;
  }
  .blgodetails_padding {
    padding: 80px 0;
  }
  .blgodetails_padding h1 {
    padding-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .blgodetails-top {
    margin-top: -60px;
  }
  .blgodetails_padding {
    padding: 70px 0;
  }
  .blgodetails_padding h1 {
    padding-bottom: 30px;
  }
  .blog_card_pd {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .blgodetails__blockquet {
    padding: 30px 50px;
  }
  .blgodetails__blockquet h4 {
    color: white;
    font-weight: 600;
    line-height: 130%;
  }
  .blog_card_pd {
    padding-top: 50px;
  }
}
@media (max-width: 575px) {
  .blgodetails-top {
    margin-top: -40px;
  }
  .blgodetails_padding {
    padding: 50px 0;
    background-size: cover;
  }
  .blgodetails_padding h1 {
    padding-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .blgodetails_padding {
    background-position: right;
  }
  .blgodetails__blockquet {
    padding: 20px 30px;
  }
  .blgodetails__blockquet h4 {
    color: white;
    font-weight: 600;
    line-height: 130%;
  }
  .blog_card_pd {
    padding-top: 30px;
  }
}
@media (max-width: 1799px) {
  .main-content .right-side-area .tow_area {
    width: 332px;
  }
}
@media (max-width: 1699px) {
  .main-content .right-side-area .tow_area {
    width: 300px;
  }
}
@media (max-width: 1599px) {
  .header-section .left-nav-area {
    width: 250px;
  }
  .header-section nav form input {
    width: 350px;
  }
  .main-content {
    margin-left: 276px;
  }
}
@media (max-width: 1499px) {
  .header-section nav form input {
    width: 250px;
  }
  .header-section .left-nav-area {
    width: 200px;
    padding: 10px 10px 30px 10px;
  }
  .header-section .left-nav-area .volume-area .liclick .menucontent ul li .dropdown-option .value-input-style {
    padding: 5px 10px;
  }
  .header-section .left-nav-area .volume-area .liclick .menucontent ul li .dropdown-option .value-input-style::-moz-placeholder {
    font-size: 14px;
  }
  .header-section .left-nav-area .volume-area .liclick .menucontent ul li .dropdown-option .value-input-style::placeholder {
    font-size: 14px;
  }
  .main-content {
    margin-left: 221px;
  }
}
@media (max-width: 1399px) {
  .done-for-li {
    display: none !important;
  }
  .header-section nav .right-items .uniq-item {
    display: none;
  }
  .left-nav-area {
    max-height: 73vh !important;
  }
  .main-content .right-side-area .tow_area {
    position: fixed;
    right: 0;
    transform: translateX(100%);
    transition: 0.35s;
    padding-bottom: 50px;
  }
  .main-content .right-side-area .tow_area.show {
    transform: translateX(0%);
    transition: 0.35s;
  }
  .main-content .right-side-area .tow_area .top-area {
    right: 0;
    margin-top: 20px;
  }
  .main-content .right-side-area .tow_area .down-area {
    margin-top: 20px;
    right: 0;
    top: 119px;
  }
}
@media (max-width: 1199px) {
  .f24-extra {
    font-size: 20px;
    line-height: 150%;
  }
  .main-content {
    margin-left: 212px;
  }
  .main-content .card {
    padding: 12px 15px;
  }
  .main-content .card__market a {
    font-size: 14px;
    line-height: 130%;
    padding: 3px 10px;
  }
}
@media (max-width: 991px) {
  .header-section nav {
    margin: 0 30px;
  }
  .header-section nav .right-items ul li .nav-link {
    padding: 0 1px;
  }
  .header-section nav .right-items .right-area .button-style {
    padding: 5px 15px;
    border-radius: 8px;
    background-color: #0084ff;
    border: none;
    color: #ffffff;
  }
  .header-section .none_two {
    display: block !important;
  }
  .header-section .left-nav-area {
    margin-top: 29px !important;
    transform: translateX(-100%);
    transition: 0.35s;
  }
  .header-section .left-nav-area.show {
    transform: translateX(0);
  }
  .main-content {
    margin-left: 10px;
  }
  .main-content .pd-maintain {
    padding-left: 0;
  }
  .main-content .pd-maintain .middle-area {
    margin: 0 12px;
  }
}
@media (max-width: 767px) {
  .header-section nav .form-part {
    position: absolute;
    top: 100%;
    left: 20%;
    transform: translateY(100%);
    transition: 0.35s;
    opacity: 0;
    visibility: hidden;
  }
  .header-section nav .form-part.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
  .header-section nav .form-part .search-box i {
    background-color: inherit;
    font-size: 32px;
  }
  .header-section nav .form-part .search-box .search-style {
    font-size: 28px;
    padding: 7.1px 5.71px;
    color: black;
    border-radius: 0px 8px 8px 0px;
    background-color: var(--primary-color);
    cursor: pointer;
  }
  .header-section nav .right-items ul li a {
    display: none;
  }
  .header-section nav .right-items ul li i {
    cursor: pointer;
    color: #141718;
    font-size: 28px;
  }
  .header-section nav .right-items .right-area .button-style {
    padding: 5px 10px;
  }
  .header-section nav .right-items .modal-dialog .modal-content {
    width: 100%;
  }
  .header-section nav .right-items .modal-dialog .modal-content .modal-body {
    padding: 10px 15px;
  }
  .header-section nav .right-items .modal-dialog .modal-content .modal-body h3 {
    margin-bottom: 20px;
  }
  .header-section nav .right-items .modal-dialog .modal-content .modal-body ul li a {
    font-size: 16px;
    display: block;
  }
  .header-section nav .right-items .modal-dialog .modal-content .modal-body ul li a i {
    font-size: 30px;
    margin-right: 10px;
  }
  .header-section nav .right-items .modal-dialog .modal-content .modal-body ul li a img {
    margin-right: 5px;
    width: 30px;
  }
  .header-section nav .right-items .modal-dialog .modal-content .modal-body ul li .google-style {
    padding: 5px 10px;
  }
  .header-section nav .right-items .modal-dialog .modal-content .modal-body ul li .apple-style {
    padding: 5px 10px;
  }
  .header-section nav .right-items .modal-dialog .modal-content .modal-body .login-form .login-item .email-style {
    width: 100%;
  }
  .header-section nav .right-items .modal-dialog .modal-content .modal-body .login-form .login-item .email-style::-moz-placeholder {
    font-size: 16px;
  }
  .header-section nav .right-items .modal-dialog .modal-content .modal-body .login-form .login-item .email-style::placeholder {
    font-size: 16px;
  }
  .header-section nav .right-items .modal-dialog .modal-content .modal-body .login-form .login-item .password-style {
    width: 100%;
  }
  .header-section nav .right-items .modal-dialog .modal-content .modal-body .login-form .login-item .password-style::-moz-placeholder {
    font-size: 16px;
  }
  .header-section nav .right-items .modal-dialog .modal-content .modal-body .login-form .login-item .password-style::placeholder {
    font-size: 16px;
  }
  .header-section nav .right-items .modal-dialog .modal-content .modal-body .login-form .login-item button {
    font-size: 16px;
  }
  .main-content .payment {
    padding: 0;
  }
  .main-content .payment__thumb {
    width: 70px;
    height: 70px;
    padding: 10px;
  }
  .main-content .long-arrow img {
    width: 12%;
    top: 47%;
  }
  .main-content .long-arrow2 img {
    width: 12%;
    top: 47%;
  }
  .modal-dialog .modal-content {
    width: 100%;
  }
  .modal-dialog .modal-content .modal-body {
    padding: 10px 15px;
  }
  .modal-dialog .modal-content .modal-body h3 {
    margin-bottom: 20px;
  }
  .modal-dialog .modal-content .modal-body ul li a {
    font-size: 16px;
    display: block;
  }
  .modal-dialog .modal-content .modal-body ul li a i {
    font-size: 30px;
    margin-right: 10px;
  }
  .modal-dialog .modal-content .modal-body ul li a img {
    margin-right: 5px;
    width: 30px;
  }
  .modal-dialog .modal-content .modal-body ul li .google-style {
    padding: 5px 10px;
  }
  .modal-dialog .modal-content .modal-body ul li .apple-style {
    padding: 5px 10px;
  }
  .modal-dialog .modal-content .modal-body .login-form .login-item .email-style {
    width: 100%;
  }
  .modal-dialog .modal-content .modal-body .login-form .login-item .email-style::-moz-placeholder {
    font-size: 16px;
  }
  .modal-dialog .modal-content .modal-body .login-form .login-item .email-style::placeholder {
    font-size: 16px;
  }
  .modal-dialog .modal-content .modal-body .login-form .login-item .password-style {
    width: 100%;
  }
  .modal-dialog .modal-content .modal-body .login-form .login-item .password-style::-moz-placeholder {
    font-size: 16px;
  }
  .modal-dialog .modal-content .modal-body .login-form .login-item .password-style::placeholder {
    font-size: 16px;
  }
  .modal-dialog .modal-content .modal-body .login-form .login-item button {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .header-section {
    background-color: var(--pn-30);
  }
  .header-section nav {
    margin: 0 10px;
  }
  .header-section nav .navbar-brand .logo-text {
    display: none;
  }
  .main-content .long-arrow {
    display: none;
  }
  .main-content .long-arrow2 {
    display: none;
  }
}
@media (max-width: 480px) {
  .header-section nav {
    margin: 0;
  }
  .header-section nav .navbar-brand {
    padding: 0;
    margin: 0;
  }
  .header-section nav .navbar-brand .logo {
    width: 20px;
    height: 27px;
  }
  .header-section nav form input {
    width: 209px;
    border-radius: 8px 0px 0px 8px;
    border: 1px solid #0084ff;
    padding: 5px 10px;
  }
  .header-section nav .right-items ul li i {
    font-size: 20px;
  }
  .header-section nav .right-items .right-area .button-style {
    font-size: 14px;
    padding: 3px 10px;
  }
  .header-section nav .right-items .modal-dialog .modal-content .modal-body .footer-icon ul li img {
    width: 30px;
    height: auto;
  }
  .header-section .none_two i {
    font-size: 22px;
    margin-top: -1px;
  }
  .header-section nav .form-part .search-box .search-style {
    padding: 4.1px 2.71px;
  }
  .footermenu__item ul {
    height: 50px;
  }
  .main-content {
    padding-top: 55px;
  }
  .main-content .middle-area {
    margin: 0 8px;
  }
  .main-content .banner-bg {
    background-color: #3e90f0;
    border-radius: 20px;
  }
  .main-content .banner-bg .banner {
    padding: 40px 0px 40px 0px !important;
  }
  .main-content .banner-bg .banner .btn_group a {
    padding: 5px 9px;
    border-radius: 4px;
    font-size: 14px;
  }
  .main-content .filter-area ul li .filter_btn:active {
    width: 85px;
    height: 35px;
    display: flex;
    align-items: center;
  }
  .modal-dialog .modal-content .modal-body .footer-icon ul li img {
    width: 30px;
    height: auto;
  }
  #searchArea3 {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */