@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
body{font-family: "Roboto", sans-serif; font-size:14px; background: #fff;  color:#231f20; margin:0px; padding:0px;   }
a{transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; color:#0b5189;}
 img{image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */}
*:focus{outline:none!important;  }
p{line-height:16px;}

@media (min-width: 1279px){
	.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
}
}
 
.responsiveMax{max-width:100%;}
.responsive{width:100%;}
.gift {text-align:center; padding:25px 0 45px; background:#fff;  }
.gift ul {list-style:none; padding:0px; margin:0px;}
.gift ul li {display:inline-block;   padding:0 18px; position:relative; vertical-align:top; }
.gift ul li span{ display: inline-block;
    vertical-align: top;
    padding: 55px 40px;}
.gift ul li:after {content:''; position:absolute; left:0px; top:0px; height:80px; width:3px; background:#2c3393; }
.gift ul li:first-child:after {width:0px;   } 
.gift ul li:last-child:after {width:0px;   } 
.gift ul li img{ max-width:100%;     height: 80px; } 
.gift ul li:last-child{padding-left:0px;     }
.gift ul li:first-child img{border-left:0px;     height: 109px;
    margin-top: -29px;}
.gift ul li p{ margin:10px 0 0;   font-size:15px;font-weight: 700;} 
.banner img{display:block;}
.title{background:#7d161a; color:#fff; text-align:center; font-size:25px; padding:8px 0;}
.redeem {text-align:center;  background: #fff; position:relative; padding:30px 15px 0px; color:#000;  }
.redeemBTN{background:#775f36; color:#fff; text-decoration:none; display:inline-block; border-radius:6px; padding:10px 25px; font-size:24px;    font-weight: 600;     text-transform: uppercase;}
.redeemBTN img{    vertical-align: middle;  width:28px;}
.redeemBTN.disabled{opacity:.95;  pointer-events: none;}
.redeemBTN:hover{background:#231f20; }
.actual{    font-size: 13px; padding:20px;
    color: #000;} 
.actual p {
    margin: 0px 0 0px 7px;
    letter-spacing: .02px;
    line-height: 20px; 
	text-align: justify;
	position:relative;
}
    .actual p span {
        position: absolute;
        left: -8px;
        top: 0px;
    }
.term {
    padding: 0px 15px 20px; 
    box-sizing: border-box;
    text-align: center;
    background: #fff; 
	line-height: 18px;
	font-size: 18px;
}
.term p{margin:0px;}
.term span{display:inline-block}
.term a{text-decoration:none; color:#0b5189;   }

.banner .banner-mob{display:none;}
.choose{background:#fff; color:#000; font-size:11px;}
.chooseText{background:#00a450; color:#fff; font-size:11px;  max-width:360px; padding:10px 0px 10px 15px;  position:relative;}
.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 0px solid transparent;
    border-bottom: 117px solid transparent;
    border-left: 20px solid #00a450;
    position: absolute;
    right: -20px; top:0px;
}
.yourGift{ }
.yourGift ul{list-style:none; text-align:center; font-weight:600;padding:0px;}
.yourGift ul li{display:inline-block; padding:0 15px;}
.yourGift ul li p{margin:0px;}
.yourGift ul li img{width:100px;}
.chooseText h2{  font-size:25px; font-weight:600; font-style:italic; text-transform:uppercase;  text-align:center; margin:0 0 5px;}
.chooseText p{     margin:0px; line-height:16px;}
.arrow{position:absolute; right:-22px; bottom:10px; width:35px;}
/* The checkboxBg */
.checkboxBg { 
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: text-bottom;
}

/* Hide the browser's default checkbox */
.checkboxBg input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border: 1px solid #333;
      border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.checkboxBg:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxBg input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkboxBg input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkboxBg .checkmark:after {
      left: 5px;
    top: 2px;
    width: 3px;
    height: 7px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 1600px){ 
body{ }
.gift ul li:first-child img{margin-top: -50px;}
.gift ul li { padding:0px 10px;    } 
.redeem { }
.gift {padding:10px 0;  }
.title { 
    font-size: 18px;
    padding: 5px 0;
}
.gift ul li img { height: 60px;}
.gift ul li p {
     line-height: 16px; font-size:11px;  
}
.gift ul li:after {height:60px; width:2px;left: 0px;    top: 0px;}

.redeemBTN img { 
    width: 20px;
} 
.gift ul li span {    padding:55px 25px 5px 5px;}
.gift ul li span img{width:75%;}
}
@media (max-width: 1365px){ 
.gift ul li img {
    height: 55px;
}
.gift ul li:first-child img { 
    height: 99px;
    margin-top: -44px;
}
.gift ul li p{font-size:11px;}
}
@media (max-width: 1279px){ 
.gift ul li { 
margin-bottom: 20px; }   
	.actual{  }
	 
	.chooseText{max-width:100%; padding-bottom:30px;}
	.arrow { 
    right: 50%;
    bottom: -17px;
    width: 35px;
    margin-right: -17px;   -ms-transform: rotate(90deg); /* IE 9 */
  transform: rotate(90deg);
}
.yourGift {
    padding: 20px 15px 5px;
}
.arrow-right{display:none;}
.chooseText p{text-align:center;}
}
@media (max-width: 767px){ 
.gift ul li:last-child img{margin-top:0px;}
.gift ul li p {
    font-size: 13px;
}
.gift ul li:after {height:0px; top:0px;    left: -2px;
    width: 1px;   }
.gift ul li:nth-child(2n + 0):after {height:85px; } 
.gift ul li span{padding: 25px 0px 0; display:block;}
.gift ul li:last-child img {max-width: 100%;} 
.gift ul li img {
    height: 130px;
}
.gift ul li {padding: 0px 0px;}
.title {
    font-size: 18px;
    padding: 8px 15px;
}
.gift ul li { 
    width: 49%; margin-bottom:25px;  
}  
.term {padding: 1px 0px 0px; font-size: 13px; line-height: 14px; padding-bottom: 15px; margin:0 -12px;
  }
	.checkboxBg { 
    padding-left: 22px;
	}
.gift ul li img { 
    border:0px; margin:0px; padding:0px;
}
.gift { 
    padding-top: 15px;
}
.banner .banner-web{display:none;}
.banner .banner-mob{display:block;}
.gift ul li img {
    max-width: 100%;  height:auto;
} 
	.actual{ text-align:justify; }
	.gift ul li:first-child img{height:84px; margin:0px;}
.chooseText{padding:15px 15px 30px;}
.yourGift {
    padding: 20px 0px 5px;
}
.yourGift ul li br{ display:none;}
.yourGift ul li { 
    width: 49%;
    box-sizing: border-box; padding-bottom:20px;
}
.gift ul li:last-child {
    padding-left: 0px;
    width: 100%;
}
h1 { 
    font-size: 37px;
}
.checkmark { 
    top: 0px; 
    height: 14px;
    width: 14px;
}
.redeemBTN { 
    font-size: 20px;
}
}