* {

  border: 0;

  margin: 0;

  padding: 0;

  outline: none;

 }

 

 body {

  margin: 0;

  padding: 0;

  background: #fff;

  font-family: Arial;

  font-size: 13px;

  display: flex;

  justify-content: center;

 }

 

 .main-body {

  width: 744px;

  max-width: 744px;

  height: 1700px;

  text-align: center;

  background-color: #d8e8fd;

 }

 

 .summary-wrapper {

  position: relative;

  display: flex;

  background-color: #fff;

  margin: 0 3rem;

  text-align: left;

  padding: 13px;

  border-radius: 10px;

  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);

 }

 

 .mt-1 {

  margin-top: 0.6rem;

 }

 

 .mt-2 {

  margin-top: 2rem;

 }

 

 .pb-2 {

  height: 28.5rem;

 }

 

 .color-blue {

  color: #5c8eeb;

 }

 

 .color-red {

  color: #f6302d;

 }

 

 .btn-coupon {

  margin: 21.5rem 0 0 7.3rem;

  width: 20rem;

  cursor: pointer;

 }

 

 .text-18 {

  font-size: 18px;

  font-weight: 600;

 }

 

 .grn-tick {

  margin: 1px 10px 0 5px;

 }

 

 .coupon-img {

  position: absolute;

  top: 70px;

  left: 50%;

  transform: translateX(-50%);

  width: 43.5rem;

  height: 19.3rem;

  z-index: 1;

 }

 .close_btn{

  width: 25%;

  margin-top: 20px;

 }

 

 .coupon-img-2 {

  position: absolute;

  top: 259px;

  left: 74%;

  padding: 1rem;

  font-size: 18px;

  border: 1px solid black;

  transform: translateX(-50%);

  border-radius: 7px;

  width: 13rem;

  height: 2.8rem;

  font-weight: 600;

  z-index: 3;

 }

.tunnel-main{

  background-color: #fff;

}

 .tunnel-colum{

  display: flex;

 }



 .tunnel-colum-1{

  text-align: left;

  font-size: 18px;

  word-wrap:break-word;

  font-weight: 500;

  letter-spacing: 1.9px;

  margin:50px 15px 0 15px;

  width: 50rem;

 }

 .tunnel-colum-2{

  margin:30px 10px;

  width: 33rem;

  float: right;

 }

 .tunnel-colum-3{

  text-align: left;

  font-size: 18px;

  word-wrap:break-word;

  letter-spacing: 1.9px;

  font-weight: 500;

  margin:20px 15px 0 15px;

  padding-bottom: 30px;

 }

 .footer-btn{

  position: relative;

  margin-top: 20px;

 }

 .using-code-column{

  display: flex;

  justify-content: center;

  align-items: center;

 }



 .using-code-text{

  font-size: 22px;

  margin-right: 10px;

  font-weight: 600;

 }

 .carmel-donate{

  padding: 10px 0 20px 0;

  font-size: 23px;

  font-weight: 500;

 }

 .welcome-btn-img {

  position: absolute;

  top: 104rem;

  left: 50%;

  padding: 1rem;

  font-size: 18px;

  transform: translateX(-50%);

  width: 11rem;

  height: 2.2rem;

  font-weight: 600;

  z-index: 4;

 }