.single-card{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
     width: 100%;
     gap: 8px;
}
.card-top{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.card-price{
    color:rgb(255, 255, 255);
    font-size: 0.75rem;
    font-weight: 300;
    text-align: left;
}
.btc::before{
    display: block;
    content: "";
  width: 28px;
  height: 28px;
    background-image: url(../img/logo/marketing-logo1.png);
    background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.btc::after{
    content: "BTC";
    font-size: 1.6rem;
    font-weight: 300;
    text-align: left;
}
.btc-rate::after{
    content: "Bitcoin";
}
.eth::before{
    display: block;
    content: "";
  width: 28px;
  height: 28px;
    background-image: url(../img/logo/marketing-logo2.png);
    background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.eth::after{
    content: "ETH";
    font-size: 1.6rem;
    font-weight: 300;
    text-align: left;
}
.eth-rate::after{
    content: "Ethereum";
}
.bnb::before{
    display: block;
    content: "";
  width: 28px;
  height: 28px;
    background-image: url(../img/logo/marketing-logo3.png);
    background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.bnb::after{
    content: "BNB";
    font-size: 1.6rem;
    font-weight: 300;
    text-align: left;
}
.bnb-rate::after{
    content: "Binance Coin";
}
.sol::before{
    display: block;
    content: "";
  width: 28px;
  height: 28px;
    background-image: url(../img/logo/marketing-logo5.png);
    background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.sol::after{
    content: "SOL";
    font-size: 1.6rem;
    font-weight: 300;
    text-align: left;
}
.sol-rate::after{
    content: "Solana";
}
.xrp::before{
    display: block;
    content: "";
  width: 28px;
  height: 28px;
    background-image: url(../img/logo/titel2.png);
    background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.xrp::after{
    content: "XRP";
    font-size: 1.6rem;
    font-weight: 300;
    text-align: left;
}
.xrp-rate::after{
    content: "Ripple";
}
.ltc::before{
    display: block;
    content: "";
  width: 28px;
  height: 28px;
    background-image: url(../img/logo/titile1.png);
    background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.ltc::after{
    content: "LTC";
    font-size: 1.6rem;
    font-weight: 300;
    text-align: left;
}
.ltc-rate::after{
    content: "Litecoin";
}
.bch::before{
    display: block;
    content: "";
  width: 28px;
  height: 28px;
    background-image: url(../img/logo/marketing-logo2.png);
    background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.bch::after{
    content: "BCH";
    font-size: 1.6rem;
    font-weight: 300;
    text-align: left;
}
.bch-rate::after{
    content: "Bitcoin Cash";
}
.road-map{
   align-items: center;
   background-color: blue;
}