/*! Flickity v2.2.0
https://flickity.metafizzy.co
-------------------------- ---*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Hind&family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,700&family=Mulish:wght@600&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,700&family=Raleway:wght@700&family=Roboto:wght@400;700&display=swap");

#chartjs-tooltip {
  background: linear-gradient(178.98deg, #315efb .87%, #0f123f 157.57%);
  padding: 12px 20px;
  color: #fff;
  border-radius: 8px 8px 8px 8px;
  z-index: 1000;
  width: 149px;
  font-weight: 400;
  position: fixed
}

#chartjs-tooltip:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform-origin: center;
  transform: translate(-50%) rotate(45deg) scale(2);
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50px 0 15px 0;
  z-index: -10;
  background: #1f2789
}

#chartjs-tooltip table thead tr th {
  font-size: 14px;
  color: hsla(0, 0%, 100%, .58);
  font-weight: 500
}

#chartjs-tooltip table {
  font-weight: 400
}

#chartjs-tooltip table tbody {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .02em
}

.tooltip {
  box-shadow: 0 16px 64px 8px rgba(31, 47, 70, .15) !important
}

.tooltip,
.tooltip * {
  --color-arrow: #fff;
  background: #fff !important
}

.tooltip-inner.tooltip-inner {
  background-color: var(--color-arrow) !important;
  box-shadow: 0 4px 8px 0 rgba(15, 21, 44, .11);
  color: #000 !important
}

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: var(--color-arrow)
}

.tooltip.bs-tooltip-left .arrow:before {
  border-left-color: var(--color-arrow)
}

.tooltip.bs-tooltip-bottom .arrow:before {
  border-bottom-color: var(--color-arrow)
}

.tooltip.tooltip.tooltip.bs-tooltip-top .arrow:before {
  border-top-color: var(--color-arrow);
  box-shadow: 0 4px 8px 0 rgba(15, 21, 44, .02);
  transform: translateY(-5%)
}

.main-wrapper {
  display: flex;
  flex-wrap: wrap;
  min-height: 100%
}

.main-wrapper-inner {
  width: 50%;
  background: #0f123f;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 30px 15px
}

.logo-item {
  padding-left: 45px;
  padding-bottom: 30px
}

.logo-item img {
  max-width: 100%
}

.banking-item {
  width: 100%;
  margin: auto
}

.main-carousel {
  max-width: 524px;
  margin: auto;
  text-align: center
}

.carousel-cell {
  width: 100%

}

.carousel-cell img {
  width: 100%;
  display: block;
  margin-bottom: 56px
}

.carousel-cell h2 {
  font-weight: 600;
  font-size: 26px;
  margin: 0 0 23px
}

.carousel-cell h2,
.carousel-cell p {
  font-family: Poppins, sans-serif;
  color: #fff
}

.carousel-cell p {
  font-weight: 400;
  font-size: 16px;
  margin: 0
}

/*! Flickity v2.2.0
https://flickity.metafizzy.co
-------------------------- ---*/
.flickity-enabled {
  position: relative
}

.flickity-enabled:focus {
  outline: none
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%
}

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.flickity-page-dots {
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
  margin: 56px 0 0
}

.flickity-rtl .flickity-page-dots {
  direction: rtl
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 4px;
  background: #4c70ff;
  border-radius: 50%;
  opacity: .3;
  cursor: pointer
}

.flickity-page-dots .dot.is-selected {
  opacity: 1
}

.main-wrapper-inner2 {
  width: 50%
}

.form-item {
  width: 100%
}

.form-item form {
  max-width: 636px;
  margin: 0 auto
}

.form-item2 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 30px 15px 124px
}

.form-item form>img {
  max-width: 100%;
  display: block;
  margin-bottom: 13px
}

.form-item form h2 {
  font-weight: 700;
  font-size: 35px;
  color: #000;
  margin: 0 0 8px
}

.form-item form h6 {
  font-weight: 500;
  font-size: 25px;
  color: #000;
  margin: 0 0 39px
}

.form-item form h6 a {
  font-size: var(--f-size);
  font-weight: 700;
  color: #3351e8;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: .2s all ease
}

.form-item form h6 a:hover {
  opacity: .8
}

.form-item-inner {
  position: relative
}

.form-item-inner2 input,
.form-item-inner input {
  font-weight: 400;
  font-size: 16px;
  color: #7b8389;
  width: 100%;
  height: 76px;
  display: flex;
  align-items: center;
  padding-left: 80px;
  padding-right: 22px;
  border: none;
  background: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  border-radius: 8px;
  margin-bottom: 23px
}

.form-item-inner img {
  position: absolute;
  width: 29px;
  top: 50%;
  transform: translateY(-50%);
  left: 36px
}

.form-item-inner2 {
  position: relative
}

.form-item-inner2 img {
  position: absolute;
  width: 26px;
  top: 50%;
  transform: translateY(-50%);
  left: 40px
}

.form-item p {
  font-weight: 700;
  font-size: 18px;
  color: #80848c;
  margin: 12px 0 11px
}

.form-group {
  display: block;
  margin-bottom: 0
}

.form-group input {
  padding: 0;
  height: auto;
  width: auto;
  margin-bottom: 0;
  display: none;
  cursor: pointer
}

.form-group label {
  position: relative;
  cursor: pointer;
  font-weight: 500;
  font-size: 18px;
  color: #80848c;
  display: block;
  margin: 0
}

.form-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  background: #fff;
  border-radius: 8px;
  width: 28px;
  height: 30px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 18px
}

.form-group input:checked+label:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 12px;
  width: 6px;
  height: 14px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg)
}

.hamburger {
  padding-top: 7px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: .15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  outline: 0 !important
}

.hamburger:hover {
  opacity: .7
}

.hamburger-box {
  width: 35px;
  height: 22px;
  display: inline-block;
  position: relative
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  width: 35px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: ease
}

.hamburger-inner:after,
.hamburger-inner:before {
  content: "";
  display: block
}

.hamburger-inner:before {
  top: -10px
}

.hamburger-inner:after {
  bottom: -10px
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: 75ms;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner:before {
  transition: top 75ms ease .12s, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
  transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  transition: top 75ms ease, opacity 75ms ease .12s
}

.hamburger--squeeze.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s
}

.profile-area h4 {
  font-weight: 600;
  font-size: 16px;
  color: #000
}

.profile-area h4,
.profile-area p {
  font-family: Poppins, sans-serif;
  font-style: normal;
  text-align: left;
  margin: 0
}

.profile-area p {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #8f8f8f
}

.avatar-item {
  position: relative
}

.avatar-item:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #087f00;
  border-radius: 50px;
  position: absolute;
  bottom: 0;
  right: 1px
}

.avatar-item img {
  width: 45px;
  height: 45px;
  border-radius: 50%
}

.nofication-alert {
  margin-left: 70px
}

.notify-item img {
  width: 21px
}

.notify-item {
  position: relative
}

.notify-item a {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f8ff;
  border-radius: 50%
}

.ntifon-area {
  width: 320px;
  top: 0;
  left: 0;
  transform: translate3d(20px, 39px, 0);
  box-shadow: 0 1px 8px hsla(0, 0%, 43.1%, .1);
  -webkit-box-shadow: 0 1px 8px hsla(0, 0%, 43.1%, .1)
}

.dropdown-menu {
  border: none;
  box-shadow: 0 1px 8px hsla(0, 0%, 43.1%, .3);
  border-radius: 8px;
  min-width: 100%
}

.noti-title p {
  border-bottom: 1px solid #e9ecef;
  padding: 5px 20px 10px;
  font-weight: 600;
  margin: 0
}

.noti-title p,
.seeall a {
  font-family: Poppins, sans-serif;
  color: #0a043c;
  font-size: 14px
}

.seeall a {
  padding: 8px 15px;
  font-weight: 400;
  display: inline-block;
  text-align: center
}

.noti-item {
  display: flex;
  padding: 5px 15px
}

.noti-icon {
  width: 6%;
  font-size: 23px
}

.noti-arrow {
  width: 6%;
  text-align: right;
  font-size: 18px;
  color: #90a1ac
}

.noti-time {
  width: 88%;
  padding: 0 20px;
  box-sizing: border-box
}

.noti-time h5 {
  font-size: 14px;
  margin: 0 0 5px
}

.noti-time h5,
.noti-time p {
  font-family: Poppins, sans-serif;
  font-weight: 400
}

.noti-time p {
  font-size: 12px;
  margin: 0;
  color: #90a1ac
}

.noti-wrap a {
  font-family: Poppins, sans-serif;
  color: #0a043c;
  border-bottom: 1px solid #e9ecef;
  display: block;
  padding: 5px 0;
  transition: all .1s ease;
  -webkit-transition: all .1s ease
}

.noti-wrap a:hover {
  background-color: #f4f8fa
}

@media screen and (min-width:992px) and (max-width:1200px) {
  .main-right-col {
    -ms-flex: 0 0 calc(100% - 250px);
    flex: 0 0 calc(100% - 250px);
    max-width: calc(100% - 250px)
  }
}

@media screen and (min-width:1200px) {
  .main-right-col {
    -ms-flex: 0 0 calc(100% - 270px);
    flex: 0 0 calc(100% - 270px);
    max-width: calc(100% - 270px)
  }
}

.main-right-col {
  background-color: #f8f8ff;
  min-height: 100vh
}

.logo img {
  max-height: 160px
}

.left-menu ul {
  list-style: none;
  padding: 0;
  margin: 75px 0 0
}

.left-menu ul li img {
  margin-right: 35px;
  width: 22px
}

.left-menu ul li .message {
  width: 8px;
  height: 8px;
  display: inline-block;
  background: #ff7675;
  border-radius: 30px;
  position: relative;
  left: 30px;
  top: -4px
}

.offcanvas {
  position: fixed;
  z-index: 1000;
  display: none;
  transform: translateZ(0);
  transition: transform .4s cubic-bezier(.645, .045, .355, 1);
  box-sizing: border-box
}

.mobile-menu-wrap {
  min-height: 100vh;
  display: flex;
  flex-direction: column
}

.offcanvas--top {
  bottom: 100%;
  left: 0;
  width: 100%
}

.offcanvas--top--active {
  transform: translate3d(0, 100%, 0)
}

.offcanvas--right {
  top: 0;
  left: 100%;
  height: 100%
}

.offcanvas--right--active {
  transform: translate3d(-100%, 0, 0)
}

.offcanvas--bottom {
  top: 100%;
  left: 0;
  width: 100%
}

.offcanvas--bottom--active {
  transform: translate3d(0, -100%, 0)
}

.offcanvas--left {
  top: 0;
  right: 100%;
  height: 100%
}

.offcanvas--left--active {
  transform: translate3d(100%, 0, 0)
}

.offcanvas--initialized {
  display: block
}

#my-navigation {
  background-color: #0f123f;
  color: #fff;
  width: 250px;
  z-index: 9999
}

.close-icon {
  margin: 0 0 0 auto;
  padding: 0 0 0 15px;
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
  cursor: pointer
}

.close-icon:after,
.close-icon:before {
  content: "";
  background: #fff;
  position: absolute;
  height: 100%;
  width: 4px;
  border-radius: 3px
}

.close-icon:before {
  transform: rotate(45deg)
}

.close-icon:after {
  transform: rotate(-45deg)
}

.box-part {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 50px;
  padding: 25px 0
}

.box-item {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center
}

.box-item img {
  max-width: 54px
}

.box-cnt {
  margin-left: 25px
}

.box-cnt p {
  font-weight: 500;
  font-size: 12px;
  color: #babec6;
  margin: 0
}

.box-cnt h2,
.box-cnt p {
  font-family: Poppins, sans-serif;
  letter-spacing: .02em
}

.box-cnt h2 {
  font-weight: 600;
  font-size: 30px;
  color: #0f123f;
  margin: 8px 0
}

.chart-upper {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.chart-box {
  margin-top: 20px;
  background: #fff;
  padding: 25px 16px 10px;
  box-shadow: 0 20px 70px rgba(86, 89, 146, .1)
}

.chart-left h4 {
  font-weight: 600;
  font-size: 23px;
  color: #0f123f
}

.chart-left h4,
.chart-left p {
  font-family: Poppins, sans-serif;
  margin: 0
}

.chart-left p {
  font-weight: 400;
  font-size: 17px;
  letter-spacing: .02em;
  color: #babec6
}

.chart-box img {
  width: 100%
}

.chart-right span {
  color: #babec6
}

.chart-right select,
.chart-right span {
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 17px
}

.chart-right select {
  color: #0f123f;
  background: transparent;
  border: none;
  outline: none
}

.overview-part {
  background: #fff;
  box-shadow: 0 20px 70px rgba(86, 89, 146, .1);
  padding: 20px 20px 50px;
  border-radius: 10px;
  margin-top: 30px
}

.over-uper {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.over-uper h4 {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 23px;
  color: #0f123f;
  margin-bottom: 0
}

.over-uper span {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f8ff;
  border-radius: 50%
}

.over-uper span img {
  max-width: 12px
}

.overview-table table {
  width: 100%
}

.overview-table tr th {
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 17px;
  letter-spacing: .02em;
  color: #babec6;
  padding: 12px 0
}

.overview-table tr td {
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #0f123f;
  padding: 14px 0
}

.overview-table tr td span {
  font-size: 16px;
  color: #babec6;
  cursor: pointer
}

.overview-table tr td a {
  width: 105px;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  color: #0f123f;
  border: 1px solid #0f123f;
  display: inline-block;
  padding: 8px 16px;
  box-sizing: border-box;
  border-radius: 10px
}

.overview-table tr td .active,
.overview-table tr td a:hover {
  color: #babec6;
  background: #0f123f
}

.overview-table .over-inner {
  display: flex;
  align-items: center
}

.overview-table .over-inner img {
  max-width: 40px;
  border-radius: 10px
}

.overview-table .over-cnt {
  margin-left: 10px
}

.overview-table .over-cnt h4 {
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 8.575px;
  text-align: justify;
  color: #272727
}

.overview-table .over-cnt p {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 11.025px;
  text-align: justify;
  color: #b5b5b5;
  margin-bottom: 0
}

.house-area {
  padding: 60px 0
}

.house-area .col-md-6,
.house-area .row {
  padding-left: 5px;
  padding-right: 5px
}

.house-item img {
  width: 100%
}

.house-item {
  background: #fff;
  box-shadow: 0 24px 60px rgba(51, 51, 51, .16);
  position: relative
}

.house-item ul {
  position: absolute;
  top: 24px;
  left: 24px
}

.house-item ul li {
  font-family: Poppins, sans-serif;
  display: inline-block;
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
  color: #333;
  background: hsla(0, 0%, 100%, .8);
  margin: 0 4px;
  padding: 8px 15px
}

.house-cnt {
  padding: 24px
}

.house-cnt h2 {
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #333
}

.house-cnt span {
  color: #999
}

.house-cnt p,
.house-cnt span {
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 16px
}

.house-cnt p {
  color: #333;
  margin: 25px 0
}

.house-cnt h6 {
  font-size: 14px;
  font-weight: 400;
  color: #333
}

.house-cnt h6 strong {
  font-weight: 700;
  font-size: 16px;
  color: #3b82f6
}

.house-mdl {
  background: #fff;
  box-shadow: 0 80px 120px rgba(51, 51, 51, .4)
}

.house-mdl ul {
  border-top: 1px solid #ececec;
  padding-top: 30px;
  margin-top: 5px
}

.house-mdl ul li {
  font-family: Poppins, sans-serif;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 400;
  font-size: 16px;
  color: #333;
  padding: 5px 24px
}

.house-mdl a,
.house-mdl ul li strong {
  font-weight: 700
}

.house-mdl a {
  font-family: Poppins, sans-serif;
  display: block;
  width: 100%;
  margin-top: 24px;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  background: #3b82f6;
  padding: 24px 40px 22px;
  text-align: center
}

.house-cnt .progress {
  background: #ececec;
  height: 8px;
  border-radius: 0;
  margin-bottom: 8px
}

.house-cnt .progress-bar {
  width: 60%;
  background: #3b82f6
}

@media screen and (min-width:1200px) and (max-width:1500px) {

  .house-item,
  .house-mdl {
    min-height: 500px;
    display: flex;
    flex-direction: column
  }

  .house-mdl ul li {
    font-size: 14px;
    padding: 5px 15px
  }

  .house-mdl a {
    padding: 16px 20px;
    margin-top: auto
  }

  .house-mdl ul {
    margin-top: 0;
    padding-top: 21px
  }
}

.house-hover {
  position: relative
}

.house-mdl {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .3s ease
}

.house-hover:hover .house-mdl {
  opacity: 1
}

.house-item,
.house-mdl {
  min-height: 525px;
  display: flex;
  flex-direction: column
}

.house-mdl a {
  margin-top: auto
}

.houser-area2 .house-hover {
  margin: 12px 0
}

.proj-title h2 {
  font-family: Poppins, sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #333;
  margin: 0
}

@media screen and (min-width:1200px) {
  .projmrt-right {
    justify-content: space-between
  }
}

@media screen and (min-width:1200px) and (max-width:1449px) {
  .proj-title h2 {
    font-size: 32px
  }
}

.submit-prj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 45px
}

.submit-prj p {
  font-weight: 400;
  font-size: 24px;
  color: #999;
  margin: 0
}

.submit-prj a,
.submit-prj p {
  font-family: Poppins, sans-serif
}

.submit-prj a {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  background: #3b82f6;
  display: inline-block;
  padding: 20px 40px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  transition: all .2s ease
}

.submit-prj a:hover {
  opacity: .9
}

.submit-prjleft {
  width: 70%
}

.houser-area2 {
  padding-top: 30px
}

.house-btn a {
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #336ee1;
  border: 1px solid #336ee1;
  padding: 20px 40px;
  transition: all .2s ease
}

.house-btn a:hover {
  background: #336ee1;
  color: #fff
}

.investor-part {
  padding: 50px 0
}

.investor-part h2 {
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 48px;
  color: #333
}

.investor-part p {
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #999;
  margin-top: 24px
}

.raising-part {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 60px 0 100px
}

.raise-left h2 {
  font-weight: 700;
  font-size: 48px;
  color: #333
}

.raise-left h2,
.raise-left p {
  font-family: Poppins, sans-serif
}

.raise-left p {
  font-weight: 400;
  font-size: 24px;
  color: #999;
  margin-top: 24px
}

.raise-right a {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  background: #f57b0a;
  display: inline-block;
  padding: 20px 60px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  transition: all .2s ease
}

.raise-left {
  width: 70%
}

.raise-right a:hover {
  opacity: .9
}

.projmrt-right .proj-title .wallet-ttl {
  font-size: 30px
}

@media screen and (min-width:992px) {
  .wallet-mrtright {
    justify-content: space-between
  }
}

.balance-part {
  padding: 55px 0
}

.balance-uper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 10px 0
}

.balance-uper h2 {
  font-weight: 500;
  font-size: 25px;
  color: #000
}

.balance-uper a {
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #197bbd
}

.balance-uper a i {
  font-size: 18px;
  display: inline-block;
  margin-left: 8px
}

.balance-main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px
}

.balance-item {
  background: #fff;
  padding: 10px;
  border-radius: 2px;
  box-shadow: 0 6px 4px rgba(0, 0, 0, .25)
}

.balance-item h4 {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20px;
  color: #babec6;
  margin: 0
}

.balance-item h4 img {
  max-width: 25px;
  margin-right: 15px
}

.balance-item h4 a {
  font-size: 16px;
  color: #000;
  display: block;
  margin-left: auto
}

.balance-item h2 {
  font-weight: 700;
  font-size: 36px;
  text-align: center;
  color: #197bbd;
  margin: 35px 0
}

.blnc-btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px
}

.blnc-btm a {
  font-weight: 700;
  font-size: 21px;
  letter-spacing: -.3px;
  color: #197bbd
}

.blnc-btm a img {
  max-width: 25px;
  margin-right: 10px
}

