*{
  margin-top: 0%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom:0%;
  align-content: first baseline;
  overflow-x: hidden
}
input:focus{
  outline: none;
}
a{
  text-decoration: none;
  background-color: inherit;
  color: inherit;
}
#top_banner{
  padding-left: 8%;
  padding-top: 3%;
  display: flex;
  height: 90px;
  width: 100%;
}
#search_item{
  display: -webkit-box;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding-left: 10px;
  height: 50px;
  margin-top: 1%;
  margin-left: 2%;
}
#search_icon{
  position: sticky;
  padding-top: 10px;
}
#search_inp{
  height: 40px;
  width: 500px;
  margin-left: 10px;
  margin-right: 250px;
  border:none;
  padding-top: 5px;
}
#banner_buttons_box{
  display: inherit;
  margin-left: 30px;
  margin-top: 10px;
  align-items: center;
}
.banner_icons{
  padding-left: 20px;
  padding-top: 10px;
}
.banner_button_title{
  padding-bottom: 10px;
  text-align: center
}
#banner_buttons_cart{
  margin-left: 20px;
  border-radius: 90px;
  width: 70px;
  height: 70px;
  cursor: pointer;
}
#banner_buttons_cart:hover{
  box-shadow: rgb(50, 33, 207) 0px 0px 0px 3px;
}
#banner_buttons_login{
  margin-left: 20px;
  border-radius: 90px;
  width: 70px;
  height: 70px;
  cursor: pointer;
}
#banner_buttons_login:hover{
  box-shadow: rgb(50, 33, 207) 0px 0px 0px 3px;
}
#body_box{
  display: grid;
  grid-template-columns: 70% 30%;
}
#cart_title{
  margin-left: 13%;
  margin-top: 8%;
  font-size: 30px;
  color: rgb(19,41,103);
  font-weight: bolder;
  
}
.product_grid{
  display: grid;
  grid-template-columns: 50% 25% 25%;
  margin-left: 10%;
  margin-right: 10%;
  border-radius: 8px;
  padding-top: 2%;
  padding-bottom: 2%;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  margin-top: 5%
}
.product_name{
  padding-left: 5%;
  font-size: 15px;
}
.product_quantity{
  text-align: center;
  font-size: 15px;
}
.product_total_price{
  text-align: center;
  font-size: 15px;
}
#order_grid{
  background-color: rgb(19,41,103);
  margin-top: 35%;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  max-height: 69%
}
#summary_title{
  color: white;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  padding-top: 10%
}
table{
  width: 80%;
  margin-left: 10%;
  margin-top: 10%;
  margin-bottom: 10%
}
.table_heading{
  color: white;
  font-size: 17px;
  padding-bottom: 10%;
  font-weight: bold;
}
#item_count{
  color: white;
  padding-bottom: 10%;
}
#cart_value{
  color: white;
  padding-bottom: 10%;
}
#place_order{
  background-color: rgba(255,255,255,0.7);
  margin-left: 40%;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 3%;
  padding-bottom: 3%;
  font-size: 17px;
  margin-bottom: 15%;
  box-shadow: inset 4px 4px 6px -1px rgba(0,0,0,0.2),
	      inset -4px -4px 6px -1px rgba(255,255,255,0.7);
  border: 1px solid rgba(0,0,0,0.1);
  cursor: pointer;
  border-radius: 3px;
  color: rgb(36,24,157);
}
#place_order:hover{
  background-color: rgb(255,255,255);
}
iframe{
  width: 100%;
  height: 100vh;
  border: none
}