@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000; 1,200..1000&display=swap'); /* font-family: "Mulish", sans-serif; */
.payment-banner { }
.payment-banner img { width: 100%; height: 100%; }
.pay-online-section { padding: 65px 0px; }
.pay-online-wrap { display: flex; flex-direction: row; flex-wrap: wrap;border-radius: 10px;
    overflow: hidden;}
.pay-online-type { width: 50%; padding: 40px; display: flex; flex-direction: column; justify-content: center; background: #f5f5f7; }
.paymet-image-right {
    width: 50%;
}
.paymet-image-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pay-online-type p {
    line-height: 30px;
    font-size: 18px;
     font-family: "Mulish", sans-serif; 
}
.pay-online-heading { width: 100%; margin-bottom: 40px; }
:is(.pay-online-heading) :is(h1, h2, h3, h4, h5, h6) { font-size: 30px; margin-bottom:0px; }
.pay-online-type .g-pay { padding: 20px; background: linear-gradient(45deg, #ffffff, transparent); }
.pay-online-type .g-pay img { margin-bottom: 15px; }
.pay-online-type .paytm-pay { padding: 20px; margin-top: 15px; background: linear-gradient(45deg, #ffffff, transparent); }
.pay-online-type .paytm-pay img { margin-bottom: 15px; }
.pay-online-form { width: 100%; padding: 20px; background: #fff; margin-top: 0px; }
.pay-online-form h4 { font-size: 24px; margin-bottom: 20px;  font-family: "Mulish", sans-serif; }
.pay-online-form h4 img { margin-left: 15px; }
.pay-online-form form { border-top: 1px solid #e7e7e7; padding-top: 20px; }
.pay-online-form form .form-group label { margin-bottom:5px; font-family: "Mulish", sans-serif;  }
.pay-online-form form .form-group { margin-bottom: 15px; }
.pay-bank-detail { margin-top: 65px; }
.pay-bank-detail .table-responsive { margin-top: 50px; background: #f5f5f7; padding: 20px; border-radius: 10px; }
.pay-bank-detail table>:not(:first-child) { border-top: none; }
.pay-bank-detail tbody, .pay-bank-detail td, .pay-bank-detail tfoot, .pay-bank-detail th, .pay-bank-detail thead, .pay-bank-detail tr { position: relative; border-width: 0px; font-size: 16px; padding: 10px 16px; line-height: 24px; color: #000000;  font-family: "Mulish", sans-serif;  font-weight: 500; }
.pay-bank-detail tr th { font-size: 16px; font-weight: bold;  font-family: "Mulish", sans-serif; }
.pay-bank-detail table tr:nth-child(even) td { background:transparent; padding: 5px 0px; }
.pay-bank-detail table tr td { background-color: #fff; }
.pay-bank-detail table tr th { border-width: 0px; padding: 0px 0px 20px 0px; }
.pay-bank-detail table tr td:first-child:before { content: ":"; right: 0px; position: absolute; }
.btn { color: #ffffff; min-width: 120px; min-height: 45px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; line-height: 22px; transition: 1s; -webkit-transition: 1s; cursor: pointer; font-family: "Mulish", sans-serif; font-weight: bold; border-radius: 50px; border: none; padding: 7px 30px; background: #dd0f0f; transition: .6s; position: relative; z-index: 0; overflow: hidden; text-transform: capitalize; }
.btn:not(a):hover { color: #fff; transition: 1s; background: #5f2f09; border-color: #5f2f09; }
@media (max-width: 1199px) {
.pay-online-type p {
    line-height: 26px;
    font-size: 16px;
}
}

@media (max-width: 767px) {
 :is(.pay-online-heading) :is(h1, h2, h3, h4, h5, h6) { font-size: 22px; }
.pay-online-section { padding: 35px 0px; }
.pay-online-heading { margin-bottom: 22px; }
.pay-online-type { padding: 10px; }
.pay-online-form { padding: 20px; }
.pay-online-form h4 { font-size: 20px; }
.pay-online-form h4 img { margin-left: 0; margin-top: 10px; display: block; }
.pay-bank-detail tbody, .pay-bank-detail td, .pay-bank-detail tfoot, .pay-bank-detail th, .pay-bank-detail thead, .pay-bank-detail tr { font-size: 14px; }
.pay-bank-detail { margin-top: 30px; }
.pay-bank-detail .table-responsive { margin-top: 20px; }
.pay-online-type {
    width: 100%;
    padding: 20px;    
    order: 2;
}
.paymet-image-right {
    width: 100%;
}
.pay-online-type p {
    line-height: 26px;
    font-size: 16px;
}
 }
@media (max-width: 575px) {
 .pay-online-type { width: 100%; }
.pay-online-form { width: 100%; }
.pay-bank-detail table tr td { padding: 6px 10px; display: block; width: 100%; }
.pay-bank-detail table tr td:first-child:before { display: none; }
.pay-bank-detail table tr td:first-child { font-weight: bold; padding-bottom: 0; }
 }