.balance-item3 a {
  font-weight: 700;
  font-size: 19px;
  color: #197bbd;
  display: block;
  text-align: center;
  padding: 40px 0;
  background: rgba(25, 123, 189, .2);
  border-radius: 5px
}

.balance-item3 a img {
  display: block;
  max-width: 75px;
  margin: 18px auto 0
}

@media screen and (min-width:1200px) and (max-width:1400px) {
  .balance-item h4 {
    font-size: 20px
  }

  .balance-item h4 img {
    max-width: 20px
  }

  .balance-item h2 {
    font-size: 30px
  }

  .blnc-btm a {
    font-size: 18px
  }

  .blnc-btm a img {
    max-width: 20px
  }
}

.asset-item h4 {
  font-weight: 700;
  font-size: 25px;
  color: #fff
}

.asset-item h4 a {
  color: #fff
}

.asset-item h2 {
  font-weight: 700;
  font-size: 36px;
  letter-spacing: .04em;
  color: #fff
}

.asset-item .blnc-btm a {
  color: #fff
}

.asset-bg1 {
  background: linear-gradient(106.15deg, #3431c2 6.17%, #cd2525 102.88%);
  box-shadow: 0 6px 4px rgba(0, 0, 0, .25)
}

.asset-bg2 {
  background: linear-gradient(106.15deg, #31c285 6.17%, #254acd 102.88%);
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.transaction-part {
  padding: 40px 0 80px
}

.transaction-part h2 {
  font-weight: 500;
  font-size: 25px;
  color: #000
}

.transaction-part p {
  font-weight: 700;
  font-size: 18px;
  color: #000;
  margin: 20px 0
}

.transaction-part p a {
  font-weight: 500;
  font-size: 15px;
  color: #fff;
  background: #2366b5;
  border: none;
  outline: none;
  padding: 4px 24px;
  border-radius: 3px;
  display: inline-block;
  margin-left: 12px
}

.transaction-part p a i {
  margin-left: 3px
}

.trans-table table {
  width: 100%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
  border-radius: 2px
}

.trans-table table tr th {
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  background: #2366b5;
  padding: 12px 0
}

.trans-table table tr td:first-child a {
  font-weight: 700;
  font-size: 9.85714px;
  color: #d0021b;
  background: rgba(208, 2, 27, .22);
  width: 75px;
  display: inline-block;
  text-align: center;
  padding: 3px 5px;
  border-radius: 82.1429px
}

.trans-table table tr td:first-child .bg-green {
  color: #0a9707;
  background: rgba(10, 151, 7, .23)
}

.trans-table table tr td:first-child .bg-gray {
  color: #2366b5;
  background: rgba(35, 102, 181, .22)
}

.trans-table table tr td:first-child .bg-navy {
  color: #fff;
  background: #3a408f
}

.trans-table table tr td:first-child .bg-golud {
  color: #fff;
  background: #f57b0a
}

.trans-table table tr td p {
  font-weight: 400;
  font-size: 12px;
  color: #263238
}

.trans-table table tr td a {
  font-weight: 500;
  font-size: 10px;
  color: #336ee1
}

.trans-table table tr td .red {
  font-weight: 700;
  font-size: 12px;
  color: #d80606
}

.trans-table table tr td .green {
  color: #087f00;
  font-weight: 700;
  font-size: 12px
}

.trans-table table tr td .black {
  color: #000;
  font-weight: 700;
  font-size: 12px
}

.trans-table table tr td .dot {
  font-size: 15px;
  color: #000
}

.trans-table table tr td:first-child,
.trans-table table tr td:last-child,
.trans-table table tr th:first-child {
  padding-left: 20px
}

.trans-btn {
  padding: 30px 0;
  text-align: center
}

.trans-btn a {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #336ee1;
  border: 1px solid #336ee1;
  display: inline-block;
  padding: 18px 75px;
  transition: all .2s ease
}

.trans-btn a:hover {
  background: #336ee1;
  color: #fff
}

.cursor-pointer {
  cursor: pointer
}

.popup-btn button {
  width: 180px;
  display: block;
  margin: 50px auto;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  background: #000;
  text-align: center;
  padding: 14px 15px;
  border-radius: 10px;
  border: none;
  outline: none
}

.list_address_sends li {
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
  border: 1px solid #a6b0c3
}

.list_address_sends li:hover {
  background-color: #a6b0c3;
  border: 1px solid #197bbd
}

#to_address {
  padding-right: 80px
}

.list_address_sends {
  display: none;
  padding: 9px;
  border: 1px solid #a6b0c3;
  border-radius: 5px
}

.asset_exist_list ul {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  outline: 0
}

.asset_exist_list li img {
  width: 30px;
  height: 30px;
  margin-right: 10px
}

.asset_exist_list li {
  -webkit-box-pack: justify;
  -webkit-box-align: center;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer
}

.asset_exist_list li:first-child {
  border-top: 1px solid #e5e5e5
}

.asset_exist_list li:hover {
  background-color: #e5e5e5
}

#preview {
  width: 100%;
  margin: 0 auto
}

.edit_image_profile {
  left: 0 !important;
  top: 0 !important;
  transform: none !important;
  border-radius: 5px
}

.max_amount {
  right: 10px;
  top: 12px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number] {
  -moz-appearance: textfield
}

.dropbtn {
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  background: #fff;
  border: 1px solid #a6b0c3;
  padding: 10px 16px;
  border-radius: 6px;
  margin-bottom: 20px;
  outline: none
}

.dropdown {
  position: relative;
  display: block
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
  z-index: 1
}

.dropdown-content a {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  cursor: pointer
}

.dropdown-content a:hover {
  background-color: #a6b0c3
}

.dropdown:hover .dropdown-content {
  display: block
}

.dropdown:hover .dropbtn {
  background-color: #a6b0c3
}

.assets_dropdown .dropdown-toggle:after {
  position: absolute;
  vertical-align: middle;
  top: 47%;
  right: 7px
}

.assets_dropdown button.dropdown-toggle {
  width: 100%;
  display: block;
  text-align: left;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: inherit;
  background: transparent;
  padding: 14px 16px;
  outline: none;
  border-radius: 8px;
  transition: all .2s ease;
  border: 1px solid #a6b0c3
}

.assets_dropdown .btn-success:not(:disabled):not(.disabled).active,
.assets_dropdown .btn-success:not(:disabled):not(.disabled):active,
.assets_dropdown.show>.btn-success.dropdown-toggle {
  color: inherit;
  background-color: transparent;
  border-color: #a6b0c3
}

.assets_dropdown .dropdown-menu {
  min-width: 100%
}

.assets_dropdown .dropdown-item {
  cursor: pointer
}

.actions_button_remove {
  display: block;
  margin: 0 auto;
  text-align: center
}

.actions_button_remove button {
  display: inline-block
}

.actions_button_remove .btn-danger {
  color: #fff !important;
  background-color: #c82333 !important;
  border-color: #bd2130 !important
}

.actions_button_remove .btn-success {
  color: #fff !important;
  background-color: #197bbd !important;
  border-color: #197bbd !important
}

.actions_button_remove .btn-warning {
  color: #fff !important;
  background-color: #f57b0a !important;
  border-color: #f57b0a !important
}

.logo-2nw img {
  max-width: 150px
}

.left-menu .new-menu {
  margin-top: 42px
}

.menu-btm {
  background: linear-gradient(180deg, #315efb, #0f123f);
  padding: 28px 15px 35px;
  border-radius: 10px;
  margin-top: 205px
}

.menu-btm img {
  max-width: 95px;
  display: block;
  margin: 0 auto
}

.menu-btm p {
  font-weight: 400;
  font-size: 19px;
  color: #fff;
  margin: 15px 0
}

.menu-btm a {
  font-weight: 500;
  font-size: 14px;
  display: block;
  text-align: center;
  color: #fff;
  background: #3b82f6;
  padding: 8px 16px;
  box-shadow: 0 1px 2px rgba(6, 25, 56, .05);
  border-radius: 8px;
  transition: all .2s ease
}

.menu-btm a:hover {
  opacity: .85
}

#my-navigation {
  overflow-y: scroll !important
}

.right-newhead h2 {
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 30px;
  color: #000
}

.disclaim-part {
  max-width: 874px;
  margin: 0 auto;
  text-align: center;
  padding: 50px 0
}

.disclaim-part h2 {
  font-weight: 700;
  font-size: 30px
}

.disclaim-part h2,
.disclaim-part p {
  font-family: Poppins, sans-serif;
  text-align: center;
  color: #000
}

.disclaim-part p {
  font-weight: 500;
  font-size: 14px;
  margin-top: 25px
}

.disclaim-part label {
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #000;
  margin-top: 24px;
  margin-left: 5px
}

.disclaim-part label a {
  color: #000;
  text-decoration: underline
}

.disclaim-part .cont-btn {
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  background: #3b82f6;
  display: inline-block;
  margin-top: 48px;
  padding: 8px 16px;
  border-radius: 4px;
  transition: all .2s ease
}

.disclaim-part .cont-btn:hover {
  opacity: .85
}

.password-part {
  max-width: 754px;
  margin: 0 auto;
  padding: 50px 0;
  text-align: center
}

.password-part h4 {
  font-weight: 500;
  font-size: 25px
}

.password-part h4,
.password-part p {
  font-family: Poppins, sans-serif;
  text-align: center;
  color: #000
}

.password-part p {
  font-weight: 400;
  font-size: 14px;
  margin: 25px 0
}

.pass-itemnw {
  max-width: 240px;
  margin: 0 auto
}

.pass-itemnw label {
  text-align: center;
  color: #000;
  margin-bottom: 8px;
  text-align: left
}

.pass-itemnw input,
.pass-itemnw label {
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 14px;
  display: block
}

.pass-itemnw input {
  width: 100%;
  color: #6b7280;
  background-color: transparent;
  border: 1px solid #9ca3af;
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 16px;
  outline: none;
  padding: 8px 35px 8px 12px
}

.pass-itemnw input::placeholder {
  opacity: 1
}

.password-part button {
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #fff;
  display: inline-block;
  padding: 8px 16px;
  background: #3b82f6;
  border-radius: 4px;
  border: none;
  outline: none;
  margin-top: 40px;
  transition: all .2s ease
}

.password-part button[type=submit] {
  text-transform: uppercase
}

.password-part button:hover {
  opacity: .85
}

.wallet-partn .upper-waletn li {
  font-family: Poppins, sans-serif;
  display: inline-block;
  padding-right: 42px;
  font-weight: 500;
  font-size: 20px;
  color: #000
}

.wallet-partn .upper-waletn li span {
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #80848c
}

.wallet-partn .upper-waletn li img {
  max-width: 25px;
  margin-right: 7px
}

.wallet-partn .upper-waletn li a {
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #197bbd
}

.wallet-itemn {
  position: relative;
  background: #fff;
  padding: 10px 14px 17px;
  border: 2px solid #fff;
  border-radius: 10px;
  transition: all .2s ease;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around
}

.wallet-itemn h2 {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.wallet-itemn h2 img {
  max-width: 20px;
  margin-right: 12px;
  position: absolute;
  left: 0
}

.wallet-itemn h2 span {
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #babec6;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  padding-right: 5px
}

.wallet-itemn h2 a {
  font-size: 14px;
  color: #000
}

.wallet-itemn h4 {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #000;
  margin: 21px 0
}

.wallet-itemn h4 img {
  max-width: 18px;
  margin-right: 5px;
  filter: grayscale(1);
  opacity: .4
}

.wallet-itemn ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px
}

.wallet-itemn ul li a img {
  max-width: 20px;
  margin-right: 8px;
  filter: grayscale(1);
  opacity: .4
}

.wallet-itemn ul li a {
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 16px;
  align-items: center;
  color: #babec6;
  transition: all .2s ease
}

.wallet-mainnw {
  padding: 21px 0 35px
}

.wallet-mainnw .row>div {
  padding-bottom: 14px;
  padding-left: 7px;
  padding-right: 7px
}

.active-walletn,
.wallet-itemn:hover {
  border-color: #197bbd
}

.active-walletn ul li a,
.wallet-itemn:hover ul li a {
  color: #197bbd
}

.active-walletn h4 img,
.active-walletn ul li a img,
.wallet-itemn:hover h4 img,
.wallet-itemn:hover ul li a img {
  filter: grayscale(0);
  opacity: 1
}

.asset-partn ul li {
  font-weight: 700
}

.asset-itemn {
  background: #e7e7e9
}

.active-assetn,
.asset-itemn,
.asset-itemn:hover {
  border-color: #e7e7e9
}

.asset-itemn ul li a img {
  filter: grayscale(0);
  opacity: 1
}

.asset-itemn ul li a {
  color: #197bbd
}

.asset-itemn h2 .black {
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #000
}

.trans-newpart {
  padding-top: 65px
}

.trans-newupper {
  justify-content: space-between
}

.trans-newupper,
.transn-upleft {
  display: flex;
  align-items: center
}

.transn-upleft h2 {
  font-family: Poppins, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 23px;
  color: #000;
  margin-right: 16px;
  margin-bottom: 0
}

.transn-upleft .drop-trnwbtn {
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #000;
  padding: 8px 30px;
  border: 1px solid #374151;
  filter: drop-shadow(0 1px 2px rgba(6, 25, 56, .05));
  border-radius: 8px
}

.transn-upleft .dropdown-menu {
  background: #f8f8ff
}

.transn-upleft .dropdown-menu a {
  font-family: Poppins, sans-serif
}

.transn-upright a {
  font-size: 18px;
  color: #197bbd
}

.transn-upright a,
.trasn-ttln h4 {
  font-family: Poppins, sans-serif;
  font-weight: 700
}

.trasn-ttln h4 {
  font-size: 20px;
  color: #000;
  margin: 25px 0 35px
}

.trans-tablenw table {
  width: 100%
}

.trans-tablenw table th {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #6b7280;
  padding: 16px 4px
}

.trans-tablenw table th i {
  font-size: 12.5px;
  display: inline-block;
  margin-left: 3px
}

.trans-tablenw table td {
  font-family: Poppins, sans-serif;
  background: #fff;
  padding: 18px 2px;
  font-weight: 400;
  font-size: 14px;
  color: #1f2937;
  border-bottom: 8px solid #f8f8ff
}

.trans-tablenw table td:first-child {
  padding-left: 20px
}

.trans-tablenw table td:last-child {
  padding-right: 10px;
  text-align: center
}

.trans-tablenw table td a {
  color: #1f2937
}

.trans-tablenw table td span {
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #dc2626;
  display: inline-block;
  padding: 2px 4px;
  background: #fef2f2;
  border-radius: 4px
}

.trans-tablenw table td img {
  max-width: 19px;
  margin-right: 5px
}

.trans-tablenw table td .duw {
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #f59e0b;
  background: #fffbeb
}

.invest-partnw {
  padding: 110px 0 65px
}

.invest-uppernw h2 {
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 35px;
  text-transform: uppercase;
  color: #0f123f
}

.invest-uppernw p {
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #595c95
}

.invest-mainleftnw img {
  width: 100%;
  margin: 0
}

.invest-mainleftnw .main-carousel {
  max-width: 100%;
  margin: 0
}

.invest-rightcntnw {
  text-align: center;
  margin-bottom: 42px
}

.invest-rightcntnw img {
  max-width: 200px;
  display: block;
  margin: 0 auto
}

.invest-rightcntnw h2 {
  font-family: Poppins, sans-serif;
  font-weight: 800;
  font-size: 45px;
  color: #0f123f;
  margin: 0
}

.invest-rightcntnw h2 span {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #0f123f
}

.invest-rightcntnw p {
  font-weight: 400;
  font-size: 20px;
  color: #80848c;
  margin: 0
}

.invest-rightcntnw a {
  max-width: 230px;
  display: block;
  margin: 0 auto;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #3b82f6;
  padding: 18px 15px;
  transition: all .2s ease
}

.invest-rightcntnw a:hover {
  opacity: .85
}

.invest-mainnew {
  position: relative;
  padding-top: 22px
}

.invest-mainnew:after {
  content: "";
  width: 2px;
  height: 100%;
  display: block;
  background: linear-gradient(180deg, rgba(229, 229, 247, 0), #e5e5f7 34.13%, #e5e5f7 63.21%, rgba(229, 229, 247, 0));
  position: absolute;
  top: 0;
  right: 23%
}

.deal-partnw h2 {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 25px;
  text-transform: uppercase;
  color: #0f123f;
  margin-bottom: 24px
}

.deal-mainnw {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative
}

.deal-mainnw:before {
  top: 0
}

.deal-mainnw:after,
.deal-mainnw:before {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  background: linear-gradient(rgba(229, 229, 247, 0), #e5e5f7 34.13%, #e5e5f7 63.21%, rgba(229, 229, 247, 0));
  position: absolute;
  left: 0
}

.deal-mainnw:after {
  bottom: 0
}

.deal-cntnw {
  padding: 45px 20px 35px;
  width: 20%;
  position: relative
}

.deal-cntnw p {
  font-weight: 400;
  font-size: 16px;
  color: #595c95
}

.deal-cntnw h2,
.deal-cntnw p {
  font-family: Poppins, sans-serif
}

.deal-cntnw h2 {
  font-weight: 600;
  font-size: 20px;
  color: #3a3c64;
  margin-bottom: 0;
  margin-top: 30px
}

.deal-cntnw:last-child h2 {
  margin-top: 10px
}

.deal-cntnw:after {
  content: "";
  width: 2px;
  height: 100%;
  display: block;
  background: linear-gradient(180deg, rgba(229, 229, 247, 0), #e5e5f7 34.13%, #e5e5f7 63.21%, rgba(229, 229, 247, 0));
  position: absolute;
  right: 5px;
  top: 0
}

.deal-cntnw:last-child:after {
  display: none
}

.summery-part {
  padding-top: 70px;
  position: relative
}

.summery-left,
.summery-right {
  padding: 35px 0;
  position: relative
}

.summery-left:after {
  content: "";
  width: 2px;
  height: 100%;
  display: block;
  background: linear-gradient(180deg, rgba(229, 229, 247, 0), #e5e5f7 34.13%, #e5e5f7 63.21%, rgba(229, 229, 247, 0));
  position: absolute;
  bottom: 0;
  right: 0
}

.summery-left ul li {
  padding-bottom: 25px
}

.summery-left ul li a {
  font-weight: 400;
  color: #595c95;
  transition: all .15s linear
}

.summery-left h4,
.summery-left ul li a {
  font-family: Poppins, sans-serif;
  font-size: 18px
}

.summery-left h4 {
  font-weight: 700;
  color: #3b82f6
}

.summery-right p {
  font-weight: 400;
  font-size: 16px;
  color: #0f123f;
  margin-top: 20px
}

.summery-right a {
  width: 290px;
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  background: #3b82f6;
  padding: 16px 15px;
  margin-top: 36px;
  transition: all .2s ease
}

.summery-right a:hover {
  opacity: .85
}

.wallet_assets_row {
  margin-bottom: 30px
}

.error_asset {
  font-size: 12px
}

.tabs {
  width: 100%;
  display: inline-block
}

.tab-links li {
  padding: 0;
  margin: 0
}

.tab-links a:hover,
.tab-links li.active a,
.tab-links li.active a:hover {
  font-weight: 700;
  color: #3b82f6
}

.tab {
  display: none
}

.tab.active {
  display: block
}

.pass-innerf {
  position: relative
}

.pass-innerf span {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px
}

.circle-item {
  position: relative
}

.circle-cntn {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0
}

.circle-cntn h2 {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 25px;
  color: #3b82f6;
  text-align: center;
  margin: 0
}

.circle-cntn p {
  font-weight: 400;
  font-size: 16px
}

.circle-cntn h4,
.circle-cntn p {
  font-family: Poppins, sans-serif;
  text-align: center;
  color: #0f123f;
  margin: 0
}

.circle-cntn h4 {
  font-weight: 600;
  font-size: 25px
}

.assets_dropdown .btn-success.focus,
.assets_dropdown .btn-success:focus {
  box-shadow: none !important
}

.profile,
.profile * {
  font-family: Poppins, sans-serif;
  box-sizing: border-box
}
.profile i{
    font-family: "Font Awesome 6 Free";
}
.profile .edits_buttons{
    display: flex;
    justify-content: space-between;
    position: relative;
}
.profile .dropdown-item.drop-menu-wallet__item{
    cursor: pointer;
}

#modalRemove .label-form__text-wrapper{
    justify-content: center !important;
}

.profile button,
.profile button:hover {
  transition: all .2s ease
}

.profile button:hover {
  opacity: .85
}

.profile__wrapper-edit {
  padding-left: 5px;
  padding-right: 5px
}

.profile__wrapper-edit:not(:last-child) {
  margin-bottom: 50px
}

.title-light.title-light {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.5;
  color: #3b82f6
}

.edit-profile__explanatory {
  color: var(--silver-light);
  margin-bottom: 35px
}

.edit-profile__wrapper-avatar {
  display: flex;
  align-items: center;
  margin-bottom: 29px
}

@media (max-width:449.98px) {
  .edit-profile__wrapper-avatar {
    flex-direction: column
  }
}

.edit-profile__btn:not(:last-child) {
  margin-bottom: 7px
}

.btn-del__img {
  display: inline-block;
  margin-right: 8px
}

span.field_icon {
  color: #9ca3af
}

.form-profile__input,
.input-form {
  display: block;
  width: 100%;
  border-radius: 6px;
  padding: 12px 15px;
  font-size: 20px;
  border: 1px solid #9ca3af;
  color: #7b8389
}

.wrapper-form-input {
  display: block;
  border-radius: 6px 6px 6px 6px
}

.search-select__text {
  margin-bottom: 8px
}

.search-select__btn {
  background: transparent;
  position: relative;
  padding-right: 40px;
  text-align: left
}

.search-select__btn:before {
  content: "";
  position: absolute;
  display: block;
  width: 19px;
  height: 19px;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  background: url(/images/arrow-bottom.svg) no-repeat 50%
}

.search-select__menu {
  width: 100%;
  margin-top: 15px;
  padding-top: 65px;
  position: relative
}

.search-select__wrapper-item {
  max-height: 320px;
  overflow-y: auto
}

.search-select__input {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translate(-50%, 50%);
  display: block;
  width: calc(100% - 44px);
  border: none;
  border-bottom: 1px solid #d9d9d9;
  padding: 14px 35px 14px 0
}

.search-select__icon-search {
  position: absolute;
  top: 28px;
  right: 30px;
  display: block;
  width: 18px;
  height: 18px;
  background: url(/images/icon-search.svg), #fff no-repeat 50%;
  background-size: 100%
}

.input-form--unfinished {
  color: var(--form-red);
  border: 1px solid var(--form-red)
}

.label-form__icon-checked {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px
}

.checked-icon--unfinished {
  background: url(/images/check-red.svg) no-repeat, 50%
}

.checked-icon--finished {
  background: url(/images/check-green.svg) no-repeat, 50%
}

.input-form--finished {
  border: 1px solid var(--form-green)
}

.form-profile__wrapper-submit {
  display: flex;
  align-items: center
}

.form-profile__submit {
  flex: 1 1 279px;
  margin-right: 19px
}

@media (max-width:449.98px) {
  .form-profile__submit {
    flex: 0 1 150px;
    width: 150px;
    margin-right: 12px
  }
}

.follow-btn {
  background: #3b82f6;
  border-radius: 6px;
  border: none;
  min-width: 116px;
  font-weight: 700;
  color: #fff;
  padding: 8px 24px 7px;
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.follow-btn:active,
.follow-btn:hover,
.follow-btn:visited {
  color: #fff
}

.follow-btn:hover {
  opacity: .85
}

.follow-btn--go {
  text-transform: uppercase;
  font-size: 20px;
  max-width: 216px
}

@media (max-width:991.98px) {
  .edit-status__title {
    margin-bottom: 0
  }
}

.edit-status__wrapper-request {
  display: flex;
  align-items: center;
  margin-bottom: 42px
}

.edit-status__btn {
  margin-right: 15px
}

.btn-edit-status {
  background: transparent;
  color: #3267e3;
  text-transform: uppercase;
  border: 1px solid #3267e3;
  padding-top: 9px;
  padding-bottom: 9px;
  min-width: 146px;
  font-size: 12px;
  font-weight: 700
}

.edit-status__icon-quest {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(/images/icon-question.svg) no-repeat, 50%;
  background-size: 100%;
  border: none
}

.edit-status__btn-account {
  background: transparent;
  border: none;
  position: relative;
  padding: 0
}

.edit-status__btn-account:before {
  content: "";
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/images/arrow-bottom.svg) no-repeat 50%/100%
}

.edit-status__form {
  padding-top: 35px
}

.security-setings {
  padding-right: 19px
}

.security-setings__title {
  margin-bottom: 18px
}

.security-setings__request-btn {
  border: none;
  background: transparent;
  display: inline-block;
  max-width: 350px;
  padding-left: 35px;
  padding-right: 10px;
  background: url(/images/icon-qr-silver-small.svg) no-repeat 5px, 5px/20px;
  margin-bottom: 42px;
  text-align: left
}

@media (max-width:767.98px) {
  .security-setings__request-btn {
    margin-bottom: 24px
  }
}

.security-setings__request-btn:hover {
  color: #114cd6
}

.security-setings__request-btn--disable,
.security-setings__request-btn--disable:hover {
  color: var(--form-red)
}

.list-steps {
  padding-left: 0
}

.list-steps--hidden {
  display: none
}

.list-steps__item {
  position: relative;
  margin-left: 25px
}

.list-steps__item::marker {
  font-size: 20px;
  line-height: 28px
}

.list-steps__item-title {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -.017em;
  margin-bottom: 18px
}

.security-setings__list-app-auth {
  color: var(--silver-dark);
  margin-left: -12px;
  padding-bottom: 42px
}

.list-app-auth__item {
  position: relative;
  padding-left: 20px
}

.list-app-auth__link {
  display: block;
  font-size: 20px
}

.list-app-auth__link,
.list-app-auth__link:visited {
  color: var(--silver-dark)
}

.list-app-auth__link:hover {
  color: #114cd6
}

.list-app-auth__link:active {
  opacity: .8
}

.qr {
  display: flex;
  justify-content: center;
  min-width: 126px;
  min-height: 126px
}

.security-setings__qr-img {
  display: block;
  margin: 16px;
  min-width: 126px;
  object-fit: contain
}

.security-setings__btn-go,
.security-setings__label {
  margin-left: -15px
}

.notification {
  background: #fff;
  min-height: 370px;
  padding: 30px 30px 50px;
  width: 100%;
  margin-top: 18px
}

@media (max-width:767.98px) {
  .notification {
    padding: 30px 20px 50px
  }
}

.notification__title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -.019em;
  margin-bottom: 5px;
  position: relative;
  padding-right: 50px
}

.notification__text {
  max-width: 900px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -.017em
}

.notification__date {
  margin-bottom: 25px
}

.notification__btn-del {
  padding: 15px;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%)
}

.write-message-modal__body {
  padding-left: 36px;
  padding-right: 36px
}

.write-message-modal__explanatory-head {
  margin-bottom: 26px
}

.write-message-modal__text-area {
  resize: none;
  width: 100%;
  height: 310px;
  border: none;
  box-shadow: 0 4px 21px rgba(0, 0, 0, .1);
  border-radius: 5px;
  padding: 18px 69px 18px 19px;
  font-size: 20px
}

.write-message-modal__footer {
  padding-right: 0;
  border: none
}

.no_modal_button {
  margin-bottom: 7px;
  margin-right: .25rem
}

.earnings__explanatory-text {
  margin-bottom: 38px
}

.earnings__chouse-wallet {
  margin-bottom: 25px
}

.earnings__general-info {
  padding-left: 4px;
  padding-right: 4px
}

.general-earnings__inner {
  flex-wrap: nowrap;
  background: var(--white);
  overflow-x: auto;
  margin-left: 16px;
  margin-right: 16px
}

.general-earnings__item {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px
}

.general-earnings__card {
  display: flex;
  padding: 32px 17px;
  height: 100%;
  background: #fff
}

.general-earnings__wrapper-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 53px;
  position: relative;
  margin-right: 15px
}

.general-earnings__wrapper-ico:before {
  content: "";
  position: absolute;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  background: #8cacff;
  opacity: .15;
  z-index: 1
}

.general-earnings__ico {
  position: relative;
  z-index: 2;
  max-width: 25px
}

.general-earnings__card-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: .02em;
  color: #babec6
}

