paymentPage.css

body{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
    cursor: pointer;
    color: white;
}
.checkout{
    justify-content: center;
    background: black;
    color: white;
    padding: 16px 20px;
    position: fixed;
    top: 0;
    width: 100%;
    margin: 0;
}
.PaymentOption {
    width: 30%;
    margin-left: 30%;
    margin-top: 10%;
}

.CreditOptions{
    width: 100%;
}
.CreditOptionslogo{
    width: 100%;
    display: flex;
    height: 5%;
    margin: left 2%;
    gap: 4%;
    font-size: 16px;
    margin-bottom:0%;
    font-family: sans-serif;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.24px;
    color: #1f1f1f;
}

.CreditOptions p{
    margin-left: 9%;
    margin-top:0%;
    font-size:12px;
    color: #a8a8a8;
    font-family: sans-serif;
}
hr{
    color: #a8a8a8;
    width: 100%;
    margin-top: 3%;
    margin-bottom: 5%;

}
.paymentLogos{
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 30;
    width: 100%;
    margin: 0;
}

.paymentLogos img {
    width: 4%;
    margin-right:5%;
}
#totalFareprice{
    color:white; 
    width: 70%;
    margin-left  : 10px;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: 500;
    display:flex;
}
.CreditOptionslogo>img{
    width:35px;
}
.CreditOptionslogo>p{
    margin-left:10%;
 
}
.CreditOptions>div{
    margin-bottom: 0px;
}
.paymentButton {
    background-color: #ccc;
    height: 50px;
    width: 92%;
    color: #fff;
    cursor: pointer;
    margin-left: 4%;
    border: none;
  }
  #paybbtn{
    display: flex;
    justify-content: center;
  }