.chart {
  background: #ffffff;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    padding: 18px 31px
}

.chart-card {
  height: 480px;
    background: var(--main-light);
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    padding: 20px 20px 36px;
}


.chart-card h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 29px;
  text-align: center;
  color: var(--main-dark);
  margin-bottom: 0px;
}

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

.chart-card-details {
  padding: 0px 12px;
}

.chart-card-details {
  padding-top: 32px;
  justify-content: center;
}

.flex-column {
  flex-direction: column!important;
}

.chart-card-price {
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  color: var(--color-primary);
  padding-top: 40px;
}

.codarx-signle-price {
  font-size: 36px;
  color: var(--color-primary);
  font-weight: 700;
}

.price-grade {
  padding: 32px 0px 14px;
}

.chart-product span {
  padding-left: 11.98px;
}

.chart-product, .chart-fob {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: var(--nero);
}

.btn-card-prices {
  padding: 14px 53px;
  width: 241px;
  height: 52px;
  border: 1px solid var(--color-primary) !important;
  border-radius: 8px !important;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: var(--color-primary);
  margin-top: 30px;
}

.align-self-center {
  align-self: center!important;
}

.btn-card-prices:hover {
  background-color: var(--color-primary);
  color: #fff;
}

.products-car img {
  object-fit: fill;
  height: 40vh;
}


.saf-footer ul li{
 display: inline-block;
 margin-right: 20px;
}

.page-content {
  padding-bottom: 0 !important;
}

.price-card {
  text-align: center;
}
.codarx-signle-price {
  font-size: 24px;
    color: #1053FF;
    font-weight: 700;
}

strong {
  font-weight: bold;
}

.date-price {
  border-top: 1px solid #F0F0F0 ;
}

.content-inner {
  padding-bottom: 0!important;
}

.header-curve.ext-header .logo-header:before {
  right: -55px !important;
}

.middle-bar .logo-header, .middle-bar .logo-header img {
  width: 100px !important;
  max-width: 200px;
}

.lang {
  display: none;
}

@media only screen and (max-width: 591px) {
  .lang {
    display: block;
  }
}