.general-earnings__card-value {
  font-weight: 500;
  font-size: 30px;
  line-height: 45px;
  color: #1d318a
}

.earnings__chart {
  padding: 34px 24px;
  overflow-x: hiddden
}

@media (min-width:992px) {
  .general-earnings__inner {
    margin-left: 0;
    margin-right: 0
  }
}

@media (max-width:991.98px) {
  .earnings__chart {
    padding: 34px 15px
  }
}

.chart-earning__head {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.chart-earning__wrapper-title {
  margin-right: 10px
}

.chart-earning__explonatory {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #babec6
}

.chart-earning__sort-wrapper {
  display: flex;
  padding-right: 10px;
  margin-bottom: 15px
}

.chart-earning__sort-label {
  color: #babec6;
  display: inline-block;
  margin-right: 8px
}

.chart-earning__sort-btn {
  background: transparent;
  border: none;
  padding-right: 30px;
  position: relative
}

.chart-earning__sort-btn:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  display: inline-block;
  width: 10px;
  height: 10px;
  transform: translateY(-50%);
  background: url(/images/arrow-bottom.svg) no-repeat 50%
}

.chart-earning__canvas {
  overflow-x: hidden
}

.portfolio-info-table {
  background: #fff;
  padding-top: 34px;
  padding-bottom: 74px;
  margin-bottom: 40px
}

.portfolio-statistics-table__title {
  margin-bottom: 13px;
  padding-left: 23px;
  font-size: 23px
}

.portfolio-info-table__head {
  background: #c5d6fd;
  padding-left: 24px
}

.portfolio-info-table__head-item {
  text-transform: uppercase;
  font-size: 14px;
  color: #5c89d2;
  font-weight: 400;
  white-space: nowrap
}

.table th.portfolio-info-table__head-item {
  border: none
}

th.portfolio-info-table__head-item--project {
  padding-left: 24px
}

.portfolio-info-table__tbody {
  font-weight: 700
}

.portfolio-info-table__tr {
  position: relative
}

.portfolio-info-table__tr:nth-child(2n) {
  background: #f2f5ff
}

.portfolio-info-table__tr:first-child td,
.portfolio-info-table__tr:first-child th {
  padding-top: 35px
}

.portfolio-info-table__tr:first-child .portfolio-info-table__interest:before {
  top: 61%
}

.table td,
.table th {
  border: none;
  vertical-align: middle
}

th.portfolio-info-table__id {
  padding-left: 24px
}

.portfolio-info-table__link,
.portfolio-info-table__link:active,
.portfolio-info-table__link:hover,
.portfolio-info-table__link:visited {
  color: #000
}

.portfolio-info-table__link:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.portfolio-info-table__asset {
  display: flex;
  align-items: center;
  height: 100%
}

.portfolio-info-table__ico-wrapper {
  display: inline-block;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px
}

.portfolio-info-table__ico {
  width: 100%
}

.portfolio-info-table__asset-name {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  color: rgba(15, 18, 63, .79)
}

.portfolio-info-table__volume {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: .02em;
  color: rgba(0, 0, 0, .43)
}

.table .portfolio-info-table__interest {
  padding-left: 30px;
  position: relative
}

.portfolio-info-table__interest--up {
  color: #10b981
}

.portfolio-info-table__interest:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 47%;
  left: 15px;
  width: 0;
  height: 0
}

.portfolio-info-table__interest--up:before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #10b981
}

.portfolio-info-table__interest--down {
  color: #ef4444
}

.portfolio-info-table__interest--down:before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #ef4444
}

.portfolio-info-table__commit-date,
.portfolio-info-table__start-date {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: .02em;
  color: #1b1e56
}

.table td.portfolio-info-table__wrapper-btn {
  padding-right: 24px
}

.portfolio-info-table__wrapper-btn {
  text-align: right
}

.portfolio-info-table__trade-btn {
  position: relative;
  text-transform: uppercase
}

.earnings__portfolio--noinfo {
  background: url(/images/table-bg.jpg) no-repeat 50%/100%;
  background-size: cover
}

.yield-wrapper {
  background: #fff;
  padding: 0;
  box-shadow: 0 20px 70px rgba(86, 89, 146, .1);
  margin-bottom: 45px
}

.yield {
  padding: 45px 50px
}

@media (max-width:1199.98px) {
  .yield {
    padding: 45px 20px
  }
}

@media (max-width:767.98px) {
  .yield {
    padding: 25px 10px
  }
}

.yield__body {
  display: flex;
  flex-wrap: wrap
}

.yield__select-coin {
  flex: 0 1 40%;
  padding-bottom: 50px
}

.coin-select {
  padding-right: 40px
}

@media (max-width:1099.98px) {
  .yield__select-coin {
    flex: 0 1 100%;
    margin-bottom: 45px
  }

  .coin-select {
    padding-right: 0
  }
}

.coin-select>:nth-last-child(2) {
  margin-bottom: 40px
}

.coin-select__label,
.coin-select__label-text {
  display: block;
  margin-bottom: 10px
}

.coin-select__dropdown {
  margin-bottom: 20px
}

.coin-select__btn {
  text-align: left;
  width: 100%;
  position: relative;
  background: transparent;
  border: 1px solid #9da0a6;
  border-radius: 6px 6px 6px 6px;
  padding: 15px 12px;
  display: inline-flex;
  align-items: center
}

.coin-select__selected-ico {
  margin-right: 8px;
  width: 24px;
  height: 24px
}

.coin-select__wrapper-input {
  position: relative
}

.coin-select__label-symbol {
  position: absolute;
  top: 49%;
  left: 10px;
  transform: translateY(-49.5%);
  font-size: 20px;
  line-height: 1
}

.coin-select__input-form {
  color: #000;
  padding-left: 25px;
  font-size: 20px;
  line-height: 1;
  letter-spacing: -.017em
}

.coin-select__arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.coin-select__menu {
  width: 100%
}

.coin-select__dropdown-item {
  padding-left: 16px;
  display: flex;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px
}

.coin-select__ico {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  margin-right: 12px
}

.yield__chart-wrapper {
  position: relative;
  flex: 1 1 60%
}

.yield__line-chart {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url(/images/dashed-line-yield.svg);
  width: 2px;
  height: 65%;
  bottom: 35px;
  left: 16px;
  pointer-events: none
}

@media (max-width:1430.98px) {
  .yield__line-chart {
    bottom: 45px
  }
}

@media (max-width:1380.98px) {
  .yield__line-chart {
    bottom: 25%
  }
}

@media (max-width:1308px) {
  .yield__line-chart {
    bottom: 30%
  }
}

@media (max-width:1099px) {
  .yield__line-chart {
    bottom: 40px
  }
}

@media (max-width:575.98px) {
  .yield__line-chart {
    bottom: 30px
  }
}

.yield__chart-info {
  position: absolute;
  top: 21px;
  left: 29px
}

.yield__chart-text {
  margin-bottom: 0
}

.yield__chart-sum {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.5
}

.yield__chart-img {
  width: 100%
}

.yield__chart-months {
  display: flex;
  justify-content: space-between
}

.yield__chart-month-btn {
  background: none;
  border: none;
  flex: 0 1 auto;
  color: #acb5c9
}

.yield__chart-month-btn--active {
  color: #5b88ea
}

.yield__chart-month-btn:first-child {
  text-align: left;
  padding-left: 0
}

.yield__chart-month-btn:last-child {
  text-align: right;
  padding-right: 0
}

@media (max-width:1299.98px) {
  .yield__chart-wrapper {
    flex: 1 1 50%
  }
}

@media (max-width:767.98px) {
  .yield__chart-info {
    top: 0;
    left: 10px
  }

  .yield__chart-sum {
    font-size: 30px
  }
}

@media (max-width:575.98px) {
  .yield__chart-sum {
    font-size: 22px
  }

  .yield__chart-month-btn {
    font-size: 14px;
    padding: 1px 3px
  }
}

@media (max-width:359.98px) {
  .yield__chart-wrapper {
    margin-right: -5px;
    margin-left: -5px
  }
}

.home-future-wrapper {
  margin-bottom: 37px
}

.home-future {
  background: #fff;
  display: flex;
  box-shadow: 0 20px 70px rgba(14, 17, 63, .2)
}

@media (max-width:767.98px) {
  .home-future {
    display: block
  }
}

.home-future__head {
  flex: 0 0 45%;
  padding: 93px 63px 23px 73px;
  background: linear-gradient(141.14deg, #c5d2ff -11.96%, rgba(197, 210, 255, 0) 98.4%)
}

@media (max-width:1299.98px) {
  .home-future__head {
    padding-left: 20px;
    padding-right: 53px;
    flex: 0 0 40%
  }
}

@media (max-width:1199.98px) {
  .home-future__head {
    flex: 0 0 50%
  }
}

@media (max-width:991.98px) {
  .home-future__head {
    flex: 0 0 55%
  }
}

@media (max-width:767.98px) {
  .home-future__head {
    padding: 25px 40px 95px
  }
}

@media (max-width:575.98px) {
  .home-future__head {
    padding-left: 12px;
    padding-right: 12px
  }
}

.home-future__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.5;
  color: #315efb;
  margin-bottom: 11px
}

.home-future__text {
  font-size: 17px;
  color: rgba(25, 37, 81, .38);
  margin-bottom: 50px
}

.home-future__wrapper-body {
  flex: 0 0 calc(55% + 34px);
  margin-left: -34px;
  display: flex;
  align-items: center;
  padding-top: 65px;
  padding-bottom: 65px
}

@media (max-width:1299.98px) {
  .home-future__wrapper-body {
    flex: 0 0 calc(60% + 34px)
  }
}

@media (max-width:1199.98px) {
  .home-future__wrapper-body {
    flex: 0 0 calc(50% + 34px)
  }
}

@media (max-width:991.98px) {
  .home-future__wrapper-body {
    flex: 0 0 calc(45% + 34px)
  }
}

@media (max-width:767.98px) {
  .home-future__wrapper-body {
    margin-left: 0;
    margin-top: -65px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    padding-left: 14px;
    padding-right: 14px
  }
}

@media (max-width:575.98px) {
  .home-future__wrapper-body {
    padding-bottom: 15px
  }
}

.home-future__body {
  display: flex;
  flex-wrap: wrap
}

.home-future__body-item {
  flex: 0 0 50%;
  min-height: 100%
}

@media (max-width:1199.98px) {
  .home-future__body-item {
    flex: 0 0 100%
  }
}

@media (max-width:767.98px) {
  .home-future__body {
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px
  }

  .home-future__body-item {
    max-width: 550px
  }
}

@media (max-width:359.98px) {
  .home-future__body {
    justify-content: center;
    padding-left: 0;
    padding-right: 0
  }
}

.future-home {
  display: flex;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 20px;
  min-height: 100%
}

@media (max-width:767.98px) {
  .future-home {
    padding-right: 10px
  }
}

.future-home__wraqpper-ico {
  position: relative;
  flex: 0 0 64px;
  display: inline-flex;
  margin-right: 17px;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 2
}

.future-home__wraqpper-ico:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  background: #cbddff;
  border-radius: 50%
}

.future-home__ico {
  width: 100%;
  position: relative
}

@media (max-width:767.98px) {
  .future-home__info {
    padding-right: 0
  }
}

.future-home__title {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 0
}

.future-home__text {
  color: #9da0a6;
  font-size: 16px;
  margin-bottom: 0
}

.page-investing__explanatory-text {
  max-width: 1050px;
  margin-bottom: 70px
}

