.cbk-payments-packages {
    display: inline-block;
    width: 100%;
    margin:20px 0px 30px 0px;
}

.cbk-payments-packages .cp-parent {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cbk-payments-packages .cp-package {
    flex: 1 1 25%;
    padding: 20px 10px;
    margin: 10px;
    text-align:center;
    border:3px solid transparent;
    cursor:pointer;
    border-radius: 3px;
    -webkit-box-shadow: 4px 4px 9px 0px rgba(207,207,207,1);
    -moz-box-shadow: 4px 4px 9px 0px rgba(207,207,207,1);
    box-shadow: 4px 4px 9px 0px rgba(207,207,207,1);
}

.cbk-payments-packages .cp-package.active, .cbk-payments-packages .cp-package:hover{
    -webkit-box-shadow: 4px 4px 9px 0px rgba(0,0,0,0.37);
    -moz-box-shadow: 4px 4px 9px 0px rgba(0,0,0,0.37);
    box-shadow: 4px 4px 9px 0px rgba(0,0,0,0.37);

}
.cbk-payments-packages .cp-title{
    font-size:20px;
    margin-bottom:10px;
}
.cbk-payments-packages .cp-price{
    font-size: 25px;
    margin: 20px 0px;
}
.cbk-payments-packages .cp-price strong{
    font-size:12px;
}
.cbk-payments-packages .cp-description{
    font-size:14px;
}
.cbk-payments-packages .cp-description br{
    display:block !important;
}

.cbk-payments-packages .cp-check{
    width: 20px;
    margin: 10px auto;
    border: 2px solid;
    height: 20px;
    font-size: 15px;
    border-radius: 3px;
    line-height: 20px;
}
.cbk-payments-packages .cp-check span{
    display:none;
}
.cbk-payments-packages .cp-package.active .cp-check span{
    display:block;
}
#payment_redirect{
    display:inline-block;
    width:100%;
    padding:40px 0px;
}
#payment_redirect h3{
    font-size:30px;
    display:block;
    margin:30px 10px;
    text-align:center;
}
#payment_redirect .cbk-gateways{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


#payment_redirect .cbk-gateway{
    flex: 1 1 25%;
    padding: 20px;
    margin: 10px;
    text-align:center;
    border:1px solid #ddd;
    cursor:pointer;
    background: #f9f9f9;
    border-radius:3px;
}

#payment_redirect .cbk-gateway:hover{
    border-color:rgb(14, 121, 236);
}

#payment_redirect .cbk-gateway .g-title{
    font-size:24px;
    margin-bottom:20px;
    color: rgb(136, 136, 136);
}
#payment_redirect .cbk-gateway .g-price{
    font-size:18px;
}
#payment_redirect .cbk-gateway .g-price span{
    font-size:11px;
}
.cbk-payments-return{
    display:block;
}
.cbk-payments-return .cbk-payment{
    border:1px solid #ddd;
    border-radius:5px;
    padding:10px;
}

.cbk-payments-return .cbk-payment h3{
    font-size:18px;
}
.cbk-payments-return .cbk-payment h3 span{
    color: #828282;
}

.cbk-payments-return .c-pay-field{
    display: flex;
    padding:10px 0px 10px 0px;
}
.cbk-payments-return .c-pay-field div{
    width:50%;
}

.cbk-payments-return .separator{
    display:block;
    width:100%;
    border-bottom:1px solid #ddd;
    margin: 20px 0px 20px 0px;
}

.cbk-payments-return .c-action{
    text-align: center;

}

.revolut-pay-widget{
    margin:0;
    height:100vh;
    display:grid;
    place-items: center;
}
.revolut-pay-widget .pay-box{
    max-width: 300px;
    max-height: 300px;
    width:100%;
    height:100%;
    padding:10px;
}

.revolut-pay-widget .pay-box #pay-card{
    display: block;
    background: rgb(25, 28, 31);
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    padding: 10px;
    text-align:center;
    border-radius:10px;
    margin-bottom:15px;
    cursor: pointer;
}
.revolut-pay-widget .pay-box #pay-pay iframe{
    min-width:100% !important;
}

@media (max-width: 700px) {
    .cbk-payments-packages .cp-parent,#payment_redirect .cbk-gateways  {
        flex-direction: column;
    }
}