{% extends 'base.html.twig' %}
{% block body %}
<style>
.razorpay-payment-button{
    background-color: var(--theme-color);
    color: #fff;
    font-weight: bold;
    /*width: 50%;*/
	margin:auto;
	padding:auto;
	border: none;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    font-family: var(--title-font);
    color: var(--white-color);
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    border-radius: 10px;
    z-index: 1;
    overflow: hidden;
    text-transform: uppercase;
}
.razorpay-payment-button:hover{
  background-color: var(--theme-color2);
}
.widget_shopping_cart .cart_list img{
	width:85px !important;
	height:100px !important;
}
</style>
<div class="breadcumb-wrapper" data-bg-src="../../assets/img/breadcumb/breadcumb-bg.jpg">
    <div class="container z-index-common">
      <div class="breadcumb-content">
        <h1 class="breadcumb-title">Checkout</h1>
        <div class="breadcumb-menu-wrap">
          <ul class="breadcumb-menu">
            <li><a href="/index">Home</a></li>
            <li>Shop</li>
            <li>Checkout</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
<section class="vs-checkout-wrapper space">
  <div class="container">
    <div class="row">
      <div class="col-lg-6">
        <!-- Cart Items [Start] -->
        <div class="sidemenu-content">
          <div class="widget widget_shopping_cart">
            <h3 class="widget_title">Cart Items</h3>
            <div class="widget_shopping_cart_content">
              <ul class="cart_list">
                {{order_cart|raw}}
                <br>
                {{htm  | raw}}
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

{% endblock %}