.invest-wrapper {
  background: #fff;
  padding: 69px 110px 140px
}

.invest__steps-list {
  margin-bottom: 40px
}

.steps-list-wrapper {
  position: relative
}

.steps-list-wrapper:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 50px;
  height: 50px;
  background: linear-gradient(271.13deg, #fff 14.16%, hsla(0, 0%, 100%, 0) 98.99%)
}

.steps-list {
  font-size: 24px;
  letter-spacing: -.017em;
  color: #cacaca;
  display: flex;
  justify-content: space-between;
  overflow-x: auto;
  overflow-y: hidden
}

.steps-list__item {
  flex: 0 1 auto
}

.steps-list__item:not(:last-child) {
  margin-right: 20px
}

.steps-list__item-name {
  display: inline-block;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  padding-bottom: 18px;
  padding-left: 60px;
  padding-right: 60px
}

.steps-list__item-name--active {
  color: var(--text-color-em);
  font-weight: 600;
  position: relative
}

.steps-list__item-name--active:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  display: inline-block;
  width: 100%;
  height: 2px;
  background: var(--text-color-em)
}

.masonry-two {
  column-count: 2;
  column-gap: 44px
}

.masonry-two__item {
  display: inline-block;
  width: 100%;
  margin-bottom: 25px;
  padding: 6% 5%
}

.short-info-project {
  display: flex;
  background: var(--ultra-thin-bg)
}

.short-info-project__wrapper-img {
  flex: 0 1 50%;
  margin-right: 20px
}

.short-info-project__img {
  width: 100%
}

.short-info-project__explonatory {
  flex: 1 1 auto
}

.short-info-project__label {
  display: inline-block;
  margin-bottom: 15px
}

.short-info-project__title {
  font-size: 24px;
  line-height: 1.2;
  color: var(--ultra-dark)
}

.short-info-project__text {
  color: var(--ultra-light-dark);
  font-size: 20px
}

.invest-card-info {
  background: var(--ultra-thin-bg)
}

.invest-card-info__title {
  margin-bottom: 31px
}

.list-accepted-coins {
  display: flex;
  flex-wrap: wrap
}

.list-accepted-coins__item {
  display: inline-flex;
  align-items: center;
  font-size: 18px
}

.list-accepted-coins__item:not(:last-child) {
  margin-right: 35px
}

.list-accepted-coins__wrapper-img {
  display: inline-flex;
  width: 22px;
  margin-right: 7px
}

.list-accepted-coins__img {
  width: 100%
}

.list-accepted-coins__text {
  display: inline-block;
  line-height: 1.5
}

.chouse-invest-account {
  display: flex;
  flex-wrap: wrap
}

.chouse-invest-account__label {
  font-size: 20px;
  margin-right: 30px
}

.chouse-invest-account__btn-account {
  display: inline-block;
  background: url(../images/arrow-bottom.svg) no-repeat top 56% right 5px/15px, transparent;
  border: none;
  color: var(--color-btn);
  font-size: 20px;
  letter-spacing: -1.1%;
  padding-right: 25px;
  font-weight: 600
}

.chouse-invest-account__notify {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 15px
}

.chouse-invest-account__notify-wrapper-img {
  display: flex;
  flex: 0 0 auto;
  width: 22px;
  aspect-ratio: 1/1;
  margin-right: 15px
}

.chouse-invest-account__notify-img {
  width: 100%;
  object-fit: contain
}

.chouse-invest-account__notify-text {
  margin-bottom: 0;
  flex: 0 1 auto;
  max-width: 300px;
  line-height: 1.2;
  color: var(--ultra-light-dark)
}

.invest-link,
.invest-link--under,
.invest-link:active,
.invest-link:visited {
  transition: .3s ease;
  color: var(--color-btn);
  font-weight: 600
}

.invest-link--under {
  position: relative;
  transition: .3s
}

.invest-link--under:before {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 100%;
  height: 1px;
  background: var(--color-btn)
}

@media (hover:hover) and (pointer:fine) {
  .invest-link:hover {
    opacity: .8
  }

  .invest-link--under:hover:before {
    opacity: 0;
    transition: .1s
  }
}

.list-terms {
  color: var(--ultra-light-dark);
  padding-inline-start: 15px
}

.list-terms--page-invest {
  margin-bottom: 50px
}

.accept-terms {
  margin-bottom: 20px
}

.accept-terms__label {
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: var(--ultra-light-dark);
  padding-left: 25px;
  margin-bottom: 0
}

.accept-terms__checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.accept-terms__checkbox:before {
  opacity: 1;
  content: "";
  position: absolute;
  top: 48%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1.45px solid rgba(141, 145, 160, .5)
}

.accept-terms__checkbox:checked:before {
  background-image: url(../images/checkbox.svg);
  background-position: 50% 50%;
  background-size: contain;
  border: none
}

.invest-card-info__footer-btn {
  text-transform: uppercase;
  padding: 15px 80px;
  font-size: 20px
}

@media (max-width:1699.98px) {
  .invest-wrapper {
    padding: 45px 20px 80px
  }

  .steps-list__item-name {
    padding-left: 40px;
    padding-right: 40px
  }

  .short-info-project__wrapper-img {
    margin-right: 15px
  }

  .masonry-two {
    column-count: 2;
    column-gap: 20px
  }
}

@media (max-width:1299.98px) {
  .masonry-two {
    column-count: 1;
    column-gap: 20px
  }

  .masonry-two__item {
    padding: 5% 3%
  }

  .short-info-project__wrapper-img {
    margin-right: 20px
  }
}

@media (max-width:1099.98px) {
  .steps-list__item-name {
    padding-left: 20px;
    padding-right: 20px
  }
}

@media (min-width:768px) and (max-width:992px) {
  .short-info-project__wrapper-img {
    flex: 0 1 40%
  }
}

@media (max-width:767.98px) {
  .page-investing__explanatory-text {
    margin-bottom: 55px
  }

  .invest-wrapper {
    padding-top: 45px;
    padding-bottom: 80px;
    margin-left: -15px;
    margin-right: -15px
  }

  .masonry-two__item {
    padding: 5%
  }

  .invest__steps-list {
    margin-bottom: 40px
  }

  .steps-list {
    font-size: 20px
  }

  .feature-table__inner:not(:last-child) {
    margin-bottom: 35px
  }

  .feature-table__title--confirm,
  .short-info-project__title {
    font-size: 20px
  }

  .feature-table__explonatory {
    margin-bottom: 30px
  }

  .list-accepted-coins__item:not(:last-child) {
    margin-right: 25px
  }

  .list-accepted-coins__item {
    margin-bottom: 10px
  }

  .list-terms--page-invest {
    margin-bottom: 20px
  }
}

@media (max-width:575.98px) {
  .page-investing__explanatory-text {
    margin-bottom: 20px
  }

  .invest-wrapper {
    padding-top: 30px;
    padding-right: 18px;
    padding-left: 18px
  }

  .short-info-project {
    display: block
  }

  .short-info-project__wrapper-img {
    margin-right: 0;
    margin-bottom: 15px
  }

  .short-info-project__text {
    font-size: 16px
  }

  .feature-table__row {
    font-size: 20px
  }


  .feature-table__name {
    padding-top: 16px;
    padding-bottom: 5px
  }

  .feature-table__value {
    text-align: left;
    padding-bottom: 16px
  }

  .invest-card-info__title {
    margin-bottom: 20px
  }

  .chouse-invest-account__notify {
    padding-top: 8px
  }

  .invest-card-info__footer-wrapper-btn {
    display: flex;
    justify-content: center
  }
}




.invest-pay-card {
  max-width: 655px;
  background: var(--ultra-thin-bg);
  margin: 0 auto;
  padding: 4% 3%
}

.invest-pay__item {
  margin-bottom: 25px
}

.invest-pay-card__body:not(:last-child) {
  margin-bottom: 34px
}

.invest-pay-card__explonatory {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -.017em;
  margin-bottom: 25px
}

.message-form {
  border-radius: 8px 8px 8px 8px;
  padding: 15px 20px;
  margin-bottom: 5px
}

.message-form--err {
  color: var(--err-text-color);
  background: var(--err-bg)
}

.message-form--succes {
  color: var(--succes-text-color);
  background: var(--succes-bg)
}

.wrapper-form-input {
  position: relative
}

.symbol-input {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  display: inline-flex;
  font-size: 20px
}

.invest-pay-card__input {
  padding-left: 25px;
  color: #000;
  margin-bottom: 8px
}

.invest-pay-card__prompt {
  color: rgba(141, 145, 160, .55)
}

.invest-pay-card__method-list {
  display: flex;
  margin-bottom: 25px
}

.invest-pay-card__method-item {
  font-size: 20px;
  line-height: 1;
  letter-spacing: -.017em;
  color: rgba(141, 145, 160, .55)
}

.invest-pay-card__method-item:not(:last-child) {
  margin-right: 30px
}

.invest-pay-card__method-item--active {
  font-weight: 600;
  color: var(--color-btn)
}

.invest-pay-card__add {
  margin-bottom: 10px
}

.invest-pay-card__balance {
  margin-bottom: 8px
}

.invest-pay-card__btn-subm {
  text-transform: uppercase;
  width: 100%;
  padding-top: 13px;
  padding-bottom: 13px
}

@media (min-width:2299.98px) {
  .invest-pay-card {
    padding: 50px 35px
  }
}

@media (max-width:767.98px) {
  .invest-pay-card {
    padding: 6% 5%
  }
}

@media (max-width:575.98px) {
  .invest-pay-card__method-item:not(:last-child) {
    margin-right: 15px
  }
}

.visually-hidden {
  transition: .3s;
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  opacity: 0
}

.help-btn {
  margin-right: 19px
}

.modal_cnt .okbtn {
  width: 180px;
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto
}

.wallet_choose {
  display: flex;
  align-items: center
}

.modal_dialog6 {
  max-width: 480px
}

.how-work {
  overflow-x: hidden;
  margin-top: 50px
}

.how-work__text {
  padding-top: 25px
}

.two-table {
  position: relative
}

.two-table:before {
  content: "";
  top: 50%;
  right: 0;
  transform: translate(65%, -75%) rotate(180deg)
}

.two-table__col {
  padding-top: 20px
}

.two-table__col--btn {
  margin-bottom: 20px;
  position: relative
}

.two-table__col:last-child .two-table__card {
  border-radius: 0 0 70px 0
}

.two-table__col:last-child .two-table__card.two-table__card--form {
  border-radius: unset
}

.two-table__card--btns {
  display: flex;
  flex-direction: column
}

@media (min-width:992px) {
  .two-table__card--btns {
    flex-direction: row;
    justify-content: space-between
  }
}

.two-table__card {
  min-height: 100%;
  border-bottom: 1px solid #b3beff;
  border-right: 1px solid #b3beff;
  padding: 30px 45px 35px 30px
}

.two-table__card-head {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 12px
}

.two-table__card-head--btn {
  display: flex;
  align-items: start;
  font-weight: 500;
  font-family: Poppins, sans-serif;
  padding-right: 15px
}

.two-table__step {
  margin-right: 20px
}

.two-table__btn,
.two-table__title {
  display: inline-block
}

.two-table__btn {
  flex: 0 0 auto;
  align-self: center;
  white-space: nowrap;
  text-align: center
}

.two-table__title--btn {
  line-height: 1.5
}

@media (min-width:768px) {
  .two-table__btn {
    flex: 0 0 auto
  }
}

@media (max-width:1199.98px) {
  .two-table:before {
    transform: translate(38%, -85%) rotate(180deg)
  }
}

@media (max-width:991.98px) {
  .two-table:before {
    display: none
  }
}

@media (max-width:767.98px) {
  .two-table__col {
    padding-top: 0
  }
}

.btn-act {
  transition: .2s;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  padding: 14px 20px;
  min-width: 45px;
  color: #fff;
  border-radius: 500px 500px 500px 500px;
  background: #3553fd;
  border: 0
}

.two-table__form-wrapper {
  width: 100%
}

.form-request-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center
}

.two-table__form {
  width: 100%;
  display: flex;
  justify-content: space-between
}

.form-request {
  display: flex;
  flex: 1 1 500px
}

.form-request__input {
  display: block;
  color: #fff;
  min-height: 100%;
  background: transparent;
  margin-right: 30px;
  flex: 0 1 350px;
  padding-left: 10px;
  padding-right: 10px;
  border: none
}

a,
button,
input {
  font-family: inherit
}

.form-request__btn--two-table {
  padding-left: 55px;
  padding-right: 55px;
  flex: 0 0 auto;
  width: 40%
}

.form-request__btn {
  flex: 0 1 auto
}

.form-request__input--dark {
  border-bottom: 1px solid #000a40;
  color: #000a40
}

.form-request__input--two-table {
  flex: 0 0 auto;
  width: 60%
}

.hidden {
  display: none
}

.coin-select__follow-btn.follow-btn.btn-danger {
  background-color: #ff7675
}

.tool_tipbtn {
  cursor: pointer
}

.tooltip.show {
  opacity: 1
}

.tooltip {
  --color-arrow: #0b0b0b;
  color: #fff
}

.tooltip-inner.tooltip-inner {
  background-color: #0b0b0b;
  color: #fff
}

:root {
  --color-selection: #fff;
  --bg-selection: #ff7675;
  --green: #58bd7d;
  --light: #fcfcfd;
  --clearnot-btn: #ebedfd;
  --form-red: #c00f0f;
  --silver-light: #9da0a6;
  --silver-medium: #80848c;
  --silver-dark: #65676b;
  --brand-second: #f57b0a;
  --form-green: #43936c;
  --text-color-em: #2769d6;
  --color-btn: #3b82f6;
  --ultra-thin-bg: #f7faff;
  --ultra-dark: #030303;
  --light-dark: #57585e;
  --ultra-light-dark: #8d91a0;
  --err-bg: #f7d7da;
  --err-text-color: #721c24;
  --succes-bg: #d4edda;
  --succes-text-color: #315f2e;
  --light-gray: #e6e8ec;
  --light-gray-sm: #f1f2f4;
  --light-gray-btn: #ebedfd;
  --mid-gray: #b1b5c3;
  --mid-sm-gray: #7d8495;
  --gray: #777e90;
  --dark-lg: #353945;
  --blue-main: #3f55f6;
  --blue-main-filter: brightness(0) saturate(100%) invert(34%) sepia(56%) saturate(3961%) hue-rotate(225deg) brightness(92%) contrast(110%);
  --bg-border-header: var(--light-gray);
  --bg-body: #eef0f3;
  --white: #fff;
  --bg-danger: #ff6838;
  --bg-status-rejected: #ff3838;
  --bg-status-under: #ccbe42;
  --bg-earnings: #b6e4c7;
  --bg-swap: #b6d9e4;
  --bg-invest: #c2b6e4;
  --radius-xxs: 4px;
  --radius-xs: 6px;
  --radius-xs-plus: 8px;
  --radius-sm: 10px;
  --radius-input: 12px;
  --radius-sm-plus: 16px;
  --radius: 24px;
  --radius-plus: 32px;
  --radius-md: 90px;
  --f-size-xlg: 32px;
  --f-size-lg: 24px;
  --f-size-md: 20px;
  --f-size-sm: 14px;
  --f-size-xs: 12px;
  --f-size: 16px
}

html {
  scrollbar-gutter: stable
}

body {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  background: var(--bg-body);
  min-height: 100%
}

a {
  display: inline-block;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: .2s all ease
}

a,
a:active,
a:hover,
a:visited {
  text-decoration: none
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0
}

img {
  max-width: 100%
}

button,
button:focus,
input,
input:focus,
textarea,
textarea:focus {
  outline: none
}

button {
  border: none;
  background: transparent;
  display: inline-block
}

h5,
h6 {
  margin-bottom: 0
}

::selection {
  color: var(--color-selection);
  background: var(--bg-selection)
}

::-webkit-selection {
  color: var(--color-selection);
  background: var(--bg-selection)
}

::-moz-selection {
  color: var(--color-selection);
  background: var(--bg-selection)
}

.font-b-500 {
  font-weight: 500
}

.header {
  --vertical-padd: 20px;
  --horizontal-padd: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--vertical-padd) var(--horizontal-padd);
  gap: 0 10px;
  background: var(--white);
  border-bottom: 1px solid var(--bg-border-header)
}

.title-main {
  font-weight: 700;
  font-size: var(--f-size-xlg)
}

.logo-header {
  --width: 125px;
  display: inline-block;
  max-width: var(--width)
}

.right-header {
  --height-item: 40px;
  --gap: 0 12px;
  display: flex;
  gap: var(--gap)
}

.currency-header {
  display: flex;
  align-items: center;
  position: relative
}

.currency-header__btn {
  --padd: 20px;
  --width: 50px;
  display: inline-block;
  padding-right: 20px;
  min-height: var(--height-item);
  min-width: var(--width);
  font-weight: 700;
  background: url(/images/arrow-bottom.svg) 100% 48%/15px no-repeat
}

.setting-header__btn {
  display: inline-block;
  min-height: var(--height-item);
  min-width: var(--height-item);
  display: flex;
  justify-content: center;
  align-items: center
}

.notify-header {
  display: none
}

.notify-header__link {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: var(--height-item);
  min-width: var(--height-item);
  position: relative
}

.notify-header__count {
  font-weight: 500;
  font-size: 14px;
  color: var(--light);
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: var(--green);
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  position: absolute;
  top: -4px;
  right: -4px
}

.mob-init__btn {
  display: inline-block;
  min-height: var(--height-item);
  min-width: var(--height-item);
  position: relative;
  background: url(/images/burger-icon.svg) 50% 50%/30px no-repeat
}

@media (min-width:360px) {
  .logo-header {
    --width: 155px
  }
}

@media (min-width:576px) {
  .header {
    --vertical-padd: 20px;
    --horizontal-padd: 16px
  }

  .right-header {
    --gap: 0 25px
  }
}

@media (min-width:992px) {
  .currency-header__btn {
    --padd: 30px;
    --width: 68px
  }

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

.modal-curency__dialog {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  position: fixed;
  bottom: 0
}

.list-curency {
  padding-top: 15px
}

.modal-curency__close {
  font-size: 22px
}

.list-curency__item {
  font-weight: 700
}

@media(hover:hover) and (pointer:fine) {
  .list-curency__item {
    cursor: pointer
  }
}

.list-curency__item:not(last-child) {
  margin-bottom: 15px
}

.list-curency__item--active {
  background: url(/images/check_black.svg) 100% 50%/30px no-repeat
}

.menu {
  padding-top: 50px;
  transition: all .4s;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: var(--white);
  z-index: 2000
}

.menu--hidden {
  right: -120%
}

.menu__btn-close {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  transform: translate(0);
  display: inline-block;
  width: 50px;
  height: 50px
}

.menu__btn-colapse {
  display: none
}

.menu__profile {
  margin-bottom: 30px
}

.list-menu__link {
  display: flex;
  align-items: center;
  gap: 0 14px;
  padding: 16px;
  position: relative
}

.list-menu__link:before {
  content: "";
  transition: all .4s;
  left: 0;
  display: inline-block;
  width: 4px;
  height: 100%
}

.list-menu__link-label,
.list-menu__link:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.list-menu__link-label {
  right: 10px;
  display: inline-block;
  height: 24px;
  background: #4bc9f0;
  border-radius: 4px 4px 4px 4px;
  color: var(--white);
  padding-right: 25px;
  padding-left: 8px;
  font-size: var(--f-size-xs);
  display: flex;
  align-items: center
}

.list-menu__link-label:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  display: inline-block;
  width: 20px;
  height: 100%;
  z-index: 1;
  background: url(/images/arr-right-white.svg) 50%/12px no-repeat
}

.list-menu__link,
.list-menu__link:visited {
  transition: all .4s;
  color: var(--gray)
}

.list-menu__link--active,
.list-menu__link--active:visited {
  color: var(--blue-main)
}

.list-menu__link--active:before {
  background: var(--blue-main)
}

