/*------------------ form section --------------------*/
  /*---------------- step section --------------------*/
  .offer-panel{
    background-color: #fff;
    box-shadow: -10px 10px rgb(0 0 0 / 30%);
    width: 70%;
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
    -webkit-transform: perspective(230px) rotateX(5deg) rotateY(4deg);
    transform: perspective(230px) rotateX(5deg) rotateY(4deg);
  }
  .offer-imgs{width: 50%;position: absolute;right: -32px;top: -1px;}
  .cashback-form-step p {margin-top:6px;font-size: 11px;font-weight: bold;}
  /*.cashback-row {
  display: table-row;
  }*/
  .cashback-form {display: table;width: 100%;position: relative;margin-bottom:15px;}
  .cashback-form-step button[disabled] {
  /*opacity: 1 !important;
  filter: alpha(opacity=100) !important;*/
  }
  .cashback-form .btn.disabled, .cashback-form .btn[disabled], .cashback-form fieldset[disabled] .btn {
    opacity:1 !important;
    color: var(--color-first);
    box-shadow: none;
  }
  .cashback-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width:70%;
    height:2px;
    background-color: #fff;
    z-index: 0;
    /*left: 20px;*/
  }
  .cashback-form-step{display: table-cell;position: relative;}
  .cashback-form-step{text-align: center;}
  .btn-circle{
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
  }
  .btn-success{
    color: #fff !important;
    background-color: #10a37f !important;
    border-color: #10a37f !important;
  }
  .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus,
   .show>.btn-success.dropdown-toggle:focus{box-shadow:none;} 
  .btn-success:focus{outline: none !important;}
  .setup-content .invalid-feedback{color:#fff;    }
  .setup-content .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label{
    color:#fff;    
  }
  .btn-default{color: var(--color-first);background-color: #fff;border-color: #fff;}
  .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
  }    
/*---------------- OFFER FORM section --------------*/  
  .offer-form{
    margin: 0 auto;
    padding:15px 40px;
    width: 100%;
    position: relative;
    border-radius: 10px;
    background-color:var(--color-second);
    background-image: url('../img/lander/home-shape.png');
  }
  .offer-form:after{
    left: 0px;
    top: 72px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: var(--color-fourth);
    border-width: 30px;
    z-index: 4;
  }
  .offer-form label{color: #fff;font-size: 12px;line-height:1.4;margin-bottom: 0px;font-weight: 600;}
  .offer-form input{
    padding: 10px;
    width: 100%;
    height:40px;
    /* font-size: 13px; */
    border: 1px solid #aaaaaa !important;
  }
  .offer-form .form-check-input{width: auto;height: auto;}
  .offer-form select{height:40px;font-size:13px;padding:0.3rem 0.2rem;border: 1px solid #aaaaaa !important;}
  /* Mark input boxes that get errors during validation: */
  .offer-form input.invalid {background-color: #f7f7f7;}
  .offer-form button{
    /* background-color:#4ad5ff; */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight:bold;
    cursor: pointer;
    width: 100%;
  }
  .card-details-form:nth-child(1) input{border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem; }
  .card-details-form:nth-child(4) input{border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem; }
/*------------------ PERKS section -------------------*/
.custom-solution-box{
  border: 1px solid var(--color-first);
  border-radius: 0px;
  padding: 10px;
  width: 100%;
  border-radius:4px;    
}
.custom-solution-box .btn-outline-dark.focus, .btn-outline-dark:focus{box-shadow:none !important;  }
.custom-solution-box img{
  margin: 18px auto 18px;
  text-align: center;
  width: auto;
  height: 60px;
}
.perks-section .custom-solution-box img{height: 90px}
.custom-main-box{padding: 20px;width: 100%;}
.custom-box-img{
  width: 110px;
  height: 110px;
  margin: 0px auto 20px;
  background-color: rgba(255, 77, 28, 0.1);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.line-height-28{line-height: 28px;}
.custom-solution-box .box-title{font-size: 16px;font-weight: bold;color: var(--color-first);}
.perks-section .custom-solution-box .box-title{font-size: 20px}
.custom-solution-box .box-text{font-size: 14px;line-height: 1.6;color: var(--color-first);font-weight: normal;}
.modal-box-list li{font-size: 16px;font-weight: 600;color: var(--color-first);}
.cashback-category-title p {
  color: #303030;
  font-size: 1rem;
  font-weight: 400;
  line-height:1.3;       
  letter-spacing: 1px;
  margin-bottom: 15px;
}
/*------------------ REWARD SECTION ------------------*/
.access-block ul li{
  margin-bottom: 15px;
  position: relative;
  padding-left: 35px;
  font-weight: 400;
  color: #fff;
  font-size: 1.2rem;
  display: block;
}
.access-block ul li:before {
  position: absolute;
  content: '';
  background: url('../img/cashback/check.svg');
  background-size: cover;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  left: 0px;
  top:5px;
}
/*------------------ STORE LOGO section --------------*/  
.stores-logo img{height:95px;object-fit: scale-down;padding: 10px;}
/*------------------ BACKGROUND ----------------------*/    
.orange-bg-section{
  background:url(../img/lander/access-bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.lightblue-bg-section{
  background:url(../img/lander/reward-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.gray-bg-section{
  background:url(../img/lander/gray-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
/*------------------ lander popup modal section ------*/
/*---------------- modal ---------------------------*/
  .modal-open {overflow: auto;}
  .modal .logo {width: 150px;padding-top: 12px;}
  button.close {
    opacity: unset;
    position: absolute;
    right: 20px;
    top: 16px;
    color: var(--color-first) !important;
    outline: 0 !important;
  }
  .invalid-feedback{line-height:1.2;}
  .check-mark {width: 180px;}
  .ip-modal1{background-color: rgba(0,0,0,.90)!important;}
  .ip-modal1 .modal-body{background-color: #fff;}
  .ip-modal1 .modal-header{border-top-left-radius: 6px;border-top-right-radius: 6px;}
  .ip-modal1 .modal-content{border-radius: 8px;border:none;   }
  .pre-lander .modal-content{height:400px; overflow:hidden;}
  .ip-modal1 .modal-footer{border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
/*--coupon modal css start here---------------------*/
  #step1,#step2,#step3{text-align: center;}
  .ip-step-text{margin-top:10px;margin-bottom:10px;}
  .pre-lander .cash-back-text{
    margin: 30px 0;
    font-size: 21px;
    color: #03161f;
    text-align: center;
    line-height: 27px;
  }
  .pre-lander strong{font-weight: 700;}
  .pre-lander sup{top: -0.5em;}
  .pre-lander .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
  .sp-pre-anim-logo-panel{border-radius: 60%;background: #fff;padding: 0;text-align: center;}
  .sp-ani-coin-panel{margin-top: 40px;margin-bottom: 40px;}
  .sp-ani-circle-loading{
    border: 0.01em solid hsla(0,0%,59%,.1);
    border-radius: 50%;
    font-size: 100px;
    height: 1.7em;
    width: 1.7em;
    list-style: outside none none;
    margin: 0 auto;
    position: relative;
    top: 35%;
    z-index: 2147483647;
  }
  .sp-ani-circle-loading li{border-radius: 50%;height: 1em;position: absolute;width: 1em;}
  .sp-ani-circle-loading li:first-child{
    -webkit-animation: 1.13s linear 0s normal none infinite running rota-data-v-0c63b68e,3.67s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
    animation: 1.13s linear 0s normal none infinite running rota-data-v-0c63b68e,3.67s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
    -webkit-animation-duration: 1.13s!important;
    animation-duration: 1.13s!important;
    background: #6d6fd5 none repeat scroll 0 0;
    left: 67%;
    margin: 0 0 0 -0.8em;
    top: 0;
    -webkit-transform-origin: 250% 352%;
    transform-origin: 250% 352%;
  }
  .sp-ani-circle-loading li:nth-child(2){
    -webkit-animation: 1.86s linear 0s normal none infinite running rota-data-v-0c63b68e,4.29s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
    animation: 1.86s linear 0s normal none infinite running rota-data-v-0c63b68e,4.29s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
    -webkit-animation-duration: 1.86s!important;
    animation-duration: 1.86s!important;
    background: #ff8071 none repeat scroll 0 0;
    margin: 0.9em 0 0;
    right: 76%;
    top: 0%;
    -webkit-transform-origin: 300% 330% 0;
    transform-origin: 300% 330% 0;
  }
  .sp-ani-circle-loading li:nth-child(3){
    -webkit-animation: 1.45s linear 0s normal none infinite running rota-data-v-0c63b68e,5.12s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
    animation: 1.45s linear 0s normal none infinite running rota-data-v-0c63b68e,5.12s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
    -webkit-animation-duration: 1.45s!important;
    animation-duration: 1.45s!important;
    background: #ffc955 none repeat scroll 0 0;
    bottom: 76%;
    left: 52%;
    margin: 0 0 0 -0.8em;
    -webkit-transform-origin: 380% 270%;
    transform-origin: 380% 270%;
  }
  .sp-anim-number-loading{margin: 0 auto;}
  .sp-ani-loading-bar, .sp-anim-number-loading{height: 200px;position: relative;width: 200px;border-radius: 100%;}
  .sp-ani-loading-bar{
    border: 5px solid transparent;
    border-color: #d4131300 #312f2e #e2171700;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-animation-duration: 1.5s!important;
    animation-duration: 1.5s!important;
    transform-origin: 50% 50%;
  }
  #sp-count-before-load{font-size: 20px;color: rgb(51, 51, 51);font-weight: 600;}
  #sp-count-before-load span{font-size:20px;color: rgb(51, 51, 51);}
  #sp-count-after-load{font-size:18px;color: rgb(51, 51, 51);font-weight: 600;text-align:center;}
  #sp-count-after-load span{font-size: 20px;color: rgb(51, 51, 51);}
  #sp-ani-number-active{
    border: 3px dotted rgb(6, 7, 17);
    padding: 8px 34px;
    border-radius: 60px;
    color: rgb(0, 0, 0);
    background: rgb(214, 214, 214);
    font-size:20px;
  }
  .dollar-icon{width: 100%;margin-top: 0px;margin-left: 0px;}
  .ip-eligible-text{font-size: 22px;color: rgb(0, 0, 0);font-weight: bold;margin-bottom: 20px;text-align: center;}
  .ip-new-cashback{color: rgb(0, 0, 0);font-weight: 700;margin-bottom: 16px;}
  .ip-new-cashback span{color: var(--color-first); font-size: 36px;font-weight: bold;}
  .ip-new-cashback a{text-decoration: underline;}
  .ip-subject-text{color: rgb(0, 0, 0);font-size: 16px;margin-bottom: 20px;}
  .ip-subject-text sup{font-size: 16px;top: -4.5px;}
  .ip-subject-text a{color: #6d6fd5;text-decoration: underline;}
  @keyframes rotate-loading {
    0% {
      transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      -o-transform: rotate(0);
      -moz-transform: rotate(0)
    }
    to {
      transform: rotate(1turn);
      -ms-transform: rotate(1turn);
      -webkit-transform: rotate(1turn);
      -o-transform: rotate(1turn);
      -moz-transform: rotate(1turn)
    }
  }
  @-webkit-keyframes rotate-loading {
    0% {
      transform: rotate(0);
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      -o-transform: rotate(0);
      -moz-transform: rotate(0)
    }
    to {
      transform: rotate(1turn);
      -ms-transform: rotate(1turn);
      -webkit-transform: rotate(1turn);
      -o-transform: rotate(1turn);
      -moz-transform: rotate(1turn)
    }
  }
  #sp-pre-anim-modal .modal{background: var(--color-first);z-index: 2147483647}
  .close{color: #e4e4e4}
  #sp-anim-gene-text[data-v-0c63b68e] {
      -webkit-animation: loading-text-opacity 1s linear 0s infinite normal;
      animation: loading-text-opacity 1s linear 0s infinite normal;
      -webkit-animation-duration: 1s!important;
      animation-duration: 1s!important;
      color: #333;
      font-family: "Helvetica Neue, Helvetica, arial";
      font-size: 20px;
      font-weight: 700;
      margin-top: 96px;
      opacity: 0;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      top: 0;
      width: 200px;
  }
  @-webkit-keyframes opa-data-v-0c63b68e {
    12% {
      opacity: .8
    }
    19.5% {
      opacity: .88
    }
    37.2% {
      opacity: .64
    }
    40.5% {
      opacity: .52
    }
    52.7% {
      opacity: .69
    }
    60.2% {
      opacity: .6
    }
    66.6% {
      opacity: .52
    }
    70% {
      opacity: .63
    }
    79.9% {
      opacity: .6
    }
    84.2% {
      opacity: .75
    }
    91% {
      opacity: .87
    }
  }

  @keyframes opa-data-v-0c63b68e {
    12% {
      opacity: .8
    }
    19.5% {
      opacity: .88
    }
    37.2% {
      opacity: .64
    }
    40.5% {
      opacity: .52
    }
    52.7% {
      opacity: .69
    }
    60.2% {
      opacity: .6
    }
    66.6% {
      opacity: .52
    }
    70% {
      opacity: .63
    }
    79.9% {
      opacity: .6
    }
    84.2% {
      opacity: .75
    }
    91% {
      opacity: .87
    }
  }

  @-webkit-keyframes rota-data-v-0c63b68e {
    to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
    }
  }

  @keyframes rota-data-v-0c63b68e {
    to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
    }
  }

  #sp-pre-anim-panel{
    -webkit-animation: zoomOut-data-v-0c63b68e 4s linear both;
    animation: zoomOut-data-v-0c63b68e 4s linear both;
    -webkit-animation-duration: 4s!important;
    animation-duration: 4s!important
  }

  @-webkit-keyframes zoomOut-data-v-0c63b68e {
    0% {
      -webkit-transform: matrix(.1, 0, 0, .1, 0, 0);
      transform: matrix(.1, 0, 0, .1, 0, 0)
    }
    7.61% {
      -webkit-transform: matrix(.583, 0, 0, .583, 0, 0);
      transform: matrix(.583, 0, 0, .583, 0, 0)
    }
    11.41% {
      -webkit-transform: matrix(.764, 0, 0, .764, 0, 0);
      transform: matrix(.764, 0, 0, .764, 0, 0)
    }
    15.12% {
      -webkit-transform: matrix(.893, 0, 0, .893, 0, 0);
      transform: matrix(.893, 0, 0, .893, 0, 0)
    }
    18.92% {
      -webkit-transform: matrix(.982, 0, 0, .982, 0, 0);
      transform: matrix(.982, 0, 0, .982, 0, 0)
    }
    22.72% {
      -webkit-transform: matrix(1.034, 0, 0, 1.034, 0, 0);
      transform: matrix(1.034, 0, 0, 1.034, 0, 0)
    }
    30.23% {
      -webkit-transform: matrix(1.065, 0, 0, 1.065, 0, 0);
      transform: matrix(1.065, 0, 0, 1.065, 0, 0)
    }
    50.25% {
      -webkit-transform: matrix(1.014, 0, 0, 1.014, 0, 0);
      transform: matrix(1.014, 0, 0, 1.014, 0, 0)
    }
    70.27% {
      -webkit-transform: matrix(.997, 0, 0, .997, 0, 0);
      transform: matrix(.997, 0, 0, .997, 0, 0)
    }
    to {
      -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
      transform: matrix(1, 0, 0, 1, 0, 0)
    }
  }

  @keyframes zoomOut-data-v-0c63b68e {
    0% {
      -webkit-transform: matrix(.1, 0, 0, .1, 0, 0);
      transform: matrix(.1, 0, 0, .1, 0, 0)
    }
    7.61% {
      -webkit-transform: matrix(.583, 0, 0, .583, 0, 0);
      transform: matrix(.583, 0, 0, .583, 0, 0)
    }
    11.41% {
      -webkit-transform: matrix(.764, 0, 0, .764, 0, 0);
      transform: matrix(.764, 0, 0, .764, 0, 0)
    }
    15.12% {
      -webkit-transform: matrix(.893, 0, 0, .893, 0, 0);
      transform: matrix(.893, 0, 0, .893, 0, 0)
    }
    18.92% {
      -webkit-transform: matrix(.982, 0, 0, .982, 0, 0);
      transform: matrix(.982, 0, 0, .982, 0, 0)
    }
    22.72% {
      -webkit-transform: matrix(1.034, 0, 0, 1.034, 0, 0);
      transform: matrix(1.034, 0, 0, 1.034, 0, 0)
    }
    30.23% {
      -webkit-transform: matrix(1.065, 0, 0, 1.065, 0, 0);
      transform: matrix(1.065, 0, 0, 1.065, 0, 0)
    }
    50.25% {
      -webkit-transform: matrix(1.014, 0, 0, 1.014, 0, 0);
      transform: matrix(1.014, 0, 0, 1.014, 0, 0)
    }
    70.27% {
      -webkit-transform: matrix(.997, 0, 0, .997, 0, 0);
      transform: matrix(.997, 0, 0, .997, 0, 0)
    }
    to {
      -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
      transform: matrix(1, 0, 0, 1, 0, 0)
    }
  }
  .sp-ani-loading-bar,.sp-anim-number-loading{
    height:150px;
    position: relative;
    width:150px;
    border-radius: 100%
  }
  .sp-anim-number-loading[data-v-0c63b68e] {margin: 0 auto}
  .sp-ani-loading-bar{
    border: 5px solid transparent;
    border-color: #d4131300 #312f2e #e2171700;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-animation-duration: 1.5s!important;
    animation-duration: 1.5s!important;
    transform-origin: 50% 50%
  }
  .sp-anim-number-loading:hover .sp-ani-loading-bar{border-color: transparent #e45635}
  .sp-anim-number-loading .sp-ani-loading-bar,
  .sp-anim-number-loading:hover .sp-ani-loading-bar{
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
  }
  #sp-anim-gene-text{
    -webkit-animation: loading-text-opacity 1s linear 0s infinite normal;
    animation: loading-text-opacity 1s linear 0s infinite normal;
    -webkit-animation-duration: 1s!important;
    animation-duration: 1s!important;
    color: #333;
    font-size: 20px;
    font-weight: 700;
    margin-top: 96px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 200px;
  }

  .sp-number-countup{
  margin-top: -94px;
  position: absolute;
  font-size: 20px;
  margin-left: -63px;
  color: var(--color-first);    
  }


  @-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
  }
  .blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
  }
  .sp-count-renderd{font-weight: 700;margin-top:30px;margin-bottom: 10px;}
  #sp-pre-anim-modal[data-v-0c63b68e] {-webkit-transition: all 2.4s;transition: all 2.4s }
  .loaded#sp-pre-anim-modal[data-v-0c63b68e] {left: -200%}
  .sp-ani-circle-loading[data-v-0c63b68e] {
    border: .01em solid hsla(0, 0%, 59%, .1);
    border-radius: 50%;
    font-size: 100px;
    height: 1.5em;
    list-style: outside none none;
    margin: 0 auto;
    position: relative;
    top: 35%;
    width: 1.5em;
    z-index: 2147483647
  }
  .sp-ani-circle-loading li[data-v-0c63b68e] {border-radius: 50%;height: .2em;position: absolute;width: .2em}
  .sp-ani-circle-loading li[data-v-0c63b68e]:first-child {
    -webkit-animation: 1.13s linear 0s normal none infinite running rota-data-v-0c63b68e, 3.67s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
    animation: 1.13s linear 0s normal none infinite running rota-data-v-0c63b68e, 3.67s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
    -webkit-animation-duration: 1.13s!important;
    animation-duration: 1.13s!important;
    background: #6d6fd5 none repeat scroll 0 0;
    left: 67%;
    margin: 0 0 0 -.8em;
    top: 0;
    -webkit-transform-origin: 250% 352%;
    transform-origin: 250% 352%
  }
  .sp-ani-circle-loading li[data-v-0c63b68e]:nth-child(2) {
    -webkit-animation: 1.86s linear 0s normal none infinite running rota-data-v-0c63b68e, 4.29s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
    animation: 1.86s linear 0s normal none infinite running rota-data-v-0c63b68e, 4.29s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
    -webkit-animation-duration: 1.86s!important;
    animation-duration: 1.86s!important;
    background: #ff8071 none repeat scroll 0 0;
    margin: .9em 0 0;
    right: 76%;
    top: -60%;
    -webkit-transform-origin: 300% 330% 0;
    transform-origin: 300% 330% 0
  }
  .sp-ani-circle-loading li[data-v-0c63b68e]:nth-child(3) {
    -webkit-animation: 1.45s linear 0s normal none infinite running rota-data-v-0c63b68e, 5.12s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
    animation: 1.45s linear 0s normal none infinite running rota-data-v-0c63b68e, 5.12s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
    -webkit-animation-duration: 1.45s!important;
    animation-duration: 1.45s!important;
    background: #ffc955 none repeat scroll 0 0;
    bottom: 76%;
    left: 52%;
    margin: 0 0 0 -.8em;
    -webkit-transform-origin: 380% 270%;
    transform-origin: 380% 270%
  }
  .sp-ani-circle-loading li[data-v-0c63b68e]:nth-child(4) {
    -webkit-animation: 1.72s linear 0s normal none infinite running rota-data-v-0c63b68e, 5.25s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
    animation: 1.72s linear 0s normal none infinite running rota-data-v-0c63b68e, 5.25s ease-in-out 0s alternate none infinite running opa-data-v-0c63b68e;
    -webkit-animation-duration: 1.72s!important;
    animation-duration: 1.72s!important;
    background: #ffc955 none repeat scroll 0 0;
    margin: -.1em 0 0;
    top: 50%;
    -webkit-transform-origin: 250% 50% 0;
    transform-origin: 250% 50% 0
  }
  .cash-back-text[data-v-0c63b68e] {
    margin: 20px 0;
    font-size: 21px;
    color: #03161f;
    text-align: center;
    line-height: 27px
  }
  .cash-back-text  strong{font-size: 21px}
  .close[data-v-0c63b68e]:hover {color: var(--color-first);text-decoration: none}
/*------------------ responsive ----------------------*/
@media (max-width:320px){
.offer-imgs{margin-right: -32px !important;}      
.offer-form label{padding-left:10px;}    
}
@media screen and (min-width: 320px) and (max-width: 374px){
.cashback-category-title p{font-size:14px;}
.cashback-form-step{padding: 0 5px}
.btn-circle{width: 25px;height: 25px}
}
@media screen and (min-width: 320px) and (max-width: 767px){
.offer-form .form-check-input{padding-left: 10px;}
.offer-form label{padding-left:10px;}  
.cashback-form-step p{font-size: 9px}  
.offer-form{padding: 40px 20px;}
.cashback-category-title p{font-size:14px;}
.offer-panel{width: 100%;transform: none;box-shadow: none;padding-top: 0px;}
/*.offer-imgs{width: 50%;margin: 0 auto;display: block;position: relative;right: 0;left: 0;}*/
.offer-imgs{width: 40%;margin: 0 auto;display: block;position: relative;margin-right: -34px;left: 0;}  
.offer-form select{color: #495057;font-weight:300;font-size:14px;}  
.popup-title{font-size: 14px;}
.modal-box-list li{font-size: 14px;}
button.close{top: 7px;}
.card-details-form input.form-control,.card-details-form select.form-select{border-radius:0.375rem;}
.ip-modal-text{font-size: 18px;}
  .ip-new-cashback span,.ip-new-cashback span sup{font-size: 26px;}
  .ip-eligible-text{font-size: 18px}
  #sp-count-before-load span{font-size: 18px;}
}
@media (min-width:768px) and (max-width:1023px){
  .offer-form label{padding-left:10px;}  
  .offer-panel{width: 100%;transform: none;box-shadow: none;padding-top: 0px;}
  /*.offer-imgs{width: 50%;margin: 0 auto;display: block;position: relative;right: 0;left: 0;}*/
  .offer-imgs {width: 25%;margin: 0 auto;display: block;position: relative; margin-right: -39px;left: 0;}
  .cashback-category{display: flex;flex-wrap: wrap;}
  .cashback-category-title h1{font-size: 32px;font-weight: 700;}
}
@media (min-width:1024px) and (max-width:1365px){
  button.close{top: 16px;}
}
@media (max-width: 767px) {
  .hidden-mobile,#v-pills-extension {
    display: none;
  }
}
.text-20 {font-size: 20px;}
/*------------------ dark mode ----------------------*/
.stores-logo a{background: #fff;}
html[data-bs-theme="dark"] .offer-form,html[data-bs-theme="dark"] .offer-panel{background: var(--gray-950);}
html[data-bs-theme="dark"] .offer-imgs,html[data-bs-theme="dark"] .dollar-icon,
html[data-bs-theme="dark"] .sp-ani-coin-panel img,html[data-bs-theme="dark"] .access-block img,
html[data-bs-theme="dark"] .stores-logo img,html[data-bs-theme="dark"] .reward-section img,
html[data-bs-theme="dark"] .brand-logo-block-banner img,
html[data-bs-theme="dark"] .bg-light .col-lg-5 img.mx-auto.img-fluid{filter: initial;}
html[data-bs-theme="dark"] .bg-white.brand-logo-block-banner{background: #fff !important}
html[data-bs-theme="dark"] .bg-color-fourth .sec-title h4{color: var(--color-first) !important;}
html[data-bs-theme="dark"] .perks-section h3.text-3xl,html[data-bs-theme="dark"] .perks-section p.fw-normal{
  color: var(--color-dark);
}