/*------------------ 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;}