.list-menu__link--active .list-menu__img {
  filter: var(--blue-main-filter)
}

@media (hover:hover) and (pointer:fine) {

  .list-menu__link:hover,
  .list-menu__link:visited:hover {
    color: var(--blue-main)
  }

  .list-menu__link:hover:before {
    background: var(--blue-main)
  }

  .list-menu__link:hover .list-menu__img {
    filter: var(--blue-main-filter)
  }
}

.list-menu__text {
  font-weight: 700;
  font-size: var(--f-size-sm)
}

@media (min-width:576px) {
  .modal-curency__dialog {
    max-width: 100%;
    width: 100%;
    margin: 0
  }
}

@media (min-width:992px) {
  .menu {
    padding-top: 25px;
    transition: all .4s;
    position: sticky;
    width: 260px;
    min-height: 100vh;
    top: 0;
    right: unset;
    background: var(--white);
    z-index: 1
  }

  .menu__btn-close {
    display: none
  }

  .menu__btn-colapse {
    transition: all .4s;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 24px;
    right: 16px;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    border-radius: 50% 50% 50% 50%;
    box-shadow: 0 4px 20px 3px rgba(0, 16, 53, .15);
    background: var(--white)
  }

  .menu__btn-colapse.menu__btn-colapse--colapsed {
    transform-origin: center;
    transform: rotate(-180deg) translateY(50%)
  }

  .menu--hidden {
    right: unset
  }

  .main {
    --w-main-menu: 250px;
    --gap: 25px;
    --column-right: calc(var(--w-main-menu) + var(--gap));
    display: grid;
    grid-template-columns: var(--w-main-menu) calc(100% - var(--column-right));
    gap: 0 var(--gap);
    grid-template-rows: minmax(40px, auto) 1fr
  }

  .main.main--colapsed {
    --w-main-menu: 70px
  }

  .newpage-mainpart {
    padding-left: 0;
    padding-right: var(--gap)
  }

  .main__menu {
    position: sticky;
    width: var(--w-main-menu);
    grid-column: 1;
    grid-row: 1/3;
    align-self: start;
    overflow: auto;
    position: relative
  }

  .main__title {
    grid-column: 2/3;
    grid-row: 1/2
  }

  .main__content {
    grid-column: 2/3;
    grid-row: 2/3
  }
}

.avatar-profile__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}

.avatar-profile__img-wrapper {
  width: 100px
}

.avatar-profile__img {
  max-width: 100%;
  width: 64px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 12px;
  border-radius: var(--radius-sm)
}

.avatar-profile__initials,
.avatar-profile__name {
  font-size: var(--f-size-sm)
}

.menu:not(.menu--colapsed) .avatar-profile__initials {
  display: none
}

.avatar-profile__status {
  font-size: var(--f-size-sm);
  min-height: 21px
}

.avatar-profile-status {
  color: var(--white);
  border-radius: var(--radius);
  font-weight: 700;
  position: relative;
  padding: 3px 30px 2px 10px
}

.avatar-profile-status:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  display: inline-block;
  width: 18px;
  height: 18px
}

.avatar-profile-status--verified {
  background: var(--green)
}

.avatar-profile-status--under {
  background: var(--bg-status-under)
}

.avatar-profile-status--rejected {
  background: var(--bg-status-rejected)
}

.avatar-profile-status--not-verified {
  background: var(--bg-danger)
}

.avatar-profile-status--verified:before {
  background: url(/images/status-check-green.svg) 50% 50%/17px no-repeat
}

.avatar-profile-status--under:before {
  background: url(/images/status-under-yellow.svg) 50% 50%/17px no-repeat
}

.avatar-profile-status--rejected:before {
  background: url(/images/status-rejected-red.svg) 50% 50%/17px no-repeat
}

.avatar-profile-status--not-verified:before {
  background: url(/images/exclam-orange.svg) 50% 50%/17px no-repeat
}

.quotes-tape-wrapper {
  background: var(--white);
  margin-bottom: 40px
}

.quotes-tape__item {
  padding: 32px 24px;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  position: relative
}

.quotes-tape__item:not(:last-child):before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
  height: 2px;
  width: calc(100% - 32px);
  background: var(--light-gray)
}

.quotes-tape__coin {
  display: grid;
  grid-template-columns: 2.5fr 1fr 1fr;
  gap: 10px;
  grid-template-rows: repeat(2, 1fr)
}

.quotes-tape__coin-ico-wrapper {
  grid-column: 1/2;
  grid-row: 1/3
}

.quotes-tape__name {
  grid-column: 2/3;
  grid-row: 1/2;
  font-size: var(--f-size-sm);
  display: inline-flex;
  align-items: center;
  font-weight: 600
}

.quotes-tape__percent {
  grid-column: 3/4;
  grid-row: 1/2
}

.variation-percent {
  font-size: var(--f-size-xs);
  color: var(--white);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 10px
}

.variation-percent--down {
  background: var(--bg-danger)
}

.variation-percent--up {
  background: var(--green)
}

.quotes-tape__price {
  grid-column: 2/4;
  grid-row: 2/3;
  font-size: var(--f-size-md);
  font-weight: 700
}

@media (min-width:768px) {
  .quotes-tape {
    display: flex;
    align-items: center;
    justify-content: space-evenly
  }

  .quotes-tape__coin {
    grid-template-columns: 1fr 1fr 1fr
  }

  .quotes-tape__item:not(:last-child):before {
    content: "";
    position: absolute;
    top: 50%;
    left: unset;
    right: 0;
    transform: translateY(-50%);
    width: 2px;
    height: calc(100% - 32px);
    background: var(--light-gray)
  }
}

@media (min-width:992px) {

  .menu--colapsed .avatar-profile-status__text,
  .menu--colapsed .avatar-profile__name,
  .menu--colapsed .list-menu__link-label,
  .menu--colapsed .list-menu__text {
    display: none
  }

  .menu--colapsed .avatar-profile-status {
    padding-left: 0;
    padding-right: 0;
    background: unset
  }

  .menu--colapsed .avatar-profile-status:before {
    right: unset;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%
  }

  .menu--colapsed .avatar-profile-status--verified:before {
    border: 1px solid var(--green)
  }

  .menu--colapsed .avatar-profile-status--under:before {
    border: 1px solid var(--bg-status-under)
  }

  .menu--colapsed .avatar-profile-status--rejected:before {
    border: 1px solid var(--bg-status-rejected)
  }

  .menu--colapsed .avatar-profile-status--not-verified:before {
    border: 1px solid var(--bg-danger)
  }

  .menu--colapsed .avatar-profile__img-wrapper {
    padding-right: 28px;
    padding-left: 28px
  }
}

.steps-start-wrapper {
  width: 100%
}

.steps-start {
  background: var(--white);
  padding: 32px 20px 20px;
  position: relative;
}

.steps-start__body,
.steps__swiper {
  overflow: hidden
}

.steps__swiper,
.swipper-grid-desk__btn {
  width: 90%;
  margin-left:auto;
  margin-right:auto;
}

.steps-start__item {
  min-height: 100%
}

.steps-start__btn-wrapper-ico {
  position: relative;
  display: inline-block;
  align-self: start;
  width: 32px;
  height: 32px;
  margin-left: 16px;
  margin-bottom: 30px
}

.steps-start__btn-wrapper-ico:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50% 50% 50% 50%;
  box-shadow: 0 4px 20px 0 rgba(0, 16, 53, .15);
  background: var(--white);
  z-index: -1
}

.steps-start__btn-ico {
  width: 100%
}

.steps-start__card {
  border: 1px solid var(--light-gray);
  border-radius: var(--radius-sm-plus);
  display: flex;
  flex-direction: column;
  padding: 32px 10px 15px 16px
}

.steps-start__swiper--wallet .steps-start__card {
  background: var(--bg-body)
}

.steps-start__card-title {
  margin-bottom: 10px;
  font-size: var(--f-size)
}

.steps-start__card-text {
  font-size: var(--f-size-sm);
  flex-grow: 1
}

.btn-link {
  color: var(--blue-main);
  font-weight: 700;
  font-size: var(--f-size-sm);
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 25px;
  background: url(/images/arr-right-blue.svg) right 5px top 48%/6px no-repeat
}

.steps-start__footer {
  padding-top: 20px
}

.steps-start__btn-nav:disabled {
  filter: brightness(0) saturate(100%) invert(90%) sepia(13%) saturate(503%) hue-rotate(195deg) brightness(88%) contrast(86%)
}

.steps-start__btn-nav--left {
  transform: rotate(-180deg)
}

.how-use {
  background: var(--white);
  padding: 32px 24px
}

.how-use__title {
  font-weight: 700;
  font-size: var(--f-size-md);
  text-align: center;
  margin-bottom: 40px
}

.how-use__list {
  --gap-vertical: 105px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  gap: var(--gap-vertical) 0
}

.how-use__item,
.how-use__list {
  display: flex;
  flex-direction: column;
  align-items: center
}

.how-use__item {
  --w: 255px;
  text-align: center;
  max-width: var(--w);
  position: relative;
  padding-top: 20px;
  min-height: 100%
}

.how-use__item:not(:last-child):before {
  content: "";
  position: absolute;
  bottom: calc((var(--gap-vertical) - 10px)*-1);
  left: 50%;
  transform: translate(-50%);
  display: inline-block;
  width: 20px;
  height: calc(var(--gap-vertical) - 20px);
  background: url(/images/how-use-decor-vertical.svg) 50%/11px no-repeat
}

.step-how-use__num {
  font-weight: 500;
  color: var(--blue-main);
  font-size: var(--f-size-md);
  position: relative;
  z-index: 2;
  margin-bottom: 50px
}

.step-how-use__num:after {
  display: none
}

.step-how-use__num:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 4px 20px 0 rgba(0, 16, 53, .15);
  background: var(--white);
  z-index: -1
}

.step-how-use__title {
  font-weight: 500;
  margin-bottom: 20px
}

.step-how-use__text {
  font-size: var(--f-size-sm);
  color: var(--dark-lg)
}

.two-btns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px 0
}

.add-btn {
  padding: 16px 30px;
  font-size: var(--f-size-sm);
  background: var(--light-gray-btn);
  border-radius: var(--radius-xs)
}

.add-btn,
.main-btn {
  text-align: center;
  font-weight: 700
}

.main-btn {
  padding: 8px 15px;
  color: var(--white);
  border: 2px solid var(--blue-main);
  background: var(--blue-main);
  border-radius: var(--radius-xs)
}

.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn:disabled {
  /* color: var(--gray) */
  opacity: 0.75;
}

.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn:active,
.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn.main-btn:hover {
  color: var(--white)
}

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

.main-btn:disabled {
  /* color: var(--gray);
  background: var(--light-gray) */
}

.add-btn-h,
.main-btn-h {
  padding: 22px 26px
}

.clearnot-btn {
  background: var(--clearnot-btn);
  font-weight: 700;
  text-align: center;
  padding: 16px 34px;
  min-width: 180px
}

.upload-input-btn {
  position: absolute;
  right: -38px;
  top: 50%;
  transform: translateY(-50%)
}

.btn-round {
  font-weight: 700;
  font-size: 14px;
  line-height: 114%;
  color: var(--gray);
  padding: 6px 12px;
  border: 1px solid transparent
}

.btn-round--active {
  border: 1px solid var(--blue-main);
  color: var(--blue-main);
  border-radius: 100px
}

@media (hover:hover) and (pointer:fine) {

  .main-btn.main-btn.main-btn.main-btn,
  .main-btn:visited {
    color: var(--white)
  }
}

.outline-btn {
  text-align: center;
  padding: 8px 15px;
  background: var(--white);
  font-weight: 700;
  border: 2px solid var(--blue-main);
  color: var(--blue-main);
  border-radius: var(--radius-xs)
}

.outline-btn-h {
  padding: 22px 26px
}

@media (min-width:576px) {
  .two-btns {
    flex-direction: row;
    gap: 0 15px
  }
}

@media (min-width:768px) {
  .swipper-grid-desk__btn {
    position: absolute;
    top: calc(-1.5rem - 13px);
    right: 16px;
    transform: translateY(-50%);
    display: inline-block;
    width: auto;
    height: auto
  }

  .how-use {
    padding: 32px
  }

  .how-use__title {
    margin-bottom: 60px
  }

  .how-use__list {
    margin-bottom: 40px
  }

  .main-btn--vmob-100 {
    display: inline-block;
    width: auto
  }
}

@media (min-width:992px) {
  .steps-start__footer {
    position: absolute;
    right: 24px;
    top: 0
  }

  .how-use__list {
    --gap-lg: 20px;
    flex-direction: row;
    gap: 0 var(--gap-lg);
    align-items: start;
    justify-content: center
  }

  .how-use__item:not(:last-child):before {
    display: none
  }

  .how-use__item:not(:last-child) .step-how-use__num:after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc((var(--w) + 2)/2);
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 190px;
    height: 20px;
    background: url(/images/how-use-decor.svg) 50%/170px no-repeat
  }

  .clearnot-btn {
    min-width: 180px
  }
}

.list-step {
  background: var(--white);
  padding: 24px;
  display: flex;
  justify-content: center
}

.list-step__item {
  display: flex;
  gap: 0 26px;
  padding: 16px;
  align-items: center
}

.list-step__item:not(.list-step__item--active) {
  display: none
}

.list-step__num {
  color: var(--gray);
  font-weight: 700;
  font-size: var(--f-size-sm);
  position: relative
}

.list-step__num:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 35px;
  height: 35px;
  border: 2px solid var(--light-gray);
  border-radius: 50%
}

.list-step__item--active .list-step__num:after {
  border: 2px solid var(--green);
  color: var(--dark-lg)
}

.list-step__text {
  margin-bottom: 0
}

.wallet-setup__content {
  background: var(--white);
  width: 100%
}

.start-setup-wallet {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 25px 0;
  padding: 10px 20px
}

@media (min-width:992px) {
  .wallet-setup__inner {
    display: flex;
    gap: 0 5px
  }

  .list-step {
    min-width: 260px;
    display: flex;
    flex-direction: column;
    gap: 25px 0;
    justify-content: start
  }

  .list-step__item {
    position: relative
  }

  .list-step__item:not(.list-step__item--active) {
    display: flex
  }

  .list-step__num:before {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%);
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url(/images/line-dashed-vertical.svg) 50%/1px no-repeat
  }

  .list-step__num.last_list_step:before {
    background: none
  }
}

.modal-subtitle {
  font-weight: 500
}

.label-form {
  display: block;
  padding-bottom: 21px;
  position: relative;
  margin-bottom: 0
}

.label-form--empty {
  font-size: var(--f-size-xs)
}

.label-form--unfinished {
  color: var(--form-red)
}

.label-form--finished {
  color: var(--form-green)
}

.label-form__text {
  display: block;
  margin-bottom: 8px;
  font-size: var(--f-size-xs);
  color: var(--mid-gray);
  text-transform: uppercase
}

.label-form__text-wrapper {
  display: flex;
  gap: 0 10px;
  align-items: center;
  margin-bottom: 10px
}

.label-form__text-wrapper .label-form__text {
  margin-bottom: 0
}

.label-form__input-wrapper {
  display: block;
  position: relative
}

.label-form__icon-eyes {
  color: #babec6;
  cursor: pointer;
  position: absolute;
  top: 52%;
  right: 15px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: inline-block
}

.label-form__icon-eyes--visible {
  background: url(/images/eye.svg) no-repeat 50%/100%
}

.label-form__icon-eyes--no-visible {
  background: url(/images/eye-off.svg) no-repeat 50%/100%
}

.wallet-setup__form {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto
}

.form-start-wallet__title {
  text-align: center
}

.form-start-wallet__text {
  text-align: center;
  font-size: var(--f-size-md);
  font-weight: 600
}

.label-form__input {
  display: block;
  width: 100%;
  padding: 12px 40px 12px 16px;
  border: 2px solid var(--light-gray);
  border-radius: var(--radius-input)
}

.label-form__input-file {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  height: 24px;
  opacity: 0;
  cursor: pointer
}

.label-form__input:disabled {
  color: var(--gray);
  background-color: var(--bg-body)
}

.form-start-wallet__list-requirements {
  margin-bottom: 20px
}

.requirements-form__item {
  position: relative;
  padding-left: 15px;
  color: var(--gray);
  font-size: var(--f-size-xs)
}

.requirements-form__item--check {
  color: var(--green)
}

.requirements-form__item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--gray)
}

.requirements-form__item--check.requirements-form__item:before {
  background: var(--green)
}

.phrases__title-warning {
  font-size: var(--f-size-sm);
  text-align: center
}

.phrases__title-warning,
.warning-phrases-list {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto
}

.warning-phrases-list {
  display: flex;
  flex-direction: column;
  align-items: center
}

.warning-phrases-list__item {
  position: relative;
  padding-left: 15px;
  color: var(--gray);
  font-size: var(--f-size-sm)
}

.warning-phrases-list__item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--gray)
}

.form-warning {
  text-align: center;
  color: var(--bg-status-rejected);
  font-size: var(--f-size-xs)
}

