/* Crypto Cards CSS */

.crypto-cards-container {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin: 32px 0;

}

.crypto-card {

  background: linear-gradient(135deg, #1a2636 60%, #14213d 100%);

  border-radius: 20px;

  box-shadow: 0 4px 24px rgba(0,0,0,0.3);

  color: #fff;

  width: 19%;

  padding: 24px 18px 18px 18px;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  position: relative;

}

.crypto-card-header {

  font-size: 18px;

  font-weight: normal;

  margin-bottom: 8px;

  display: flex;

  align-items: center;

}

.crypto-icon {

  font-size: 1.5rem;

  margin-right: 10px;

}

.crypto-name {

  font-size: 1rem;

}

.crypto-card-price {

  font-size: 1rem;

  font-weight: 400;

  margin-bottom: 6px;

}

.crypto-card-change {

  font-size: 1rem;

  margin-left: 8px;

}

.crypto-card-updated { 

  font-size: 0.95em;

  color: #b0b8c1;

  margin-bottom: 8px;

}
.crypto-card-details {
    font-size: 11px;
    margin-bottom: 10px;
    font-weight: normal;
    line-height: 14px;
}

.crypto-card-chart {

  width: 100%;

  height: 50px;

  margin-top: 10px;

}

@media(max-width:1199px){
  .crypto-card {
    width: 32%;
}

.crypto-cards-container {
    justify-content: center;
    gap: 10px;
}
}

@media(max-width:767px){
    .crypto-card {
        width: 100%;
    }
}