/*coupon based checkout*/
.couponcoursecheckout{
  display: none;
  width: 88%;
  border-radius: 8px;
  background-color: #ffffff;
  padding: 8px;
  top: 18%;
  left: 6%;
  position: absolute;
  z-index: 1;
  overflow: scroll;
  filter: drop-shadow(0 0 0.8rem #00000028)
}
#kchheading{
  font-size: larger;
  margin: 8px;
}
#kchtagline{
  font-size: 18px;
  margin: 4.8px;
}
#kchbanerimg{
  width: 48%;
  border-radius: 4.8px;
  filter: drop-shadow(0 0 0.8rem #00000018);
  margin: 8px;
}
#chtutorimg{
  width: 42px;
  height: 42px;
  border-radius: 28px;
}
#chtutor{
  margin-left: 8px;
  font-size: 18.8px;
}
#chcoupon{
  margin: 4.8px;
}
#cuchbu{
  padding: 8px;
  margin: 14px;
  background-color: #000000;
  color: #ffffff;
  font-weight: 600;
  font-size: large;
  border-radius: 2.8px;
  border: 1px solid #000000;
  filter: drop-shadow(0 0 0.8rem lightblue);
}

/*purchase on sale checkout*/
#ponscheckout{
  display: none;
  width: 98.8%;
  border-top-right-radius: 20.8px;
  border-top-left-radius: 20.8px;
  background-color: #ffffff;
  padding: 8px;
  height: 88vh;
  top: 76.8px;
  left: 0px;
  position: fixed;
  z-index: 1;
  overflow: scroll;
  filter: drop-shadow(0 0 0.8rem #00000028)
}
#kchheadingn{
  font-size: larger;
  margin: 8px;
}
#kchtaglinen{
  font-size: 18px;
  margin: 4.8px;
}
#kchbanerimgn{
  width: 38%;
  border-radius: 4.8px;
  filter: drop-shadow(0 0 0.8rem #00000018);
  margin: 8px;
  min-width: 288px;
}
#chtutorimgn{
  width: 42px;
  height: 42px;
  border-radius: 28px;
  margin-left: 18px;
}
#chtutorn{
  margin-left: 8px;
  font-size: 18.8px;
}
#chcouponn{
  margin: 4.8px;
}