/* landing/onboard */
#landing-view.bg1 {
	background-position: center bottom;
}
#landing-view .img-div {
    min-height: 15vh;
	max-height: 41vh;
}
#landing-view .img-landing {
	margin-top: 10vh;
	margin-bottom: 100px;
	max-width: 100%;
}
.preview-part #landing-view .img-landing {
    margin-top: 80px;
}
#landing-view .desc {
	color: var(--text-primary-color);
}
#landing-view .btn-accent{
	width: 70%;
	height: 55px;
	margin:50px auto;
}
/* end landing/onboard */

/*phone */

/* end phone */

/* otp */
#otp-view .txt-otp {
	height: 54px;
}

#otp-view .otp-group {
	margin-top: 130px;
}

/* end otp */

/*register*/
#register-view .container-check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #fff;
    border: 1px var(--primary-color) solid;
    border-radius: 50px;
}
/* Style the checkmark/indicator */
#register-view .container-check .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
} 
#register-view .container-check input:checked ~ .checkmark {
    background-color: var(--primary-color);
}
#register-view .container-check .checkmark {
    border:1px var(--primary-color) solid;
}
/*end register*/

/* home */

/* end home */

/* reward/gift list */
#rewards-view .bg2 {
	background-color: var(--secondary-color);
}
#rewards-view .btn-inverse {
	height: 35px;
	padding-left: 20px;
	padding-right: 20px;
	border-color: #fff;
	color: #fff;
	background-color: transparent;
	margin-top: 14px;
}
#rewards-view .btn-inverse img,
#rewards-view .btn-inverse .next-icon {
	display: none;

}
#rewards-view .brand {
	display: none;
}
/* end reward/gift list */

/*reward detail */
#reward-detail-view .brand {
	display: none;
}
#reward-detail-view .container-check1 input{
	margin-right: 0;
}
#reward-detail-view .container-check1 input:checked ~ .checkmark,
#reward-detail-view .container-check1 .checkmark{
	display: none;
}
.reward-list .pro-box .home-pro{
	height: 200px;
}
/*end reward detail*/
#news-detail-view .footer-fix{padding-top: 10px !important;}
/*earn point */
#earn-point-view .dq-tab {
	padding: 0px 30px;
}
#earn-point-view .dq-tab .nav-tabs > li > a,
#earn-point-view .dq-tab .nav-tabs > li > a.left,
#earn-point-view .dq-tab .nav-tabs > li > a.right {
	height: 55px;
}
#earn-point-view .phone-box {
	background-color: var(--primary-color);
}
#earn-point-view .card-number {
	border-radius: 10px;
}
.btn-copy{}
#earn-point-view .money {
	margin-top: 0;
}

#earn-point-view .dq-tab .nav-tabs > li.active > a, 
#earn-point-view .dq-tab .nav-tabs > li.active > a:hover, 
#earn-point-view .dq-tab .nav-tabs > li.active > a:focus, 
#earn-point-view .dq-tab .nav-tabs > li > a.active, 
#earn-point-view .dq-tab .nav-tabs > li > a.active:hover, 
#earn-point-view .dq-tab .nav-tabs > li > a.active:focus{
  color:  #fff;
  background-color: var(--primary-color);
}
#earn-point-view .dq-tab .nav-tabs > li > a span {
    display: inline-block;
    height: 55px;
    line-height: 55px;
    min-width: 60px;
    word-wrap: normal;
    text-align: center;
}
#earn-point-view .tier-name-earn {
    font-size: 18px;
}
#earn-point-view .tier-block {
    display: flex;
	align-content: center;
	align-items: center;
}
#earn-point-view .tier-block img {
	max-width: 26px;
	max-height: 20px;
    margin-right: 5px;
}
#earn-point-view .tier-name {
	padding: 0px 12px 0px 12px;
    display: inline-flex;
    align-items: center;
    height: 22px;
	border-radius: 100px;
}
/*earn point */

/*coupon list*/
#mycoupon-view .pro-brand {
	display: none;
}
#mycoupon-view .dq-tab {
    padding: 15px 10px 0px !important;
}
#mycoupon-view .dq-tab .dq-tab .nav-tabs > li > a, 
#mycoupon-view .dq-tab .nav-tabs > li > a.left, 
#mycoupon-view .dq-tab .nav-tabs > li > a.right {
	height: 51px;
}
#mycoupon-view .card-pro .title-part .btn-more  {
	border-radius: 30px;
	bottom: 10px;
	height: 35px;

    padding-left: 12px;
    padding-right: 12px;
    min-width: 60px;
    width: unset;
}
@media (max-width: 320px) {
	#mycoupon-view .card-pro .title-part .btn-more {
		font-size: 11px;
	}
}
#mycoupon-view .no-data-box .btn-use {
	border-radius: 30px;
	bottom: 10px;
	height: 50px;

    padding-left: 12px;
    padding-right: 12px;
    min-width: 200px;
    width: unset;
	padding: 8px 12px;
}
/*end coupon list*/

/* coupon detail */
#coupon-detail-view .brand2 {
	display: none;
}
/* end coupon detail */

/*point detail list */
/* #point-detail-list-view .point-detail-hearder-bg {
	background-color: var(--primary-color);
} */
#point-detail-list-view .next-icon path{
    fill: var(--primary-color);
}
#point-detail-list-view .nearly-expire {
	display: none;
}
#point-detail-list-view .nearly-expire path{
    fill: var(--accent-color);
	
}
#point-detail-list-view .no-data-img path {
    fill: var(--primary-color);
}
#point-detail-list-view .btn.btn-history {
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}
/*end point detail list*/

/*tier info */
/* :root {
	--tier-text-color: var(--text-primary-color);
	--tier-bar-base-color: #fff;
	--tier-bar-color: var(--primary-color);
	--tier-start-color: var(--secondary-color);
	--tier-end-color: var(--secondary-color);
} */
/*end tier info*/