.box {max-width: 1140px;margin: 0 auto;}
li {list-style: none;}
body {font-family:Roboto, sans-serif;    color: #212529; margin: 0px;padding:0px;}
*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
:root {
    --primary-color: #582c4f;
    --secondary-color: #5ce0e6;
    --goldo-color: rgb(33,37,41, 0.4);
    --black-color: #ffffff;
    --blackbg-color: #fff;
    --white-color: #ffffff;
    --gold-color: #582c4f;
}


.container{max-width: 1140px; margin: 0 auto;}
.online-payment{width: 100%; padding:110px 0px 40px 0px;}
.online-payment .inner-b{margin: 0 auto;box-shadow: 2px 5px 49px #ccc;float: none;padding:15px 30px 30px 30px; max-width: 750px; }
.online-payment .top-text {width: 100%; padding: 0 9%; text-align: center;}
.online-payment .top-text h3{font-size: 24px; margin-bottom: 10px;  color: #582c4f;}
.online-payment .top-text p{font-size: 13px; line-height: 18px; padding-bottom: 10px;}
.online-payment .inputs{width: 100%;font-size: 14px;padding: 5px 12px;margin-bottom: 0px;margin-left: 0px;height: 42px;border: none;max-width: 100%;width: 100%;background: #f2f3f4;color: #717070;line-height: 20px;margin-top: 0px;outline: none;border: 1px solid #ddd; border-radius:3px;}
.online-payment .form-sec,.online-payment .form-group{width: 100%;}
.online-payment .form-group{display: flex; flex-flow: wrap; gap: 15px; margin-bottom: 15px;}
.online-payment .form-group .col1{width: calc(33.33% - 10px);}
.online-payment .form-group .col1.full{width: 100%;}
.online-payment .form-group .col1.note{position: relative;}
.online-payment .form-group .col1.note p{font-size: 11px; position: absolute;top: -20px; padding-bottom: 0px;color: #7f8286;margin:0px;}
.online-payment h4{font-size: 20px; margin-bottom:5px; color: #582c4f; font-weight:500;}
.online-payment p{font-size: 13px; line-height: 18px; padding-bottom: 10px;}
.online-payment .terms-confirm{width: 100%;position:relative; padding-left: 29px; line-height: 16px; margin-bottom: 20px;}
.online-payment .terms-confirm label{font-size: 13px; color:#212529;line-height:19px;}
.online-payment .terms-confirm .form-check-input{position: absolute; left: 20px; top:0px;width:17px;height:17px;background-color:#fff;}
.online-payment .terms-confirm label a:hover{text-decoration: none;}
.online-payment .btn-row{ width: 100%; text-align: center;}
.online-payment .btn-row button{background: #582c4f;font-size:16px;border:none; padding:10px 20px; color:#fff; border-radius: 3px; transition: all ease 0.5s; cursor: pointer;} 
.online-payment .btn-row button:hover{background:#4b2543;}
.online-payment a{text-decoration: none;color: #582c4f;font-weight: 500;}

.online-payment .terms-confirm label.custom-control-label::before,.online-payment .terms-confirm label.custom-control-label::after{display:none;}
.online-payment .btn-row .btn-primary{background:#582c4f;border-color:#582c4f;padding:8px 25px;}
.online-payment .error-b{border-color: #e5392d;box-shadow: 0 0 0 .2rem rgba(229, 57, 45, .25);}


@media screen and (max-width : 1023px) {
}

@media screen and (max-width : 767px) {
    .online-payment{padding-top: 25px;}
    .online-payment .form-group .col{width: 100%;}
    .online-payment .inputs{margin-top: 0px;}
    .online-payment .inner-b{padding: 15px 15px 30px 15px;}
    .online-payment .form-group .col1{width:100%;}
    .online-payment .inner-b{max-width:92%;box-shadow: 0px 0px 10px #ccc;}
    .online-payment p{font-size:12px; line-height:16px;}
    .online-payment .terms-confirm label,
    .online-payment .top-text p{font-size:12px; line-height: 16px;}
    .online-payment .inputs{font-size:13px;padding:5px 12px 5px 10px; }
    .online-payment .form-group{gap: 10px;}
    .online-payment .terms-confirm{margin-top:10px;}
    .online-payment .form-group .col1.note p{font-size:10px;}
}