
*,
*::before,
*::after {
  box-sizing: border-box;
}
a {color: #392C70;}
a:hover {text-decoration: none; color: #392C70;}
.bg-gradient-primary {
    background-color: #0089d4  !important;
    background-image:linear-gradient(180deg, #0089d4  10%, #0089d4  100%) !important;
    background-size: cover;
}
.sidebar-dark .sidebar-heading {
    color: #fff !important;
}
.sidebar-dark .nav-item .nav-link i {
    color: #fff !important;
}
.btn-success, .btn-primary, .page-item.active .page-link {
    color: #fff;
    background-color: #12347c  !important;
    border-color: #12347c  !important;
}

.scroll-to-top{background:#0089d4  !important;}
.scroll-to-top:hover{background:#0471ad !important; }
/*.login_marwar:before{background-color: #392C70  !important;
    background-image:linear-gradient(180deg, #f2f6ff  10%, #f2f6ff  100%) !important;}*/


.recharge_services_items {margin-top:15px;
}
.recharge_services_items ul {
    margin: 0;
    padding: 0px;
}
.recharge_services_items ul li {
    display: inline-block;
    list-style: none;
    width: 100px;
    padding: 15px 0px;
    text-align: center;
    margin: 0px 6px;
}
.recharge_services_items ul li a span {
    display: block;
    text-align: center;
}

.recharge_services_items ul li a span i:before {
    font-size: 35px;
    color: #fff;
}
.recharge_services_items ul li a {
    font-size: 14px;display: inline-table;
    font-weight: 500;
    color: #000;
}

.recharge_services_items ul li a:focus {
    outline: none !important;
    text-decoration: none;
}
.form-group.d-flex {
    display: flex;
    justify-content: space-between;
}

.recharge_form .form-group button.procced-btn.btn-primary:hover {
    background: #392C70; box-shadow: 0 9px 7px rgb(190 1 23 / 37%);
}
.recharge_form .form-group input.form-control {
    height: 45px;
   box-shadow: 0 6px 5px rgb(0 0 0 / 6%);
    border-radius: 5px;
    border: 1px solid #cacaca;
}
.recharge_form .form-group {
    margin-bottom: 20px;
}

.recharge_view .modal-header a.class span {
    background: #392C70;
    width: 35px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    border-radius: 100%;
    color: #fff;
}
.recharge_form {padding: 10px 20px;}
.recharge_form .form-group select.form-control {height: 45px;box-shadow: 0 6px 5px rgb(0 0 0 / 6%); border-radius: 5px;
    border: 1px solid #cacaca;}



.recharge_services_items ul li a span {
    display: block;
    padding: 15px 0;
    margin: 0 auto 10px;
    text-align: center;
    background: #392C70;
    border-radius: 5px;
    width: 70px;
    height: 70px;
}    

.recharge_services_items ul li a:hover {
    text-decoration: none; color:#392C70;
}

.recharge_form .form-group button.procced-btn.btn-primary {
    padding: 14px 20px;
    background: #392C70;
    border: 0;
    border-radius: 7px;
    box-shadow: 0 9px 7px rgb(83 137 61 / 40%);
}

.recharge_view .modal-header {
    background: #392C70;
    padding: 10px 20px;
    border-bottom: 0px;
    color: #fff;
}  

h3.title-mt.text-center{background-color: #392C70 ;}