.privacy-text {
  max-width: 800px;
  padding-bottom: 20px;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

.wallet-setup__phrases {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto
}

@media (min-width:992px) {
  .form-start-wallet__footer-btn {
    flex: 0 0 calc(50% - 8px)
  }
}

.phrases__input {
  border: 1px solid var(--light-gray);
  border-radius: 2px 2px 2px 2px;
  padding: 5px
}

.phrases__warpper-submit {
  display: flex;
  justify-content: center
}

.phrases__check,
.phrases__warpper-submit {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px
}

.phrases__check {
  display: block
}

.spiner-bg {
  width: 110px;
  height: 110px;
  margin-left: auto;
  margin-right: auto;
  background: url(/images/spiner-lg.png) 50%/99% no-repeat;
  animation: spin 2s linear infinite
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.wallet-admin {
  background: var(--white)
}

.list-head-wallet__text {
  font-size: var(--f-size-md);
  font-weight: 700;
  color: var(--gray)
}

.list-head-wallet__title {
  font-size: var(--f-size-md);
  font-weight: 700;
  padding-top: 15px;
  border-top: 1px solid var(--light-gray-sm)
}

.list-head-wallet__item {
  margin-bottom: 10px
}

.list-head-wallet__btn {
  display: block
}

.list-head-wallet__item--left {
  margin-right: auto
}

@media (min-width:768px) {
  .list-head-wallet {
    display: flex;
    gap: 0 10px;
    flex-wrap: wrap
  }

  .list-head-wallet__btn {
    display: inline-block
  }
}

.wallet-admin__main {
  min-height: 100%
}

.wallet-card-wrapper.wallet-card-wrapper.wallet-card-wrapper.wallet-card-wrapper.wallet-card-wrapper {
  padding-left: 5px;
  padding-right: 5px
}

.wallet-card {
  border: 1px solid var(--light-gray-sm);
  min-height: 100%;
  height: 100%;
  padding: 10px;
  border-radius: var(--radius-xxs);
  margin-bottom: 10px;
  background: #fcfcfd
}

.wallet-card--active {
  border: 1px solid var(--green);
  background: #f1fffb;
}



.wallet-card--active .wallet-card-footer__item{
  background: #fff;
}

.wallet-card-add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 150px
}

.wallet-card__cover {
  top: 0;
  left: 0
}

.wallet {
  background: var(--white);
  padding: 24px
}

.wallet-card__name {
  font-weight: 500;
  font-size: var(--f-size-sm);
  color: var(--dark-lg);
  display: flex;
  justify-content: space-between
}

.wallet-card__ico {
  margin-right: 15px;
  width: 40px
}

.wallet-card__btn-more {
  display: inline-flex;
  align-items: center
}

.drop-menu-wallet__item {
  font-weight: 700;
  padding-top: 8px;
  padding-bottom: 8px
}

.drop-menu-wallet__item-img {
  padding-right: 6px;
  position: relative;
  top: -2px
}

.drop-menu-wallet__ico {
  margin-right: 10px;
  color: var(--gray);
  font-weight: 500
}

.wallet-card__info {
  gap: 0 15px
}

.wallet-card__info,
.wallet-card__info-link {
  display: flex;
  justify-content: center;
  align-items: center
}

.wallet-card__info-link {
  flex-direction: column;
  gap: 10px 0
}

.wallet-card:not(.wallet-card--active) .wallet-card__info-ico-refresh {
  filter: brightness(0) saturate(100%) invert(50%) sepia(21%) saturate(284%) hue-rotate(185deg) brightness(95%) contrast(87%)
}

.wallet-card__info-title {
  font-size: var(--f-size-md);
  font-weight: 700
}

.wallet-card__info-text {
  color: var(--gray);
  font-weight: 600
}

.wallet-card-footer {
  display: flex;
  justify-content: space-between;
  gap: 0 10px
}

.wallet-card-footer__item {
  border: 2px solid var(--light-gray);
  border-radius: 90px 90px 90px 90px;
  padding: 4px 16px;
  display: flex;
  align-items: center;
  gap: 0 10px
}

.wallet-card-footer__link {
  color: var(--mid-sm-gray);
  font-weight: 700;
  font-size: var(--f-size-sm)
}

.wallet-card,
.wallet-card--asset {
  display: flex;
  flex-direction: column;
  min-height: 200px
}

.wallet-card__info,
.wallet-card__info-decimal {
  flex-grow: 1
}

.wallet-card--asset .wallet-card-footer__link,
.wallet-card.wallet-card--active .wallet-card-footer__link {
  filter: brightness(0) saturate(100%) invert(12%) sepia(7%) saturate(1553%) hue-rotate(188deg) brightness(96%) contrast(92%)
}

.assets-exist {
  margin-bottom: 25px
}

.assets-exist__img {
  width: 40px
}

.wallet-modal .modal-main {
  padding-bottom: 25px
}

.wallet-modal .modal-header {
  border: none
}

.wallet-modal__footer {
  --gap: 10px;
  display: flex;
  flex-direction: column;
  gap: var(--gap)
}

.wallet-modal__footer>* {
  flex: 0 0 auto;
  width: 100%
}

.wallet-modal__input {
  border: 2px solid var(--light-gray)
}

.modal-add-assets__content,
.modal-info__content {
  width: 100%;
  overflow-y: auto;
  max-width: 648px
}

.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob {
  margin: 0;
  max-width: 100%;
  width: 100%;
  min-height: 100vh
}

.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob .modal-content {
  min-height: 100vh;
  overflow-y: auto
}

.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob .modal-body {
  border-radius: 0 0 0 0
}

.modal-info__body {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.modal-info__head {
  display: flex;
  justify-content: flex-end
}

.modal-info__title {
  margin-bottom: 35px
}
.modal-info__title *{
  font-weight: 700;
}

.modal-info__item {
  margin-bottom: 16px
}

.modal-info__label {
  text-transform: uppercase;
  font-weight: 700;
  font-size: var(--f-size-xs);
  color: var(--mid-gray);
  margin-bottom: 8px
}

.modal-info__input {
  border: 2px solid var(--light-gray);
  display: block
}

.modal-info__input.modal-info__input.modal-info__input.modal-info__input:disabled {
  color: #23262F;
  background: var(--white);
  font-weight: 500;


}

.modal-info__footer {
  padding-top: 22px
}

.modal-info__footer .main-btn {
  width: 100%
}

.modal-header.modal-header.modal-header.modal-header.modal-header.modal-header {
  border-bottom: unset
}

.modal-dialog.modal-dialog.modal-dialog.modal-dialog.modal-dialog.modal-dialog {
  max-width: 465px
}

.modal-dialog.modal-dialog.modal-dialog.modal-dialog.modal-dialog.modal-dialog.modal-curency__dialog {
  max-width: 100%
}

@media (min-width:768px) {
  .modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob {
    margin: 1.5rem auto;
    max-width: 490px;
    width: auto;
    min-height: auto
  }
  .modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob--lg {
    max-width: 700px;
    min-width: 600px;
  }

  .modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob .modal-body {
    border-radius: .5rem;
    height: auto
  }

  .modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob .modal-content {
    min-height: auto;
    overflow-y: auto;

  }
  .modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob.modal-dialog-mob--lg .modal-content {
    min-height: auto;
    overflow-y: auto;

  }
}

@media (min-width:992px) {
  .modal-curency.modal-curency.modal-curency .modal-curency__dialog {
    position: relative;
    top: 45px;
    right: 0;
    box-shadow: 0 16px 64px -48px rgba(31, 47, 70, .15);
    background: #fcfcfd;
    border-radius: 12px
  }

  .modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency .modal-curency__body,
  .modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency .modal-curency__content,
  .modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency .modal-curency__dialog {
    border-radius: 12px;
    box-shadow: 0 40px 26px -52px rgba(31, 47, 70, 0.15);
    position: relative;
    top: 0;
    right: -10px;
  }

  .modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency {
    position: absolute;
    min-width: 450px;
    height: auto;
    min-height: 350px;
    left: unset;
    right: -15px;
    padding: 35px;
  }

  .modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency .modal-curency__content {
    border: unset;
    box-shadow: 0 16px 64px -48px rgba(31, 47, 70, .15)
  }

  .modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency .list-curency__item--active {
    background: unset
  }

  .modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency .modal-curency__header {
    display: none
  }

  .modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency.modal-curency:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: -1
  }

  .modal-body {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .modal-add-assets__content {
    position: relative
  }

  .modal-info__content {
    width: auto;
    position: relative
  }

  .modal-info__body {
    min-height: 80dvh;
    border-radius: var(--radius-xs-plus)
  }

  .wallet-modal__footer {
    --gap: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    gap: var(--gap)
  }

  .wallet-modal__footer>* {
    flex: 0 0 auto;
    width: calc(50% - var(--gap)/2)
  }
}

@media (min-width:1200px) {
  .col-xl-3.wallet-card-wrapper {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
}

@media (min-width:1300px) {
  .col-xl-3.wallet-card-wrapper {
    flex: 0 0 25%;
    max-width: 25%
  }
}

.modal-add-assets__header {
  border-bottom: none
}

.modal-add-assets__title {
  text-align: center;
  font-weight: 700
}

.modal-add-assets__label {
  text-transform: uppercase;
  font-weight: 700;
  font-size: var(--f-size-xs);
  color: var(--mid-gray);
  margin-bottom: 8px
}

.modal-add-assets__input {
  border: 2px solid var(--light-gray);
  display: block;
  width: 100%
}

.assets-exist__item {
  margin-bottom: 22px;
  border-bottom: 1px solid var(--light-gray);
  padding-bottom: 8px
}

.modal-confirm__header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px
}

.modal-confirm__title {
  font-weight: 700
}

.modal-confirm__footer {
  padding-bottom: 20px
}

.modal-send-asset__title {
  text-align: center
}

.dropdown-select__btn {
  display: block;
  width: 100%;
  border: 2px solid var(--light-gray);
  text-align: left;
  position: relative;
  border-radius: var(--radius-sm);
  padding: 13px
}

.dropdown-select__btn:after {
  display: none
}

.dropdown-select__btn:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(/images/arr-bottom.svg) 50% 50%/10px no-repeat
}

.dropdown-select__item-img {
  width: 25px;
  object-fit: contain;
  margin-right: 8px
}

.nav-trusty {
  justify-content: space-evenly;
  border: none;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 20px 10px;
  background: var(--bg-body)
}

.nav-trusty__item {
  flex-grow: 1;
  display: flex;
  justify-content: center
}

.nav-trusty__item:not(:last-child) {
  border-right: 1px solid var(--mid-gray);
  margin-right: 16px
}

.nav-trusty__link {
  color: var(--gray);
  font-weight: 500;
  background: none;
  border-color: transparent;
  padding-left: 50px;
  position: relative;
  white-space: nowrap
}

.nav-trusty__img,
.nav-trusty__img-active {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 40px;
  height: 40px
}

.nav-trusty__img-active {
  width: 55px;
  height: 55px;
  top: 58%;
  left: -5%;
  display: none
}

.nav-trusty__link.active .nav-trusty__img-active {
  display: flex
}

.nav-trusty__link.active .nav-trusty__img {
  display: none
}

.nav-trusty .nav-trusty__item .nav-trusty__link.active {
  color: var(--dark-lg);
  background: none;
  border-color: transparent
}

.swiper-grid-column>.swiper-wrapper {
  flex-direction: unset !important
}

.create-token-wrapper {
  background: var(--white)
}

.create-token-form {
  max-width: 990px;
  margin-left: auto;
  margin-right: auto
}

.create-token-form__title {
  font-weight: 700;
  font-size: var(--f-size-md);
  border-bottom: 1px solid var(--light-gray);
  padding-bottom: 25px;
  margin-bottom: 20px
}

@media (min-width:768px) {

  /* .modal-bg:before, */
  .modal-confirm:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5
  }

  .create-token-form {
    --x-spacing: 6.8vw;
    padding-left: var(--x-spacing);
    padding-right: var(--x-spacing)
  }

  .create-token-form__title {
    padding-bottom: 31px;
    margin-bottom: 25px;
    margin-left: calc(var(--x-spacing)*-1);
    margin-right: calc(var(--x-spacing)*-1)
  }
}

@media (min-width:1400px) {
  .create-token-form {
    --x-spacing: 100px
  }
}

.switch {
  position: relative;
  top: -5px
}

.nowrap-text {
  white-space: nowrap
}

.switch input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  top: 0
}

.switch input[type=checkbox]+.switch__checkbox {
  right: 0;
  z-index: 1;
  border: 1px solid var(--light-gray);
  border-radius: var(--radius-plus);
  padding: 4px;
  width: 48px;
  height: 24px;
  background: var(--light-gray-sm)
}

.switch input[type=checkbox]+.switch__checkbox,
.switch input[type=checkbox]+.switch__checkbox:before {
  cursor: pointer;
  transition: all .4s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block
}

.switch input[type=checkbox]+.switch__checkbox:before {
  content: "";
  left: 4px;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background: var(--gray)
}

.switch input[type=checkbox]:checked+.switch__checkbox {
  background: var(--green);
  border: 1px solid var(--green)
}

.switch input[type=checkbox]:checked+.switch__checkbox:before {
  left: 27px;
  background: #fcfcfd
}

.footer {
  padding: 40px 0 50px;
  background: #00072d
}

.footer__inner-wrapper {
  max-width: 1330px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px
}

.footer__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between
}

.footer__item:not(:last-child) {
  padding-right: 10px
}

.footer-logo__link {
  display: block;
  margin-bottom: 10px;
  padding-right: 8px
}

.footer-logo__img {
  display: inline-block;
  width: 100%
}

.footer-logo__copy {
  color: #667080;
  font-size: 14px
}

.footer-nav__list {
  padding-left: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 0
}

.footer-nav__item:not(:last-child) {
  margin-right: 34px
}

.footer-nav__link,
.footer-nav__link:active,
.footer-nav__link:visited {
  transition: .2s;
  color: #fff
}

@media(hover:hover) and (pointer:fine) {
  .footer-nav__link:hover {
    transition: .2s;
    opacity: .9;
    color: #fff
  }
}

.social {
  padding-left: 0;
  display: flex;
  justify-content: center;
  margin-bottom: 0
}

.social__item {
  min-height: 100%
}

.social__item:not(:last-child) {
  margin-right: 20px
}

.social__link {
  transition: .3s;
  width: 25px;
  height: 25px
}

.social__link:hover {
  opacity: .8
}

.social__ico {
  width: 100%;
  object-fit: contain
}

@media (max-width:991.98px) {
  .footer {
    padding-bottom: 40px
  }

  .footer__inner {
    flex-direction: column
  }

  .footer__item:not(:last-child) {
    margin-bottom: 30px
  }

  .footer__item:last-child {
    padding-top: 5px
  }

  .footer-nav__item {
    margin-bottom: 10px
  }
}

@media (max-width:767.98px) {
  .footer-nav__item:not(:last-child) {
    margin-right: 15px
  }
}

.page-swap__inner {
  display: flex;
  justify-content: flex-end
}

.page-swap__explanatory-text {
  margin-bottom: 30px
}

.swap-wrapper {
  background: #fff;
  padding: 75px 20px 25px
}

