/* CSS Document */

.coupon-card{
    /*background: linear-gradient(135deg, #7158fe, #9d4de6);*/
	border:3px solid #242748;
    color: #242748;
    text-align: center;
    padding: 40px 80px;
    border-radius: 15px;
    /*box-shadow: 0 10px 10px 0 rgba(0,0,0,0.15);*/
    position: relative;
	margin-bottom:30px;
}

.coupon-card .title{
    font-size: 28px;
    font-weight: 400;
    line-height: 32px;

}
.coupon-card .text{
    font-size: 15px;
	line-height: 20px;

}
.coupon-card .discount{
    font-size: 15px;
	line-height: 20px;

}

.coupon-card::before, .coupon-card::after {
  content: "";
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: -1;
}

.coupon-card::before {
  left: 0;
  background-image: radial-gradient(
    circle at 0 50%,
    transparent 25px,
    #fff 26px
  );
}

.coupon-card::after {
  right: 0;
  background-image: radial-gradient(
    circle at 100% 50%,
    transparent 25px,
    #FFFFFF 26px
  );
}

@media only screen and (max-width: 600px) {

	.coupon-card {
		padding:15px;
		margin-bottom:10px;
	}
	.coupon-card .title{
		font-size: 18px;
		font-weight: 600;
		line-height: 20px;

	}
	.coupon-card .text{
		font-size: 16px;
		line-height: 20px;

	}
	.coupon-card .discount{
		font-size: 16px;
		line-height: 20px;
	}
}