/* ==========================================
   ARIKASOFT ENTERPRISE CHECKOUT v2
========================================== */

.checkout-section{
  padding:60px 0 80px;
  background:linear-gradient(135deg,#eef3f9,#f7faff);
  min-height:70vh;
}

/* Center Properly */
.checkout-card{
  max-width:1000px;
  margin:0 auto;
  background:#ffffff;
  border-radius:20px;
  box-shadow:0 30px 80px rgba(0,0,0,0.12);
  overflow:hidden;
  position:relative;
}

/* LEFT PANEL */
.checkout-left{
  background:linear-gradient(135deg,#0b3c5d,#174e7c);
  color:#ffffff;
  padding:50px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.checkout-left h4{
  font-size:24px;
  font-weight:700;
  margin-bottom:35px;
}

.summary-box p{
  font-size:16px;
  margin-bottom:25px;
}

.summary-box strong{
  font-weight:600;
  opacity:.85;
}

.summary-box hr{
  border-color:rgba(255,255,255,0.2);
}

.secure-text{
  margin-top:15px;
  font-size:14px;
  font-weight:600;
  color:#00ffc3;
}

.trust-icons{
  font-size:13px;
  margin-top:12px;
  opacity:.85;
}

/* RIGHT PANEL */
.checkout-right{
  padding:55px 60px;
  background:#ffffff;
}

.checkout-right h4{
  font-size:24px;
  font-weight:700;
  color:#0b3c5d;
  margin-bottom:30px;
}

/* FORM */
label{
  font-weight:600;
  font-size:14px;
  margin-bottom:6px;
  color:#444;
}

.form-control{
  border-radius:12px;
  padding:12px 14px;
  border:1px solid #e2e8f0;
  transition:.3s;
}

.form-control:focus{
  border-color:#ff7a18;
  box-shadow:0 0 0 3px rgba(255,122,24,0.15);
}

/* PAY BUTTON */
.pay-btn{
  background:linear-gradient(135deg,#ff7a18,#ff9f1c);
  color:#fff;
  font-weight:700;
  padding:16px;
  border:none;
  border-radius:14px;
  width:100%;
  margin-top:25px;
  font-size:16px;
  transition:.3s;
}

.pay-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(255,122,24,0.3);
}

/* Better spacing */
.checkout-right .row{
  row-gap:10px;
}

/* Responsive */
@media(max-width:992px){

  .checkout-card{
    border-radius:16px;
  }

  .checkout-left{
    padding:35px;
  }

  .checkout-right{
    padding:35px;
  }

}

@media(max-width:768px){

  .checkout-section{
    padding:40px 15px;
  }

  .checkout-left{
    border-bottom:1px solid rgba(255,255,255,0.15);
  }

}