.swiper__title {
  color: #00ADEE; }

.swiper__body {
  width: 80%;
  margin: 1rem auto;
  color: #003D66; }

.swiper-button-prev {
  background: url(../img/reward/trim-blue/swiper-prev.png) top left no-repeat;
  background-size: 3vw; }
  .swiper-button-prev:focus {
    outline: none; }

.swiper-button-next {
  background: url(../img/reward/trim-blue/swiper-next.png) top right no-repeat;
  background-size: 3vw; }
  .swiper-button-next:focus {
    outline: none; }

.reward {
  margin: 6rem auto 3rem; }
  @media (min-width: 320px) and (max-width: 767px) {
    .reward {
      margin: 2rem auto 0rem; } }
  .reward__container {
    width: 100%;
    max-width: 870px;
    margin: 0 auto; }
  .reward.grey_bg {
    background-color: #e2e6e9; }
    @media (min-width: 320px) and (max-width: 767px) {
      .reward.grey_bg {
        padding-top: 30px; } }
  .reward .header__underline:after {
    content: '';
    position: absolute;
    width: 26px;
    height: 3px;
    background-color: #1b82d1;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%); }
  .reward--section {
    margin-top: 4rem; }
  @media screen and (max-width: 768px) {
    .reward--points {
      overflow: hidden; } }
  .reward--points > div {
    margin-bottom: 2px;
    padding-top: .8rem;
    padding-bottom: .8rem;
    line-height: 1.5; }
    @media screen and (max-width: 768px) {
      .reward--points > div:first-child {
        padding-right: 0; } }
  .reward--points > div:first-child {
    position: relative; }
  .reward--points > div:last-child {
    border-left: 1px dashed #0063AF; }
    .reward--points > div:last-child:after {
      content: '';
      position: absolute;
      top: 0%;
      bottom: 5%;
      right: .5rem;
      display: inline-block;
      width: 0; }
      @media screen and (max-width: 768px) {
        .reward--points > div:last-child:after {
          top: 0;
          bottom: -50%;
          right: 2rem; } }
  .reward--back {
    z-index: 99;
    position: fixed;
    bottom: 10vh;
    right: 2rem; }
  .reward .text-center {
    margin-bottom: 2rem;
    font-size: 30px;
    color: #0063AF;
    position: relative; }
    @media screen and (max-width: 768px) {
      .reward .text-center {
        font-size: 26px; } }
  .reward .text-left {
    font-size: 14px; }
  .reward b {
    color: #0063AF; }

.container__padding_top {
  padding-top: 45px; }
  @media (min-width: 320px) and (max-width: 767px) {
    .container__padding_top {
      padding-top: 25px; } }

.function_intro .card {
  background-color: #fff;
  height: 100%;
  padding: 35px 0px; }
  @media (min-width: 320px) and (max-width: 767px) {
    .function_intro .card {
      margin-bottom: 30px; } }

.function_intro .text {
  font-size: 20px;
  padding-top: 30px;
  color: #000; }

.features {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: stretch;
      align-items: stretch; }
  .features__items {
    -ms-flex: 50%;
        flex: 50%;
    margin-bottom: 45px; }
    @media (min-width: 320px) and (max-width: 767px) {
      .features__items {
        margin-bottom: 30px;
        -ms-flex: 100%;
            flex: 100%; } }
    .features__items:nth-child(odd) {
      padding-right: 30px; }
      @media (min-width: 320px) and (max-width: 767px) {
        .features__items:nth-child(odd) {
          padding-right: 0px; } }
    .features__items:nth-child(even) {
      padding-left: 30px; }
      @media (min-width: 320px) and (max-width: 767px) {
        .features__items:nth-child(even) {
          padding-left: 0px; } }
    .features__items:last-child {
      max-width: 50%;
      margin-bottom: 0px; }
      @media (min-width: 320px) and (max-width: 767px) {
        .features__items:last-child {
          max-width: 100%; } }
  .features .card {
    box-shadow: 0px 0px 24.36px 4.64px rgba(0, 0, 0, 0.14);
    height: 100%;
    padding: 35px 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .features .card .icon__wrapper {
      -ms-flex: 1.5;
          flex: 1.5; }
    .features .card .icon__wrapper.en {
      -ms-flex: 1.2;
          flex: 1.2; }
    .features .card .text__wrapper {
      -ms-flex: 4;
          flex: 4; }
  .features .title {
    font-size: 20px;
    color: #000;
    text-align: left;
    font-weight: bold;
    padding-bottom: 20px; }
  .features .content {
    text-align: left; }
    .features .content ul {
      padding-left: 20px;
      font-size: 14px; }
      .features .content ul li {
        padding-bottom: 10px; }
        .features .content ul li:last-child {
          padding-bottom: 0px; }

#flow_swiper {
  padding-bottom: 50px; }
  #flow_swiper .swiper-slide {
    text-align: center; }
    #flow_swiper .swiper-slide .num {
      padding: 0px 10px;
      display: inline-block;
      background: #0073cc;
      color: #fff;
      border-radius: 100%;
      font-size: 24px;
      margin-bottom: 10px; }
    #flow_swiper .swiper-slide .text {
      text-align: center;
      font-size: 20px;
      color: #000;
      padding-bottom: 15px; }
    #flow_swiper.en .swiper-slide .text {
      height: 90px;}
    #flow_swiper .swiper-slide img {
      width: 100%; 
      max-width: 256px;
      margin: 0 auto;}
@media (min-width: 320px) and (max-width: 767px) {
  #flow_swiper.en .swiper-slide .text {
    height: auto;}

}


.promotions {
  box-shadow: 0px 0px 24.36px 4.64px rgba(0, 0, 0, 0.14);
  text-align: center;
  margin-bottom: 55px;
  padding-bottom: 55px;
  padding-top: 40px; }
  .promotions:last-child {
    margin-bottom: 0px; }
  .promotions .title {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    padding-bottom: 20px; }
  .promotions .price {
    font-size: 30px;
    color: #1b82d1;
    font-weight: bold;
    padding-bottom: 15px;
    line-height: 1.1; }
  .promotions .charge {
    color: #1b82d1;
    font-size: 20px;
    padding-bottom: 15px; }
  .promotions .tnc {
    color: #858585;
    font-size: 14px;
    padding-bottom: 35px; }
  .promotions .plans {
    padding: 0px 60px;
    display: -ms-flexbox;
    display: flex; }
    @media (min-width: 320px) and (max-width: 767px) {
      .promotions .plans {
        display: block;
        padding: 0px 6%; } }
    .promotions .plans__wrapper {
      box-shadow: 0px 0px 24.36px 4.64px rgba(0, 0, 0, 0.14);
      -ms-flex: 1;
          flex: 1; }
      .promotions .plans__wrapper:nth-child(odd) {
        margin-right: 30px; }
        @media (min-width: 320px) and (max-width: 767px) {
          .promotions .plans__wrapper:nth-child(odd) {
            margin-right: 0px;
            margin-bottom: 30px; } }
      .promotions .plans__wrapper:nth-child(even) {
        margin-left: 30px; }
        @media (min-width: 320px) and (max-width: 767px) {
          .promotions .plans__wrapper:nth-child(even) {
            margin-left: 0px; } }
    .promotions .plans .title {
      background-color: #0073cc;
      font-size: 20px;
      color: #fff;
      padding: 10px 0px;
      font-weight: bold; }
    .promotions .plans .points {
      padding-top: 20px;
      padding-bottom: 15px; }
      .promotions .plans .points ul li {
        text-align: left;
        font-size: 14px;
        color: #000;
        padding-bottom: 7px; }
        .promotions .plans .points ul li:last-child {
          padding-bottom: 0px; }

.form_wrapper {
  box-shadow: 0px 0px 24.36px 4.64px rgba(0, 0, 0, 0.14);
  background: #fff;
  padding: 45px 0px 40px 0px; }
  @media (min-width: 320px) and (max-width: 767px) {
    .form_wrapper {
      padding: 25px 20px 40px 20px; } }
  .form_wrapper .inner {
    max-width: 490px;
    width: 100%;
    margin: 0 auto; }
  .form_wrapper .text {
    text-align: center;
    color: #000;
    font-size: 14px;
    padding-bottom: 45px; }
    @media (min-width: 320px) and (max-width: 767px) {
      .form_wrapper .text {
        font-size: 16px;
        padding-bottom: 30px; } }
  .form_wrapper input {
    color: #000;
    font-size: 16px;
    border: 0px;
    border-bottom: 1px #000 solid;
    width: 100%;
    line-height: 2;
    margin-bottom: 30px;
    padding: 10px 0px; }
  .form_wrapper input.error {
    border-bottom: 1px red solid;

  }
  .form_wrapper input:focus-visible {
    outline: none;
  }
  .form_wrapper .drop_down {
    position: relative; }
    .form_wrapper .drop_down__arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0; }
      .form_wrapper .drop_down__arrow.active {
        transform: rotate(-180deg) translateY(50%); }
  .form_wrapper .option {
    padding-bottom: 10px; 
    cursor: pointer;
    padding-left: 10px;
  }
    .form_wrapper .option_wrapper {
      display: none;
      height: 200px;
      overflow: auto;
      position: absolute;
      bottom: 0px;
      transform: translateY(100%);
      background: #fff;
      width: 100%;
      padding-top: 10px; }
      .form_wrapper .option_wrapper.active {
        display: block; }
  .form_wrapper .chose {
    position: relative;
    padding: 10px 0px;
    width: 100%;
    margin-bottom: 30px;
    line-height: 2;
    border-bottom: 1px #000 solid; }
  .form_wrapper .error .chose {
    border-bottom: 1px red solid; }


.reward_msg{
  display: none;
}



.about_cod .text {
  color: #000;
  font-size: 14px;
  text-align: center; }

.blue_btn {
  font-size: 20px;
  color: #fff;
  background-color: #0073cc;
  border-radius: 6px;
  font-weight: bold;
  text-align: center;
  width: 150px;
  padding: 11px 0px;
  margin: 0 auto;
  cursor: pointer; }
  @media (min-width: 320px) and (max-width: 767px) {
    .blue_btn {
      font-size: 14px;
      width: 100px;
      padding: 7px 0px; } 
    .blue_btn.en {
      font-size: 14px;
      width: 130px;
      padding: 8px 0px;
    }
  }

.enquiry_btn {
  position: relative;
  top: -50px;
  width: 100%;
  font-size: 30px;
  max-width: 540px;
}
.enquiry_btn.en {
  max-width: 620px;
}
  .enquiry_btn a {
    color: #fff; }
    .enquiry_btn a:hover {
      text-decoration: none; }
  @media (min-width: 320px) and (max-width: 767px) {
    .enquiry_btn {
      top: -15px;
      width: 100%;
      font-size: 20px;
      max-width: 340px;
    }
    .enquiry_btn.en {
        width: 90%;
      font-size: 20px;
    }
  }

.rewardbuy__banner {
  padding: 0px; }
  @media (min-width: 320px) and (max-width: 767px) {
    .rewardbuy__banner {
      padding-top: 73px; } }
  .rewardbuy__banner img {
    width: 100%; }


.submit_btn{
  margin-top: 30px;
}
.submit_btn input{
  margin: 0;
  padding: 0;
  border: 0pc;
  color: #fff;
  background: #0073cc;
}

.form_remark{
  font-size: 12px;
  color: red;
  margin-bottom: 30px;
  margin-top: -15px;
}

@media (min-width: 320px) and (max-width: 767px) {
  .logo_images {
    width: 100%; }
  .function_intro .card {
    padding: 20px 0px; }
    .function_intro .card img {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      height: 60px; }
    .function_intro .card .text {
      width: 65%;
      display: inline-block;
      padding-top: 0px;
      vertical-align: middle;
      width: 60%;
      text-align: left;
      font-size: 16px;
      padding-left: 10px; } }