.swap {
  max-width: 600px;
  margin: 0 auto;
  background: linear-gradient(153deg, #fff, #c5d2ff), #fff;
  padding: 46px 41px 56px;
  border-radius: 4px 4px 4px 4px
}

.swap__head {
  margin-bottom: 28px
}

.swap-head {
  display: grid;
  grid-template-columns: 1fr 185px;
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 10px;
  grid-row-gap: 0
}

.swap-head__tabs {
  grid-area: 1/1/3/2;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

@media (min-width:400px) {
  .swap-head__tabs {

    margin-bottom: 0px;
  }

}
.tabs-head-swap__item:not(:last-child) {
  margin-right: 15px
}

.swap-head__title {
  grid-area: 1/1/2/2;
  margin-bottom: 0
}

.swap-head__explonatory {
  grid-area: 2/1/3/2;
  letter-spacing: -.017em;
  color: rgba(101, 103, 107, .5)
}

.swap-head__percent-wrapper {
  grid-area: 1/2/3/3;
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.btn.focus.swap-head__tolerance,
.btn:focus.swap-head__tolerance {
  box-shadow: unset
}

.btn.focus.swap-head__tolerance:before,
.btn:focus.swap-head__tolerance:before {
  box-shadow: 0 0 0 .15rem rgba(0, 0, 0, .25)
}

.btn.focus,
.btn:focus,
.change-tokens__btn-chenge:focus {
  box-shadow: 0 0 0 .05rem rgba(0, 0, 0, .25)
}

.swap-head__tolerance {
  position: relative;
  --url-img: url(../images/Icon-unblock.svg);
  display: inline-block;
  width: 45px;
  height: 45px;
  z-index: 2;
  background-size: 12px;
  border: none;
  margin-right: 20px;
  padding: 0
}

.swap-head__tolerance:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 30px;
  height: 30px;
  background: var(--url-img) #fff no-repeat top 50% left 50% / 15px;
  z-index: 1;
  border-radius: 50%;
  box-shadow: 0 9px 18px rgba(15, 25, 57, .2)
}

.swap-head__tolerance--block {
  --url-img: url(../images/Icon-block.svg)
}

.swap-select-perc__btn {
  background:
  url(../images/swap-percent.svg) no-repeat top 50% left 12px,
   url(../images/arrow-bottom.svg) no-repeat top 45% right 12px, #fff;
  background-size: 15px;
  box-shadow: 0 9px 18px rgba(15, 25, 57, .2);
  border-radius: 9px;
  padding: 6px 32px;
  display: inline-block;
  min-width: 115px
}

.select-perc__menu {
  max-width: 100%
}

.select-perc__item {
  background: url(../images/swap-percent.svg) no-repeat top 50% left 12px, #fff;
  background-size: 15px;
  padding-left: 32px
}

.change-tokens__prime {
  margin-bottom: 12px
}

.change-token-single,
.change-tokens__prime,
.change-tokens__second {
  display: flex;
  background: #fff;
  padding: 14px 18px;
  border-radius: 12px;
  border: 2px solid var(--light-gray) !important
}

.change-token-single__label,
.change-tokens__label {
  flex: 1 1 135px
}

.change-tokens__status {
  display: block;
  color: #dbdbdb;
  margin-bottom: 8px
}

.change-tokens__input-wrapper {
  position: relative;
  padding-left: 15px
}

.change-tokens__input-wrapper:before {
  content: "~";
  position: absolute;
  top: 40%;
  left: 5px;
  transform: translateY(-100%);
  width: 10px;
  height: 10px;
  display: flex;
  align-items: start
}

.change-tokens__input {
  width: 100%;
  border: none
}

.change-tokens__choice {
  flex: 1 1 105px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center
}

.change-tokens__balance {
  margin-bottom: 8px
}

.swap-select {
  min-width: 120px;
  height: 80%
}

.swap-select__btn {
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 4px 25px 4px 15px;
  background: url(/images/arr-bottom-blackc.svg) 100px 48%/10px no-repeat;
  font-weight: 700
}

.swap-select__selected-ico {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px
}

.coin-select__img {
  width: 100%
}

.swap-select__menu {
  background: var(--white)
}

.swap-select__dropdown-item {
  padding-right: 25px;
  cursor: pointer;
  display: flex;
  padding-left: 8px
}

.swap-select__dropdown-item:hover {
  background: #ecf0ff
}

.swap-select__ico {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 10px;
  text-align: right
}

.swap-select__name {
  flex: 0 0 auto;
  width: 45px
}

.swap-select__id {
  text-transform: uppercase;
  color: #9fa5af;
  flex: 1 1 auto;
  padding-left: 7px
}

.change-tokens__second {
  position: relative;
  margin-bottom: 6px
}

.change-tokens__btn-chenge-wrapper {
  position: absolute;
  border: none;
  display: inline-block;
  width: 58px;
  height: 48px;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (min-width: 992px) {
  .change-tokens__btn-chenge-wrapper {
    left: 65%;
  }


}

.change-tokens__btn-chenge {
  position: absolute;
  border: none;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/images/btn-change-token.svg) 49% 46%/24px no-repeat, var(--white)
}

.change-tokens__course {
  text-align: right
}

.swap__network-btn {
  width: 100%;
  text-align: left;
  background: url(../images/arrow-bottom.svg) no-repeat top 50% right 20px/15px, #fff;
  padding: 22px;
  border-radius: 12px
}

.swap__network-btn,
.swap__network-link {
  display: flex;
  align-items: center
}

.swap__network-link,
.swap__network-link:active,
.swap__network-link:hover,
.swap__network-link:visited {
  color: #000
}

.swap__network-menu {
  width: 100%
}

.swap-select__img {
  display: inline-block;
  max-width: 15px;
  margin-right: 8px
}

.swap__network {
  margin-bottom: 30px
}

.swap__network-name {
  margin-bottom: 3px
}

.swap__summary {
  margin-bottom: 38px
}

.swap__summary-name {
  margin-bottom: 3px
}

.sumary-swap__list {
  background: #fff;
  border-radius: 12px;
  padding: 20px 24px
}

.sumary-swap__item {
  display: flex;
  justify-content: space-between;
  line-height: 1.5;
  align-items: center
}

.sumary-swap__name {
  font-size: 16px;
  line-height: 1.7;
  color: #777E90;
}

.sumary-swap__value {
  font-weight: 600
}

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

.swap__connect-btn {
  text-transform: uppercase;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px
}

.modal-swap-subm__content {
  max-width: 677px;
  border: none;
  box-shadow: 0 12px 42px 0 rgba(14, 27, 70, .1)
}

.modal-swap-subm__wrapper-img {
  width: 111px;
  height: 111px;
  margin: 0 auto 30px
}

.id-subm-transaction__id,
.id-subm-transaction__label {
  text-align: center
}

.id-subm-transaction__label--swap{
text-align-last: left;
}

.id-subm-transaction__id a{
  color: #000;
}

.modal-swap-subm__id.id-subm-transaction.id-subm-transaction--swapp{
  border: 1px solid #e6e8ec;
border-radius: 12px;
padding: 24px;
}

.id-subm-transaction__label {
  color: rgba(101, 103, 107, .5)
}

.id-subm-transaction__id {
  color: #3b82f6;
}

.id-subm-transaction__link,
.id-subm-transaction__link:active,
.id-subm-transaction__link:visited {
  color: var(--color-btn);
  font-weight: 600
}

.modal-swap-subm__btn.modal-swap-subm__btn {
  text-transform: uppercase;
  font-weight: 700
}

.swap-alt-wrapper {
  background: #fff;
  padding: 127px 60px 120px;
  box-shadow: 0 30px 59px 0 rgba(14, 17, 63, .1)
}

.swap-alt {
  background: #fff;
  box-shadow: 0 19px 70px 0 rgba(1, 3, 10, .11);
  padding: 77px 54px 96px;
  max-width: 600px;
  margin: 0 auto
}

.swap-alt-head__title {
  margin-bottom: 0
}

.swap-alt-head__explonatory {
  color: rgba(101, 103, 107, .5);
  margin-bottom: 48px
}

.swap-alt__qr {
  margin-bottom: 18px
}

.qr-swap-alt {
  display: flex
}

.qr-swap-alt__wrapper-img {
  width: 208px;
  aspect-ratio: 1/1;
  flex: 0 0 auto
}

.qr-swap-alt__img {
  object-fit: contain;
  width: 100%
}

.qr-swap-alt__info {
  padding-left: 32px
}

.qr-swap-alt__text-head {
  margin-bottom: 25px
}

.qr-swap-alt__text,
.qr-swap-alt__text-head {
  color: #4a4a4a;
  line-height: 1.5;
  font-weight: 500
}

.qr-swap-alt__text {
  margin-bottom: 16px;
  line-height: 1.5
}

.qr-swap-alt__label {
  color: rgba(74, 74, 74, .4);
  display: block;
  line-height: 1.2
}

.transaction-keys__address,
.transaction-keys__label {
  display: block
}

.transaction-keys__key {
  display: block;
  position: relative
}

.transaction-keys__input-key {
  display: block;
  width: 100%;
  background: #f0f3ff;
  border: none;
  border-radius: 10px;
  padding: 25px 65px 25px 25px;
  overflow-x: auto
}

.transaction-keys__copied {
  top: 0;
  right: 10px;
  width: 50px;
  height: 50px;
  color: var(--form-green)
}

.transaction-keys__btn-copy,
.transaction-keys__copied {
  position: absolute;
  transform: translateY(-50%);
  display: inline-block
}

.transaction-keys__btn-copy {
  top: 50%;
  right: 5px;
  width: 40px;
  height: 40px;
  border: none;
  background: url(../images/icon-copy-blue.svg) no-repeat 50%
}

.transaction-keys__btn-copy:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 30px;
  height: 50px;
  background: linear-gradient(269.68deg, #f0f3ff 34.29%, rgba(240, 243, 255, 0) 99.72%);
  z-index: -1
}

.transaction-keys__info {
  color: var(--form-red);
  margin-bottom: 48px
}

.page-swap-alt__chouse-wallet {
  display: flex;
  justify-content: flex-end
}

@media (max-width:1199.98px) {
  .swap-wrapper {
    padding-top: 80px;
    padding-bottom: 80px
  }
}

@media (max-width:991.98px) {
  .swap-alt-wrapper {
    padding: 79px 60px 120px
  }
}

@media (max-width:767.98px) {
  .swap-wrapper {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .swap__head {
    margin-bottom: 17px
  }

  .swap-alt-wrapper {
    padding: 50px 10px
  }

  .swap-alt {
    padding: 47px 14px 60px
  }

  .swap-alt-head__explonatory {
    margin-bottom: 20px
  }

  .transaction-keys__input-key {
    padding: 17px 45px 14px 15px
  }

  .swap-select__menu.show {
    transform: translate3d(-78px, 34px, 0) !important
  }
}



@media (max-width:399.98px) {
  .swap-head {
    display: block
  }
}
@media (max-width:575.98px) {
  .swap-wrapper {
    /* margin-left: -15px;
    margin-right: -15px; */
    padding: 0 15px;
    margin-bottom: 60px
  }

  .swap {
    padding: 46px 12px 56px
  }



  .swap-head__percent-wrapper {
    justify-content: start
  }

  .change-tokens__balance,
  .change-tokens__status {
    font-size: 14px
  }

  .swap-select__btn {
    padding: 4px 10px 4px 15px
  }

  .change-tokens__course {
    font-size: 14px
  }

  .change-tokens__prime,
  .change-tokens__second {
    border-radius: 6px;
    border: 2px solid var(--light-gray) !important
  }

  .swap__network {
    margin-bottom: 12px
  }

  .swap__network-btn {
    padding-top: 12px;
    padding-left: 9px;
    padding-bottom: 12px
  }

  .swap__network-item {
    padding-left: 10px
  }

  .swap__summary {
    margin-bottom: 23px
  }

  .sumary-swap__list {
    padding-left: 11px;
    padding-right: 11px
  }

  .sumary-swap__name {
    font-size: 14px;
    line-height: 1.2
  }

  .sumary-swap__value {
    font-size: 12px
  }



  .sumary-swap__item:not(:last-child) {
    margin-bottom: 10px
  }

  .swap-alt-wrapper {
    padding: 0
  }

  .swap-alt {
    padding: 40px 15px
  }

  .qr-swap-alt {
    display: block
  }

  .qr-swap-alt__wrapper-img {
    margin: 0 auto 15px
  }

  .qr-swap-alt__info {
    padding-left: 0
  }

  .transaction-keys__info {
    margin-bottom: 28px
  }
}

@media (max-width:419.98px) {

  .change-tokens__balance,
  .change-tokens__course,
  .change-tokens__status {
    font-size: 13px
  }
}

.feature-table {
  padding: 8% 5%;
  background: var(--white)
}

.feature-table--confirm {

  max-width: 530px;
  height: auto;
  margin: 0 auto;
  overflow-y: auto;
  border-radius: var(--radius-sm);
  z-index: 1050
}

.feature-table__title {
  margin-bottom: 30px
}

.feature-table__title--confirm {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
}

.feature-table__explonatory {
  text-align: center;
  margin-bottom: 60px
}

.feature-table__inner-wrapper {
  border: 1px solid #e6e8ec;
  border-radius: 12px
}

.feature-table__inner {
  width: 100%;
  padding-bottom: 10px
}

.feature-table__inner:not(:last-child) {
  margin-bottom: 60px
}

.feature-table__row {
  padding-bottom: 19px;
  font-size: 16px
}

.feature-table__row:not(:last-child) {
  border-bottom: 1px solid rgba(87, 88, 94, .19)
}

.feature-table__row>* {
  padding-top: 15px;
  padding-bottom: 15px;

  display: block;
  text-align: left;
}

.feature-table__row:first-child>* {
  padding-top: unset
}

.feature-table__name {
  color: #57585e;
  font-weight: 400;
  line-height: 1.5
}

.feature-table__value {
  color: #373737;
  text-align: right;
  font-weight: 500;
  line-height: 1.5
}

@media screen and (max-width: 390px) {
  .sumary-swap__item {
    justify-content: start;
    flex-direction: column;
    align-items: start
  }
}
@media screen and (min-width: 400px) {
  .feature-table__row>* {
    padding-top: 16px;
    padding-bottom: 10px;
    display: table-cell;
  }
  .feature-table__value{
    text-align: right;
  }

}

.feature-table__img-coin {
  max-width: 22px;
  object-fit: contain;
  position: relative;
  top: -1.5px;
  margin-right: 10px
}

.feature-table__btn-subm {
  width: 100%;
  text-transform: uppercase;
  padding: 13px
}

.seting__nav {
  flex-wrap: nowrap;
  overflow-x: auto
}

.seting__nav .nav-setting__item .nav-setting__link.active {
  transition: all .2s ease;
  color: var(--blue-main);
  background: unset
}

.seting__nav .nav-setting__item .nav-setting__link.active+.nav-setting__img {
  filter: brightness(0) saturate(100%) invert(29%) sepia(77%) saturate(5738%) hue-rotate(233deg) brightness(105%) contrast(93%)
}

@media(hover:hover) and (pointer:fine) {
  .seting__nav .nav-setting__item .nav-setting__link:hover {
    transition: all .2s ease;
    opacity: 1;
    color: var(--blue-main)
  }

  .seting__nav .nav-setting__item .nav-setting__link:hover+.nav-setting__img {
    filter: brightness(0) saturate(100%) invert(29%) sepia(77%) saturate(5738%) hue-rotate(233deg) brightness(105%) contrast(93%)
  }
}

.nav-setting {
  background: var(--white);
  padding: 24px 18px;
  border-radius: var(--radius-xxs)
}

.nav-setting__item {
  position: relative;
  margin-bottom: 10px
}

.nav-setting__link {
  transition: all .2s ease;
  width: 100%;
  text-align: left;
  padding-left: 58px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 700;
  color: var(--gray);
  font-size: var(--f-size-sm);
  position: relative;
  white-space: nowrap
}

.nav-setting__img {
  transition: all .2s ease;
  position: absolute;
  top: calc(50% - 1px);
  left: 16px;
  transform: translateY(-50%);
  display: inline-block;
  width: 20px;
  height: 20px
}

.tab-setting__pane {
  background: var(--white);
  padding: 23px 18px;
  height: 100%;
}

.edit-status__explanatory {
  color: var(--silver-medium);
  margin-bottom: 15px
}

@media (max-width:767.98px) {
  .profile__wrapper-edit {
    padding-left: 12px;
    padding-right: 12px
  }
}

@media (min-width:992px) and (max-width:1199.98px) {
  .profile__edit {
    padding: 6% 5%
  }
}

.edit-profile__btns {
  display: flex;
  flex-direction: column;
  padding-left: 15px;
  padding-right: 15px
}

@media (max-width:449.98px) {
  .profile__edit {
    padding: 6% 4%
  }

  .edit-profile__btns {
    padding-left: 0;
    padding-right: 0
  }
}

.edit-profile__avatar {
  flex: 0 0 124px;
  width: 124px;
  height: 124px;
  border-radius: var(--radius);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
  position: relative
}

@media (max-width:1299.98px) {
  .edit-profile__avatar {
    margin-right: 10px
  }
}

@media (min-width:768px) and (max-width:1199.98px) {
  .edit-profile__avatar {
    margin-right: 0;
    flex: 0 0 110px;
    height: 110px;
    width: 110px
  }
}

@media (max-width:575.98px) {
  .title-light.title-light {
    font-size: 20px
  }
}

@media (max-width:449.98px) {
  .edit-profile__avatar {
    margin-right: 0;
    margin-bottom: 25px
  }
}

.edit-profile__avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.edit-profile__avatar-img:hover {
  cursor: pointer
}

.btn-del {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: none
}

.btn-del--avatar {
  position: absolute;
  top: 0;
  right: 2px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--white)
}

.btn-chouse-avater {
  color: var(--blue-main);
  border: 2px solid var(--blue-main);
  background: transparent;
  font-weight: 700;
  border-radius: var(--radius-sm)
}

a.btn-chouse-avater:hover {
  transition: .2s;
  color: var(--blue-main);
  opacity: .8
}
.inactive_verification {
 color: #989898;
 border-color: #989898;
}

.btn-uploud-photo {
  transition: all .2s ease;
  color: var(--blue-main);
  border: 2px solid var(--blue-main);
  background: transparent;
  font-weight: 700;
  cursor: pointer;
  border-radius: var(--radius-sm);
  margin-bottom: 0
}

.btn-uploud-photo:hover {
  transition: all .2s ease;
  opacity: .85
}

.btn-uploud-photo__file {
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden
}

.edit-profile__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  text-align: center;
  min-width: 150px
}

.edit-status__dropdown {
  display: inline-block
}

.edit-status__dropdown .dropdown-menu {
  display: inline-block;
  position: relative;
  display: flex;
  gap: 0 35px;
  box-shadow: unset
}

.edit-status__dropdown-item {
  display: inline-block;
  padding-right: 35px;
  position: relative;
  font-weight: 700
}

.edit-status__dropdown-item:active {
  background: #000
}

.edit-status__dropdown-item:before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/images/radio-not-selected.svg) 50% 50%/14px no-repeat
}

.active-account.edit-status__dropdown-item:before {
  background: url(/images/radio-selected.svg) 50% 50%/14px no-repeat
}

@media(hover:hover) and (pointer:fine) {
  .edit-status__dropdown-item:hover {
    color: #114cd6;
    background: #fff
  }
}

.referral {
  display: flex;
  align-items: center
}

.referral__num {
  margin-right: 7px;
  font-weight: 700
}

.referral__copy {
  border: none;
  background: transparent;
  height: 20px;
  width: 20px;
  position: relative;
  display: inline-block
}

.referral__copy:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  height: 20px;
  width: 20px;
  transform: translate(-50%, -50%);
  background: url(/images/icon-copy.svg) no-repeat 50%/100%
}

.qr-google__status,
.referral__copy-status {
  padding-left: 20px;
  display: inline-flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 24px;
  transition: 1s;
  color: var(--form-green)
}

.qr-google__status--hidde,
.referral__copy-status--hidde {
  opacity: 0
}

.form-profile__text-info {
  color: var(--silver-light)
}

.form-profile__text-info--attention {
  color: var(--form-red);
  text-transform: uppercase;
  font-weight: 700
}

.qr-google {
  border: 1px solid var(--light-gray);
  border-radius: 12px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 25px
}

.qr-google__name {
  font-weight: 400;
  color: #777e90
}

.qr-google__address {
  font-weight: 700;
  cursor: text;
  background: url(/images/icon-copy.svg) top 50% right 10px/25px no-repeat
}

.form-change-password {
  max-width: 380px
}

.sub-title {
  font-size: var(--f-size-lg);
  font-weight: 700
}

.sub-title-sm {
  font-size: var(--f-size-md);
  font-weight: 700
}

.form-contacts {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto
}

.form-contacts__search {
  display: block;
  width: 100%;
  border-radius: 100px;
  border: 2px solid #e6e8ec;
  padding: 15px 10px 15px 45px;
  background: url(/images/search-gray.svg) top 50% left 20px/20px no-repeat
}

.form-contacts__search[type=text]::placeholder {
  text-align: center
}

.label-contact {
  padding: 16px;
  border-radius: var(--radius-input);
  border: 1px solid #e6e8ec;
  display: block;
  width: 100%
}

.label-contact--active {
  position: relative
}

.label-contact--active:before {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  transform: translate(0);
  display: inline-block;
  height: 75%;
  width: 4px;
  border: 1px solid var(--blue-main);
  background: var(--blue-main);
  border-radius: 3px
}

.label-contact__title {
  margin-bottom: 12px
}

.label-contact__address,
.label-contact__title {
  display: block;
  width: 100%;
  font-size: var(--f-size-sm)
}

.label-contact__address {
  color: #777e90;
  background: url(/images/icon-copy.svg) top 50% right 12px/15px no-repeat
}

.notifications__inner {
  background: var(--white);
  padding: 20px
}

.notifications__explanatory-text {
  padding-top: 11px;
  padding-bottom: 15px
}

.notifications__wrapper-help {
  display: flex;
  justify-content: flex-end
}

.notifications__container-messages {
  margin-top: 18px
}

.notifications__mesage {
  position: relative;
  transition: all .2s ease;
  background: #fff;
  border-radius: 7px 7px 7px 7px;
  overflow: hidden
}

@media (hover:hover) and (pointer:fine) {
  .notifications__mesage:hover {
    z-index: 1;
    box-shadow: 0 12px 20px 0 rgba(11, 13, 41, .17)
  }
}

.notifications__mesage .notifications__prevention {
  padding-right: 20px;
  overflow-x: hidden;
  padding-left: 45px
}

@media (max-width:1199.98px) {
  .notifications__mesage .notifications__prevention {
    padding-left: 25px
  }
}

@media (max-width:575.98px) {
  .notifications__mesage .notifications__prevention {
    padding-left: 16px
  }
}

@media (max-width:767.98px) {
  .notifications__prevention {
    -ms-flex: 0 0 68%;
    flex: 0 0 68%;
    max-width: 68%
  }
}

