body {
    font-family: Verdana;
    min-height: 100vh;
    background: #0F2027;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#mainContainer {
    min-height: 95vh !important;
}

#extraPaymentsCardDiv {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    column-gap: 1em;
    row-gap: 1em;
}

.cursorPointer {
    cursor: pointer;
}

.text-capitalize-first-letter:first-letter {
    text-transform: capitalize;
}

.firstSection {
    background-color: black;
    color: white;
}

.secondSection {
    background: #0f0c29;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.5);
    color: white;
}
.thirdSection {

}

.fourthSection {

}

#extraPaymentsCardDiv {

}

.p-custom {
    padding: 3em !important;
}

.p-custom-horizontal {
    padding-left: 3em !important;
    padding-right: 3em !important;
}

.p-custom-vertical {
    padding-left: 3em !important;
    padding-right: 3em !important;
}