body{
    font-family: sans-serif;
    background-color: #222;
    color: #faf4f4;
}
.card{
    padding: 1rem;
    border-radius: 1opx;
    min-height: 140px;
    color: white;
}
.card.solid{
    background-color: #1e88e5;
    border-radius: 20px;

}
.cta{
    background-color: rgb(30, 174, 35);
    text-decoration: none;
}
.card.linear{
    background: linear-gradient(90deg , #81d4fa,#0288d1);
}
.card.radial{
    background: radial-gradient(circle at top left, #ff8a65, #ff5252 );
}
.bg-demo{
    background-image: url(https://codinggita.com/assets/logo-DqYDd8j5.svg);
    background-repeat: repeat-x;
    background-position: center top;
    background-size: contain;
}
.compare.cover{
    background-color: blue;
    height: 22px;
    width: 50px;
    color: rgb(255, 255, 255);
    text-align: center;

    border-radius: 20px;
    
}
.compare.contain{
    background-color: blue;
    height: 22px;

    width: 60px;
    color: rgb(255, 255, 255);
    
    text-align: center;
    border-radius: 20px;
}
.parallax{
    background-image: url(https://codinggita.com/assets/su_5-CWwtnHP_.jpg);
    background-attachment: fixed;
    background-size: cover;
    min-height: 220px;
}