.w-fit {
  width: fit-content;
}
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-button-next::after {
  display: none !important;
}
.swiper-button-prev::after {
  display: none !important;
}
.swiper-pagination {
  top: 13.3rem !important;
  height: 1rem;
  bottom: auto !important;
}
.swiper-pagination-bullet-active {
  background: #282c30;
}
.start {
  border-radius: 0.8125rem;
  background: #000;
  color: white;
  display: flex;
  align-items: center;
  padding-left: 1.28rem;
  padding-right: 1.28rem;
  position: relative;
  z-index: 3;
  justify-content: center;
}
.start:hover {
  color: white;
}
.div-cart {
  margin-top: -4rem;
  margin-bottom: 5rem;
  align-items: center;
}
.next {
  position: absolute;
  right: -3rem;
  top: -5rem;
  left: auto;
}
.perv {
  position: absolute;
  left: -3rem;
  top: -5rem;
  right: auto;
}

.chart_wallet {
  margin-right: 7rem;
}
.h3-w {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  text-align: start !important;
}
.col-30 {
  color: #30bb91;
}
.action_wallet {
  margin-top: 0rem !important;
}
.w_chart {
  position: absolute;
  width: 20rem !important;
  top: -12px !important;
  left: -4rem !important;
}
.action_wallet a:nth-child(1) {
  background: linear-gradient(317deg, #22c55e -2.98%, #bbf7d0 99.05%);
}
.action_wallet a:nth-child(3) {
  background: linear-gradient(139deg, #dcdcdc 0%, #000 95.83%);
}

.c_card_sm {
  /* height: 100%; */
  margin-bottom: 0rem !important;
  padding: 1rem;
  border-radius: 0.9375rem;
  border: 1px solid var(--Neutral-Neutral-100, #e6e6e6);
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.h3-l {
  font-size: 1.5rem;
  font-weight: 800;
}
.mg-l {
  fill: var(--solid-colors-white, #fff);
  stroke-width: 0.667px;
  stroke: var(--Neutral-Neutral-100, #e6e6e6);
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1))
    drop-shadow(-1.333px 7.333px 7.333px rgba(0, 0, 0, 0.09))
    drop-shadow(-2.667px 16px 10px rgba(0, 0, 0, 0.05))
    drop-shadow(-4.667px 28.667px 12px rgba(0, 0, 0, 0.01))
    drop-shadow(-7.333px 45.333px 12.667px rgba(0, 0, 0, 0));
}
.p-l {
  color: var(--Neutral-Neutral-400, #9a9a9a);
  font-size: 1.125rem;
  font-weight: 700;
}
.div-col {
  position: relative;
  border-radius: 0.625rem;
  border: 1px solid var(--Neutral-Neutral-100, #e6e6e6);
  background: #fff;
  padding: 1.5rem;
  width: 10rem;
  height: 9rem;
  /* padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 3.57rem;
  padding-left: 3.57rem; */
}
.p-col {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 180%; /* 1.575rem */
  width: max-content;
}
.div-col::after {
  content: "";
  position: absolute;
  border-radius: var(--radius-none, 0rem) var(--radius-none, 0rem) 0.625rem
    0.625rem;
  background: var(--Neutral-Neutral-100, #e6e6e6);
  rotate: 180deg;
  top: 135px;
  bottom: 0px;
  left: 46px;
  right: auto;
  width: 4rem;
  rotate: 180deg;
}
.col:hover .div-col::after {
  content: "";
  position: absolute;
  border-radius: var(--radius-none, 0rem) var(--radius-none, 0rem) 0.625rem
    0.625rem;

  background: #39c501;
  box-shadow: 0px 0px 176.274px 0px #39c501, 0px 0px 100.728px 0px #39c501,
    0px 0px 58.758px 0px #39c501, 0px 0px 29.379px 0px #39c501,
    0px 0px 8.394px 0px #39c501, 0px 0px 4.197px 0px #39c501;

  rotate: 180deg;
  top: 135px;
  bottom: 0px;
  left: 46px;
  right: auto;
  width: 4rem;
  rotate: 180deg;
}
.col:hover .div-col {
  border-bottom: 1px solid var(--Bank-Bank-5, #39c501) !important;
}

.mb-9 {
  margin-bottom: 5.19rem;
}
.p-titr {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.94rem;
}
@media (max-width: 1551px){
.row-cols-auto{
  justify-content: space-evenly;
}
}
@media (max-width: 1399px) {
  .pd {
    margin-top: 1.25rem;
  }
  .cl-2 {
    margin-top: 1rem;
  }

  .chart_wallet .all_money {
    position: absolute;
    left: -20rem;
  }
  .w_chart {
    position: absolute;
    width: 20rem !important;
    top: -12px !important;
    left: -24rem !important;
    z-index: 1;
  }
  .chart_wallet .all_money p {
    font-size: 36px !important;
  }
}
@media (max-width: 992px) {
  .w_chart {
    position: absolute;
    width: 16rem !important;
    top: 4px !important;
    left: -8rem !important;
    z-index: 1;
  }
  .chart_wallet .all_money {
    position: absolute;
    left: -6rem;
  }
  .p-k1 {
    font-size: 0.7rem !important;
  }
  .p-k2 {
    font-size: 0.7rem !important;
  }
  .cl-1 {
    padding: 0rem;
  }
}
@media (max-width: 577px) {
  .action_wallet {
    flex-direction: row !important;
  }
  .ch-w {
    flex-direction: column !important;
  }
  .w_chart {
    left: 1rem !important;
  }
  .chart_wallet {
    margin-right: 0rem;
  }
  .chart_wallet .all_money {
    position: absolute;
    left: 3rem;
  }
}
@media (max-width: 575px) {
  .main_panel {
    padding-top: 0rem;
  }
  .div-col{
    border: unset;

  }
  .col:hover .div-col {
    border-bottom: unset !important;
}
.div-col::after{
  content: unset !important;
}
}
@media (max-width: 400px) {
  .swiper-pagination {
    top: 6rem !important;
    height: 1rem;
    bottom: auto !important;
  }
  .div-cart {
    margin-top: -3rem;
    margin-bottom: 5rem;
    align-items: center;
  }
  .h3-l {
    font-size: 1.4rem;
  }
}