.paymentform {
    padding: 28px 34px 34px;
    background-color: #d9ecf1;
    margin: 34px 0 24px;
}

.paymentform .heading {
    font-size: 1.8rem;
    margin-bottom: 24px;
    line-height: 1.3;
}

.paymentform .controls {
    display: flex;
    margin: 0 -14px;
}

.paymentform .controls + .controls {
    margin-top: 26px;
}

.paymentform .controls .control {
    padding: 0 14px;
    flex: 1 1 0;
    position: relative;
}

.paymentform .controls .control .label {
    padding-bottom: 10px;
    font-size: 0.9rem;
    line-height: 1.3;
}

.paymentform .controls .control input,
.paymentform .controls .control select,
.paymentform .controls .control button {
    width: 100%;
    border: none;
    background-color: #fff;
    height: 40px;
    padding: 0 14px;
}

.paymentform .controls .control input:disabled {
    background-color: transparent;
    border: 2px solid #6b6b6b;
    color: #000;
}

.paymentform .controls .control button {
    padding: 0 2.25rem;
    font-size: .9rem;
    border-radius: 0.2rem;
    color: #fff;
    background-color: #f44336;
    border-color: #f44336;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
}

.paymentform .controls .control.select::after {
    content: '';
    height: 40px;
    width: 40px;
    background-color: #fff;
    position: absolute;
    right: 14px;
    bottom: 0;
    pointer-events: none;
}

.paymentform .controls .control.select::before {
    content: '';
    position: absolute;
    right: 30px;
    bottom: 18px;
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    z-index: 3;
}

@media (max-width: 992px) {
    .paymentform .controls {
        flex-wrap: wrap;
    }
    .paymentform .controls .control {
        flex: 1 1 100%;
    }
    .paymentform .controls + .controls,
    .paymentform .controls .control + .control {
        margin-top: 18px;
    }
    .paymentform {
        padding: 28px 30px 30px;
    }
    .paymentform .controls:last-child .control:last-child {
        margin-top: 0;
    }
}

@media (max-width: 580px) {
    .paymentform {
        margin-left: -30px;
        margin-right: -30px;
    }
    /* .paymentform .controls .control.select::after,
    .paymentform .controls .control.select::before {
        display: none;
    } */
}