@media (max-width:575.98px) {
  .notifications__prevention {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.notifications__prevention-title {
  font-size: 16px;
  color: var(--ultra-dark)
}

.notifications__prevention-title--unread {
  font-weight: 700
}

.notifications__prevention-link,
.notifications__prevention-link:active,
.notifications__prevention-link:hover,
.notifications__prevention-link:visited {
  color: #000;
  white-space: nowrap
}

.notifications__prevention-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10
}

.notifications__prevention-text {
  margin-bottom: 18px;
  font-size: var(--f-size-sm);
  position: relative;
  color: var(--gray)
}

.notifications__message-adv {
  display: flex;
  justify-content: flex-end;
  font-size: 14px
}

@media (max-width:767.98px) {
  .notifications__message-adv {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%
  }
}

@media (max-width:575.98px) {
  .notifications__message-adv {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.notifications__info--unread {
  justify-content: space-between
}

.notifications__message-status {
  text-align: right;
  margin-bottom: 10px
}

.date-notification {
  color: rgba(0, 0, 0, .5);
  font-size: 14px
}

.notifications__wrapper-date {
  margin-bottom: 18px;
  position: relative
}

.notifications__mesage--unread .notifications__wrapper-date:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--green);
  z-index: 1
}

.date-notification__day {
  white-space: nowrap
}

.notification__day,
.notifications__date {
  padding-right: 5px
}

.date-notification__time {
  white-space: nowrap
}

.notifications__del {
  position: relative;
  padding-left: 32px;
  padding-right: 30px;
  z-index: 2;
  bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px
}

.btn-del__icon {
  transition: all .2s ease;
  width: 18px;
  height: 18px
}

.btn-del:hover .btn-del__icon path {
  transition: all .2s ease;
  stroke: #000
}

.noinfo-block {
  text-align: center;
  margin-bottom: 30px;
  min-height: 225px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.noinfo-block-wrapper {
  background: var(--white);
  padding: 24px
}

.noinfo-block__title {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.5;
  max-width: 950px
}

.noinfo-block__explonatory {
  font-size: 20px;
  max-width: 950px;
  font-weight: 500
}

.noinfo-block__btn-noinfo {
  flex: 0 0 auto
}

.earnings__chart {
  background: #fff
}

.chart-earning {
  margin-bottom: 30px
}

.chart-earning--noinfo {
  background: url(/images/bg-activities.png) no-repeat 50%/100%;
  background-size: cover
}

.portfolio-table {
  table-layout: fixed
}

.responsive-table__thead {
  display: none
}

.responsive-table,
.responsive-table__tbody,
.responsive-table__td,
.responsive-table__th,
.responsive-table__tr,
.responsive-table__tr-th {
  display: block
}

.responsive-table {
  min-width: 100%
}

.responsive-table__tr-th {
  background: #f5f7fa
}

.responsive-table__th {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #353945
}

.responsive-table__th:last-child {
  padding-right: 20px
}

.responsive-table__th:first-child {
  padding-left: 20px
}

.responsive-table__tr {
  --padd-top: 35px;
  position: relative;
  margin-bottom: 8px;
  border: 1px solid #f5f7fa;
  padding: var(--padd-top) 8px 12px
}

.responsive-table__td {
  display: flex;
  justify-content: space-between;
  padding: 9px 0
}

.responsive-table__td--head {
  background: #f5f7fa;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--padd-top);
  padding-left: 12px;
  color: var(--ultra-dark);
  display: flex;
  align-items: center
}

.responsive-table__td--head:has(.mini-card) {
  --padd-top: 75px
}

.responsive-table__td-label {
  font-weight: 700;
  font-size: var(--f-size-sm)
}

.responsive-table__td--head.responsive-table__td--head.responsive-table__td--head.responsive-table__td--head.responsive-table__td--head .responsive-table__td-text {
  color: var(--ultra-dark);
  font-weight: 500;
  font-size: var(--f-size)
}

.responsive-table__td-text.responsive-table__td-text.responsive-table__td-text.responsive-table__td-text.responsive-table__td-text.responsive-table__td-text.responsive-table__td-text--amount {
  color: var(--ultra-dark);
  font-weight: 500
}

.responsive-table__td-text {
  color: var(--gray);
  font-size: var(--f-size-sm)
}

.responsive-table .responsive-table__td:first-child,
.responsive-table .responsive-table__td:last-child {
  padding-left: 0
}

@media (min-width:992px) {
  .notifications__wrapper-date {
    margin-bottom: 0
  }

  .notifications__inner {
    padding-left: 7vw
  }

  .responsive-table {
    display: table;
    max-width: unset;
    border: none
  }

  .responsive-table__thead {
    display: table-header-group
  }

  .responsive-table__tbody {
    display: table-row-group
  }

  .responsive-table__td,
  .responsive-table__th {
    padding-left: 10px
  }

  .responsive-table__td--head {
    position: static
  }

  .responsive-table__tr,
  .responsive-table__tr-th {
    display: table-row
  }

  .responsive-table__td,
  .responsive-table__th {
    display: table-cell
  }

  .responsive-table__td-label {
    display: none
  }

  .responsive-table .responsive-table__td:first-child {
    padding-left: 20px
  }

  .responsive-table__td--head {
    background: transparent
  }

  .responsive-table__td--head.responsive-table__td--head.responsive-table__td--head.responsive-table__td--head.responsive-table__td--head .responsive-table__td-text {
    font-size: var(--f-size-sm);
    color: var(--gray)
  }

  .responsive-table__td-text.responsive-table__td-text.responsive-table__td-text.responsive-table__td-text.responsive-table__td-text.responsive-table__td-text.responsive-table__td-text--amount {
    color: var(--gray);
    font-weight: 500
  }
}

@media (min-width:1920px) {
  .notifications__inner {
    padding-left: 134px
  }
}

.activities {
  background: var(--white)
}

.invest-btn {
  background: var(--bg-invest)
}

.swap-btn {
  background: var(--bg-swap)
}

.earnings-btn {
  background: var(--bg-earnings)
}

.earnings-btn,
.invest-btn,
.swap-btn {
  border-radius: 4px;
  padding: 4px 16px;
  min-width: 88px;
  min-height: 32px;
  color: var(--ultra-dark);
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700
}

.mini-card {
  --padd-l: 50px;
  position: relative;
  display: inline-block;
  padding-left: var(--padd-l)
}

.mini-card__img {
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: calc(var(--padd-l) - 20px)
}

.mini-card__name {
  display: block;
  font-weight: 700
}

.mini-card__text {
  display: block;
  color: var(--gray)
}

.chouse-wallet__dropdown {
  flex: 0 1 230px;
  margin-right: 21px;
  margin-bottom: 20px
}

@media (max-width:359.98px) {
  .chouse-wallet__dropdown {
    margin-right: 0
  }
}

.info-coins__tab:has(.info-coins__link)+.chouse-wallet--activities {
  display: none
}

.info-coins__tab:has(.info-coins__link.active)+.chouse-wallet--activities {
  display: flex
}

.info-coins__tabs:has(.info-coins__tab--wallet .active) {
  padding-top: 35px
}

.chouse-wallet {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.chouse-wallet--activities {
  position: absolute;
  top: -50%;
  left: 0;
  display: inline-block;
  height: 48px;
  min-width: 100px;
  width: 100%;
  z-index: 1000
}

.chouse-wallet__title {
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -.019em;
  margin-right: 38px;
  margin-bottom: 20px
}

.chouse-select {
  width: 100%
}

@media (max-width:575.98px) {
  .chouse-wallet__title {
    flex: 1 0 100%
  }

  .chouse-select {
    width: auto
  }
}

@media (min-width:576px) {
  .chouse-wallet--activities {
    width: auto
  }
}

@media (min-width:992px) {
  .chouse-wallet--activities {
    top: 50%;
    left: unset;
    right: 0;
    transform: translateY(-50%);
    height: 48px;
    width: auto
  }

  .info-coins__tabs:has(.info-coins__tab--wallet .active) {
    padding-top: 0
  }

  .dropdown-menu.show:HAS(.chouse-select__dropdown-item) {
    transform: translate3d(0, 45px, 0) !important;
    left: unset !important;
    right: 0 !important
  }
}

.chouse-wallet__btn-account {
  width: 100%
}

.chouse-select__btn {
  position: relative;
  background: url(/images/arr-bottom-blackc.svg) no-repeat right 10px top 45%/10px, transparent;
  font-size: 14px;
  padding: 8px 35px 8px 11px;
  border: 1px solid #dbddec;
  filter: drop-shadow(0 1px 2px rgba(6, 25, 56, .05));
  border-radius: 4px;
  color: #343e61;
  text-align: left;
  width: 100%
}

.chouse-select__arrow {
  top: 50%;
  right: 10px
}

.icon-arrow {
  content: "";
  position: absolute;
  display: block;
  width: 19px;
  height: 19px;
  transform: translateY(-50%);
  background: url(/images/arrow-bottom.svg) no-repeat 50%
}

.chouse-select__dropdown-item {
  color: #343e61;
  position: relative;
  padding-left: 35px;
  display: inline-block
}

.chouse-select__dropdown-item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/images/checkbox-empty.svg) no-repeat 50%/15px;
  z-index: 1000
}

.chouse-select__dropdown-item--active:before {
  background: url(/images/checkbox.svg) no-repeat 50%/15px
}

.chouse-select__dropdown-item:hover {
  color: #2769d6;
  background: transparent
}

.chouse-wallet__follow-btn {
  margin-bottom: 20px
}

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

.portfolio-card__ico {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 15px;
  height: 15px
}

.portfolio-card__num {
  padding-left: 20px;
  color: var(--green);
  font-weight: 700;
  margin-right: 5px
}

.portfolio-card__num,
.portfolio-card__text {
  font-size: var(--f-size-xs);
  display: inline-block
}

.portfolio-card__text {
  white-space: nowrap;
  color: var(--gray);
  margin-right: 15px
}

.portfolio-card__img {
  display: inline-block;
  max-width: 70px
}

.info-coins__currency-value {
  font-size: var(--f-size-sm);
  font-weight: 500;
  color: var(--gray)
}

.info-coins__card {
  padding: 11px;
  background: #fff;
  min-height: 138px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border: 1px solid var(--light-gray-sm);
  border-radius: var(--radius-sm-plus)
}

.info-coins__card--earnings {
  background: #f1fbff
}

.info-coins__card--investment {
  background: #f1fffb
}

.info-coins__card--projects {
  background: #fffcf1
}

.info-coins__card--ongoing {
  background: #f6fff1
}

.info-coins__card:hover {
  box-shadow: 0 10px 18px 0 rgba(86, 89, 146, .28)
}

.info-coins__card-head {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 0 10px;
  flex-grow: 1
}

.info-coins__card-ico {
  display: inline-block;
  width: 21px;
  position: relative;
  top: -1px
}

.info-coins__card-title.info-coins__card-title.info-coins__card-title {
  color: var(--dark-lg);
  line-height: 1.5;
  letter-spacing: .4px;
  font-size: 11px;
}

.info-coins__card-link,
.info-coins__card-link:active,
.info-coins__card-link:hover,
.info-coins__card-link:visited {
  color: var(--dark-lg);
  display: inline-block
}

.info-coins__percent {
  margin-left: auto
}

.info-coins__card-body {
  text-align: center;
  font-size: var(--f-size-lg);
  font-weight: 600;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center
}

.info-coins {
  padding: 33px 24px;
  margin-bottom: 40px;
  background: var(--white)
}

.info-coins--activities {
  padding: 33px 0
}

.info-coins__tabs {
  border: none;
  margin-right: 24px;
  margin-bottom: 20px
}

.info-coins__tab:not(:last-child) {
  margin-right: 8px
}

.info-coins__link {
  text-align: center;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 0 10px;
  border-radius: var(--radius-md);
  font-weight: 600;
  color: var(--gray)
}

.info-coins__link.info-coins__link.active {
  border-radius: 4px;
  border: 2px solid var(--blue-main);
  color: var(--blue-main);
  border-radius: var(--radius-md)
}

.nav-link.info-coins__link {
  border: 2px solid var(--light-gray);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-radius: var(--radius-md)
}

.info-coins__coin-ico-wrapper {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px
}

.info-coins__coin-ico {
  width: 100%
}

.info-coins__portfolio-coin {
  font-size: var(--f-size-sm)
}

.info-coins__name {
  display: block;
  font-size: 14px
}

.info-coins__tab-text {
  display: block
}

.info-coins__content {
  display: flex;
  flex: 1 1 auto
}

.info-coins__item {
  min-height: 100%;
  width: 100%
}

.info-coins__cards {
  display: flex;
  margin: 0 -5px;
  height: 100%;
  flex-wrap: wrap
}

.info-coins__card-wrapper {
  flex: 0 0 auto;
  min-width: 255px;
  flex-grow: 1;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}

@media (min-width:575px) {

.info-coins__card-wrapper {
  width: 50%;
}

}

@media (min-width:1250px) {

.info-coins__card-wrapper {
  min-width: auto;
  width: 25%;
}

.info-coins__cards {

  flex-wrap: nowrap
}

}
@media (max-width:1359.98px) {
  .info-coins__card-wrapper {
    margin-bottom: 15px
  }
}

.portfolio-info__text,
.portfolio-info__value {
  display: block;
  text-align: right;
  font-size: var(--f-size-sm)
}

.portfolio-info__value {
  color: var(--gray)
}

.mini-card-portfolio {
  display: flex;
  flex-wrap: wrap;
  justify-content: end
}

.mini-card-portfolio__img {
  display: inline-block;
  width: 32px;
  margin-right: 10px
}

.mini-card-portfolio__name {
  display: inline-block;
  align-self: center
}

.mini-card-portfolio__text {
  display: block;
  width: 100%;
  text-align: right
}

.portofolio__wrapper-table {
  background: var(--white)
}

@media (min-width:992px) {
  .mini-card-portfolio {
    justify-content: start
  }

  .mini-card-portfolio__text {
    text-align: left
  }

  .pl-xlg-8 {
    padding-left: 2rem !important
  }

  .pr-xlg-8 {
    padding-right: 2rem !important
  }

  .pl-xlg-10 {
    padding-left: 3rem !important
  }

  .pr-xlg-10 {
    padding-right: 3rem !important
  }
}

@media (min-width:1300px) {
  .pl-xlg-10 {
    padding-left: 6rem !important
  }

  .pr-xlg-10 {
    padding-right: 6rem !important
  }

  .pl-xlg-8 {
    padding-left: 4rem !important
  }

  .pr-xlg-8 {
    padding-right: 4rem !important
  }
}

.filter-notif {
  overflow-x: auto;
  display: flex;
  gap: 0 32px;
  padding: 20px 10px
}

.filter-notif__label {
  --min-h: 24px;
  display: block;
  padding-left: 40px;
  position: relative;
  min-height: var(--min-h)
}

.filter-notif__label:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: var(--min-h);
  height: var(--min-h);
  background: url(/images/checkbox-empty.svg) no-repeat 50%/24px, var(--white)
}

.filter-notif__label:has(.filter-notif__checbox:checked):before {
  background: url(/images/checkbox.svg) no-repeat 50%/24px, var(--white)
}

.filter-notif__checbox {
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translate(50%, -50%);
  display: inline-block;
  width: 10px;
  height: 100%
}

.filter-notif__label-text {
  font-weight: 700;
  font-size: var(--f-size-sm)
}

@media (min-width:992px) {
  .filter-notif {
    overflow-x: visible;
    flex-direction: column;
    padding: 0 10px 0 0;
    gap: 24px 0
  }
}

.form-item2 a:hover {
  opacity: .8
}

.form-item-inner3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 600px;
  margin-top: auto
}

.form-item-inner4 {
  max-width: 100%;
  margin-bottom: auto
}

.form-item-inner4 div {
  width: 100%
}

.form-item-inner4 button {
  transition: all .4s;
  color: #fff;
  width: 400px;
  height: 70px;
  background: #0d41e6;
  border: 2px solid #0d41e6;
  margin-left: auto;
  margin-right: auto
}

.form-item-inner4 button:hover {
  background: #fff;
  color: #0d41e6
}

.form-item-inner10 {
  margin-bottom: 87px !important
}

.form-item-inner3 button {
  font-size: 20px;
  font-weight: 700;
  background: #0d41e6;
  text-transform: uppercase;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: 2px solid #0d41e6;
  border-radius: 8px;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: .2s all ease
}

.form-item-inner3 button i {
  margin-left: 8px
}

.form-item-inner3 button:hover {
  color: #0d41e6;
  background: #fff
}

.form-item2 a {
  font-weight: 700;
  font-size: 16px;
  color: #3351e8;
  display: inline-block;
  margin-top: 4px;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: .2s all ease
}

.pt-md-4-5 {
  padding-top: 39px !important
}

.mb-40 {
  margin-bottom: 40px
}

.min-radius {
  border-radius: 4px
}

.modal-send-asset__text {
  font-weight: 600;
  max-width: 377px;
  margin-left: auto;
  margin-right: auto
}

.designed-close {
  border: 2px solid #e6e8ec !important;
  position: relative;
  top: 10px;
  right: 10px;
  border-radius: 50%;
  padding: 8px;
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.292893C0.683417 -0.0976309 1.31658 -0.0976309 1.70711 0.292893L7 5.58579L12.2929 0.292893C12.6834 -0.0976311 13.3166 -0.0976311 13.7071 0.292893C14.0976 0.683417 14.0976 1.31658 13.7071 1.70711L8.41421 7L13.7071 12.2929C14.0976 12.6834 14.0976 13.3166 13.7071 13.7071C13.3166 14.0976 12.6834 14.0976 12.2929 13.7071L7 8.41421L1.70711 13.7071C1.31658 14.0976 0.683418 14.0976 0.292893 13.7071C-0.0976309 13.3166 -0.0976309 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z" fill="%2323262F" /></svg>') 50%/16px no-repeat;
}

@media screen and (min-width:768px) {
  .tokenization-wrapper .modal-send-asset__content {
    max-width: 454px;
    margin-right: auto;
    margin-left: auto
  }
}

.phone-input-container {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  padding: .375rem .75rem
}

.phone-input-container label {
  margin-bottom: 0;
  color: #6c757d;
  font-size: .875rem
}

.phone-input-container img {
  width: 20px;
  height: 20px;
  margin-right: .5rem
}

.phone-input-container .dropdown-toggle {
  border: none;
  background: none;
  padding: 0;
  margin: 0 .5rem 0 0
}

.phone-input-container input {
  border: none;
  outline: none;
  flex: 1
}

.phone-input-container .dropdown-menu {
  max-height: 150px;
  overflow-y: auto
}

.tokenization-wrapper .modal-send-asset__content .dropdown-menu {
  top: 40px !important;
  left: 0;
  transform: translate(0) !important
}


@media screen and (min-width: 992px) {
  .modal-open.modal-body-op-0 .modal-backdrop {

    opacity: 0;
  }
  /* .modal-open:has(#curencyModal:not(.show)) .modal-backdrop{
    opacity: 0.5;
  } */

}

.modal-backdrop--opacity-0{
  opacity: 0;
}

.currency-exchange{

}

.name-wallet-swap{
  position: relative;
  display: block;

}


.name-wallet-swap::before{
content: '';
position: absolute;
top: 50%;
right:  0px;
transform: translate(0%, -50%);
width: 25px;
height: 25px;

background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 20C11.7614 20 14 17.7614 14 15C14 12.2386 11.7614 10 9 10C6.23858 10 4 12.2386 4 15C4 17.7614 6.23858 20 9 20ZM9 22C12.866 22 16 18.866 16 15C16 11.134 12.866 8 9 8C5.13401 8 2 11.134 2 15C2 18.866 5.13401 22 9 22Z" fill="%23777E91" /><path fill-rule="evenodd" clip-rule="evenodd" d="M14.9996 4C13.5188 4 12.1895 4.6424 11.2725 5.66691C10.9042 6.07844 10.272 6.11346 9.86044 5.74513C9.44891 5.37681 9.41389 4.74461 9.78222 4.33309C11.0625 2.9026 12.9263 2 14.9996 2C18.8656 2 21.9996 5.13401 21.9996 9C21.9996 11.0733 21.097 12.937 19.6665 14.2173C19.255 14.5857 18.6228 14.5507 18.2544 14.1391C17.8861 13.7276 17.9211 13.0954 18.3327 12.7271C19.3572 11.8101 19.9996 10.4807 19.9996 9C19.9996 6.23858 17.761 4 14.9996 4Z" fill="%23777E91" /></svg>') 50% 50% / 22px no-repeat ;
}

.name-wallet-swap:hover::before,
.name-wallet-swap::before:hover{
  cursor: pointer;
}

.form-search-conntacts {
  max-width: 368px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.form-search-conntacts__input-wrapper {
  position: relative;
  margin-bottom: 15px;
}
.form-search-conntacts__input {
  position: relative;
  border: 2px solid #e6e8ec;
  display: block;
  border-radius: 100px;
  padding: 19px 24px;
  max-width: 368px;
  width: 100%;
  height: 56px;

  padding-left: 51px;
}

.form-search-conntacts__input-wrapper::before{
  content: '';
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(-0%, -50%);
  width: 25px;
  height: 25px;
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9056 14.3199C11.551 15.3729 9.84871 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 9.84871 15.3729 11.551 14.3199 12.9056L19.7071 18.2929C20.0976 18.6834 20.0976 19.3166 19.7071 19.7071C19.3166 20.0976 18.6834 20.0976 18.2929 19.7071L12.9056 14.3199ZM14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8Z" fill="%23777E91" /></svg>') 50% 50% / 20px no-repeat;
}

.form-search-conntacts__input::placeholder{
  text-align: center;
}
.form-search-conntacts__list {
}
.form-search-conntacts__list-item {
  border: 1px solid #e6e8ec;
border-radius: 12px;
padding: 16px 5px;

margin-bottom: 15px;
}
.form-search-conntacts__list-name {
  font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 171%;
color: #23262f;
margin-bottom: 10px;
display: inline-block;
}
.form-search-conntacts__list-copy {
  font-weight: 400;
  font-size: 12px;
  width: 100%;
  text-align: left;
font-size: 14px;
line-height: 171%;
color: #777e90;
background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 20C11.7614 20 14 17.7614 14 15C14 12.2386 11.7614 10 9 10C6.23858 10 4 12.2386 4 15C4 17.7614 6.23858 20 9 20ZM9 22C12.866 22 16 18.866 16 15C16 11.134 12.866 8 9 8C5.13401 8 2 11.134 2 15C2 18.866 5.13401 22 9 22Z" fill="%23777E91" /><path fill-rule="evenodd" clip-rule="evenodd" d="M14.9996 4C13.5188 4 12.1895 4.6424 11.2725 5.66691C10.9042 6.07844 10.272 6.11346 9.86044 5.74513C9.44891 5.37681 9.41389 4.74461 9.78222 4.33309C11.0625 2.9026 12.9263 2 14.9996 2C18.8656 2 21.9996 5.13401 21.9996 9C21.9996 11.0733 21.097 12.937 19.6665 14.2173C19.255 14.5857 18.6228 14.5507 18.2544 14.1391C17.8861 13.7276 17.9211 13.0954 18.3327 12.7271C19.3572 11.8101 19.9996 10.4807 19.9996 9C19.9996 6.23858 17.761 4 14.9996 4Z" fill="%23777E91" /></svg>') right 2px center / 20px no-repeat;
padding-right: 51px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}

.tab-setting__pane:has(.form-search-conntacts__list){
  padding-left: 5px;
  padding-right: 5px;
}
.align-middle .gri{
    font-size: 16px;
}

.main__menu.menu--hidden.menu--colapsed .avatar-profile__img-wrapper{
    width: 115px !important;
    flex: 0 0 90px !important;
}

@media screen and (min-width: 420px) {
  .form-search-conntacts__list-copy {
    font-size: 14px;
  }
  .tab-setting__pane:has(.form-search-conntacts__list){
    padding-left: 10px;
    padding-right: 10px;
  }

  .form-search-conntacts__list-item {

  padding: 16px 16px;

  }
}
@media screen and (min-width: 576px) {
  .form-search-conntacts__list-copy {
    font-size: 14px;
  }
  .tab-setting__pane:has(.form-search-conntacts__list){
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 768px) {

  .tab-setting__pane:has(.form-search-conntacts__list){
    padding-left: 18px;
    padding-right: 18px;
  }
}