a,
        div {
            -webkit-tap-highlight-color: transparent;
        }

        .challengers-section {
            padding: 55px 30px;
        }

        .challengers-section h2 {
            margin: 0;
            text-align: center;
            font-style: normal;
            font-weight: 600;
            font-size: 25px;
            line-height: 30px;
            text-transform: uppercase;
            color: #fff;
        }

        .reward-section-in {
            max-width: 564px;
            width: 100%;
            margin: 0 auto;
            border: solid 2px #d18324;
            box-sizing: border-box;
            border-image-slice: 20;
            border-image-width: 16px;
            border-image-source: url('../../assets/images/challengers/rewards-border.svg');
            background: linear-gradient(0deg, #CE7C1D 0%, #F7E436 100%);
            border-radius: 16px;
            position: relative;
            padding: 8px 15px 8px 16px;
        }

        .rewards-bg {
            background: linear-gradient(0deg, #187710 0.1%, #043000 100.58%);
            border-radius: 16px;
            padding: 50.68px 0 27px 0;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
        }

        .reward-section-in .rewards-cnt-sec p {
            font-style: normal;
            font-weight: bold;
            font-size: 40px;
            line-height: 60px;
            letter-spacing: 0.05em;
            text-transform: capitalize;
            color: #FFBC00;
            margin: 0;
        }

        .reward-section-in p span {
            margin-left: 10px;
        }

        .rewards-img-sec {
            width: 132px;
            margin-right: 23.46px;
        }

        .rewards-cnt-sec {
            min-width: calc(100% - 348px);
        }

        .reward-section {
            margin-top: 60px;
        }

        .reward-txt {
            position: absolute;
            left: 0;
            right: 0;
            background: url('../../assets/images/challengers/reward-txt-bg.svg');
            background-repeat: no-repeat;
            width: 180.27px;
            padding: 16.38px 0 16.38px 0;
            margin: 0 auto;
            text-align: center;
            top: -26px;
        }

        .reward-section-in .reward-txt p {
            font-style: normal;
            font-weight: bold;
            font-size: 20px;
            line-height: 24px;
            text-transform: uppercase;
            color: #117D1C;
        }

        .reward-steps-sec {
            max-width: 1080px;
            width: 100%;
            margin: 52px auto 0;
            padding: 0;
            list-style: none;
        }

        .reward-steps-sec li {
            margin-top: 38px;
        }

        .rewards-steps-row {
            position: relative;
        }

        .rewards-steps-row-in {
            background: #2D2D2D;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 30px 40px 48px 40px;
            position: relative;
        }

        .rewards-steps-row-in:before {
            content: "";
            background: url('../../assets/images/challengers/border-bottom.svg');
            width: 100%;
            height: 2px;
            background-repeat: no-repeat;
            background-position: right;
            position: absolute;
            top: auto;
            left: auto;
            right: 0;
            bottom: 0;
        }

        .rewards-steps-row-in:after {
            content: "";
            background: url('../../assets/images/challengers/border-bottom-right.svg');
            width: 2px;
            height: 100%;
            background-repeat: no-repeat;
            background-position: bottom;
            bottom: 0;
            right: 0;
            position: absolute;
        }

        .rewards-steps-row:before {
            content: "";
            background: url('../../assets/images/challengers/border-width.svg');
            width: 100%;
            height: 2px;
            background-repeat: no-repeat;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 20;
        }

        .rewards-steps-row:after {
            content: "";
            background: url('../../assets/images/challengers/border-height.svg');
            width: 2px;
            height: 100%;
            background-repeat: no-repeat;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 20;
        }

        .isolte-mode {
            position: absolute;
            z-index: 2;
        }

        .isolte-mode.lft {
            top: -12px;
            left: -11px;
        }

        .isolte-mode.rgt {
            bottom: -10px;
            right: -10px;
        }

        .rewards-stp-lft {
            width: 40%;
        }

        .rewards-steps-row h3 {
            font-style: normal;
            font-weight: 600;
            font-size: 20px;
            line-height: 24px;
            text-transform: capitalize;
            color: #fff;
            margin: 0 0 14px 0;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
        }

        .rewards-steps-row h3 img {
            cursor: pointer;
        }

        .rewards-steps-row .rewards-stp-lft p {
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 26px;
            color: #fff;
            margin: 0;
        }

        .win-section {
            display: flex;
            flex-wrap: wrap;
            margin: 15px 0 13px 0;
            min-height: 10px;
        }

        .win-section-in {
            display: flex;
            flex-wrap: wrap;
        }

        .win-lft {
            width: 65px;
        }

        .win-rgt {
            width: calc(100% - 153px);
        }

        .rewards-steps-row .rewards-stp-lft .win-section p {
            font-style: normal;
            font-weight: bold;
            font-size: 30px;
            line-height: 45px;
            letter-spacing: 0.05em;
            text-transform: capitalize;
            color: #FFBC00;
            margin: 0;
        }

        .rewards-stp-rgt {
            width: 52%;
        }

        .rewards-stp-in:before {
            content: "";
            background: url('../../assets/images/challengers/dots.svg');
            width: 80%;
            height: 31px;
            position: absolute;
            left: 0;
            top: 21px;
            right: 0;
            margin: 0 auto;
            z-index: 1;
        }

        .rewards-stp {
            width: 100%;
            border: 9px solid;
            position: relative;
            border: 9px solid;
            border-image: linear-gradient(90deg, #BF6E01 -1.83%, #FCEF7A 47.28%, #BF6E01 100%) 1;
            border-radius: 25px;
            z-index:20;

        }

        .rewards-stp ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        /* .reward-steps-sec li:first-child .rewards-stp {
            background-image: linear-gradient(180deg, #FFC792 5.38%, rgba(255, 199, 146, 0.39) 32.38%, rgba(255, 199, 146, 0.19) 43.83%, rgba(255, 199, 146, 0) 55.23%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(90deg, #933D00 0%, #FF8631 50%, #6B2D00 100%)!important;
        } */

        .bgcolortype_1 .rewards-stp {
            background-image: linear-gradient(180deg, #FFC792 5.38%, rgba(255, 199, 146, 0.39) 32.38%, rgba(255, 199, 146, 0.19) 43.83%, rgba(255, 199, 146, 0) 55.23%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(90deg, #933D00 0%, #FF8631 50%, #6B2D00 100%);
        }

        .bgcolortype_2 .rewards-stp {
            background-image: linear-gradient(180deg, #31E6FF 0%, rgba(49, 230, 255, 0) 50%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(90deg, #008093 0%, #31E6FF 50%, #005E6B 100%);
        }

        .bgcolortype_3 .rewards-stp {
            background-image: linear-gradient(180deg, #FB31FF 0%, rgba(251, 49, 255, 0) 50%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(90deg, #900093 0%, #FB31FF 50%, #69006B 100%);
        }

        .bgcolortype_4 .rewards-stp {
            background-image: linear-gradient(180deg, #FF3131 0%, rgba(255, 49, 49, 0) 50%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(90deg, #930000 0%, #FF3131 50%, #6B0000 100%);
        }

        .bgcolortype_5 .rewards-stp {
            background-image: linear-gradient(180deg, #318AFF 0%, rgba(49, 138, 255, 0) 50%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(90deg, #003F93 0%, #318AFF 50%, #002E6B 100%);
        }

        .bgcolortype_6 .rewards-stp {
            background-image: linear-gradient(180deg, #FF319D 0%, rgba(255, 49, 157, 0) 50%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(90deg, #93004E 0%, #FF319D 50%, #6B0038 100%);
        }

        .rewards-stp:before {
            content: "";
            background: linear-gradient(90deg, #BF6E01 -1.83%, #FCEF7A 47.28%, #BF6E01 100%);
            position: absolute;
            z-index: 1;
            width: 101%;
            background-repeat: no-repeat;
            /* background-size: cover; */
            top: -1px;
            height: 15px;
            left:-3px;
        }

        .rewards-stp:after {
            content: "";
            background: linear-gradient(90deg, #BF6E01 -1.83%, #FCEF7A 47.28%, #BF6E01 100%);
            position: absolute;
            z-index: 1;
            width: 101%;
            background-repeat: no-repeat;
            background-size: cover;
            bottom: -1px;
            height: 15px;
            left:-3px;
        }

        .rewards-stp-in {
            padding: 32px 30px 24px 30px;
            background-origin: border-box;
            background-clip: content-box, border-box;
            border-image-slice: 1;
            border-radius: 19px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            position: relative;
            z-index: 2;
        }

        /* .reward-steps-sec li:first-child .rewards-stp-in {
            box-shadow: 0px 0px 0px 15px #88410F inset!important;
        } */

        .bgcolortype_1 .rewards-stp-in {
            box-shadow: 0px 0px 0px 15px #88410F inset;
        }

        .bgcolortype_2 .rewards-stp-in {
            box-shadow: 0px 0px 0px 15px #106F7C inset;
        }

        .bgcolortype_3 .rewards-stp-in {
            box-shadow: 0px 0px 0px 15px #98189B inset;
        }

        .bgcolortype_4 .rewards-stp-in {
            box-shadow: 0px 0px 0px 15px #811212 inset;
        }

        .bgcolortype_5 .rewards-stp-in {
            box-shadow: 0px 0px 0px 15px #11478D inset;
        }

        .bgcolortype_6 .rewards-stp-in {
            box-shadow: 0px 0px 0px 15px #891050 inset;
        }

        .stp-lft {
            width: calc(100% - 164px);
        }

        .stp-rgt {
            width: 155px;
        }
        .win-lft img{
            max-width:47px
        }
        .stp-top p {
            font-style: normal;
            font-weight: normal;
            font-size: 20px;
            line-height: 24px;
            margin: 0;
            color: #fff;
        }

        .stp-top p span,
        .stp-lft p span.pr-amount,
        .stp-lft p span.prb-amount {
            font-style: normal;
            font-weight: bold;
            font-size: 30px;
            line-height: 37px;
            text-transform: capitalize;
            margin-left: 11px;
        }

        .stp-lft p span.prb-amount {
            margin-left: 0;
            margin-right: 11px;
        }

        .stp-mdle {
            margin: 1px 0 14px 0;
        }

        .stp-mdle p {
            font-style: normal;
            font-weight: normal;
            font-size: 20px;
            line-height: 24px;
            color: #fff;
            margin: 0;
        }

        .stp-btm p {
            font-style: normal;
            font-weight: bold;
            font-size: 40px;
            line-height: 49px;
            text-transform: capitalize;
            color: #FCE403;
            margin: 0;
        }

        .animated-progress {
            max-width: 431px;
            width: 100%;
            height: 36px;
            background: #FFA81D;
            box-shadow: inset 0px 0.25px 0px 1px #CA8516, inset 0px 3.5px 0px #FBEC77, inset 0px -2.5px 0px #AC6A01, inset 0px 0px 0px 5px #CA8516;
            border-radius: 20px;
            overflow: hidden;
            position: relative;
            padding-left: 7px;
            padding-right: 7px;
        }

        .animated-progress span {
            height: 71%;
            display: block;
            width: 0;
            color: rgb(255, 251, 251);
            line-height: 30px;
            background: linear-gradient(180deg, #BAFF00 25.57%, #000000 53.92%), linear-gradient(0deg, #3AAA35 0%, #9DE800 100%);
            background-blend-mode: screen, normal;
            box-shadow: inset 0px 2px 0px #9BE702, inset 0px -2px 0px #218A18;
            border-radius: 20px;
            margin-top: 5px;
        }

        .popup.challengers-pop {
            display: none;
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            margin: 0;
            background: rgb(0 0 0 / 65%);
            z-index: 2000;
            border: none;
            max-width: inherit;
        }

        .challengers-pop.open {
            display: block;
        }

        .popup.challengers-pop .pop-cnt {
            max-width: 590px;
            width: 100%;
            margin: 0 auto;
            border-radius: 20px;
            background: #181818;
            box-shadow: 0px 0px 4px rgb(255 255 255 / 20%);
            padding: 135px 30px 30px 30px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .pop-close {
            position: absolute;
            right: 20px;
            top: 20px;
            cursor: pointer;
            z-index: 200;
        }

        .btn_area li {
            list-style-type: none;
            cursor: pointer;
        }

        .pop-in {
            background: linear-gradient(0deg, #CE7C1D 0%, #F7E436 100%);
            border-radius: 20px;
            padding: 20px;
            border: solid 2px #d18324;
            box-sizing: border-box;
            border-radius: 20px;
            border-image-slice: 20;
            border-image-width: 20px;
            border-image-source: url('../../assets/images/challengers/border.svg');
        }

        .mb-pop .pop-in {
            padding: 12px;
        }

        .pop-inside {
            background: #000;
            border-radius: 15px;
            padding: 80px 50px 34px 50px;
            position: relative;
        }

        .pop-in p {
            font-style: normal;
            font-weight: normal;
            font-size: 23px;
            line-height: 28px;
            text-align: center;
            color: #fff;
            margin: 0;
        }

        .pop-in .prize-txt h3 {
            font-style: normal;
            font-weight: bold;
            font-size: 42px;
            line-height: 51px;
            text-transform: capitalize;
            margin: 0;
            /* background: -webkit-linear-gradient(180deg, #F8A20D 9.09%, #FBC101 53.11%, #E78E00 93.94%); */
            color: #FBC101;
            /* -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; */
            margin-left: 25px;
        }

        .prize-cnt {
            margin-top: 30.12px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

        .pop-in .progress-section {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
        }

        .pop-in .animated-progress {
            background: #000;
            box-shadow: inset 0px 0.25px 0px 1px #CA8516, inset 0px 3.5px 0px #FBEC77, inset 0px -2.5px 0px #AC6A01, inset 0px 0px 0px 5px #CA8516;
            border-radius: 20px;
            max-width: inherit;
            width: calc(100% - 100px);
        }

        .prize-star {
            width: 79px;
        }

        .congrats-image {
            position: absolute;
            top: -118px;
            width: 100%;
            text-align: center;
            left: 0;
            right: 0;
        }

        .ds-complete-sec {
            text-align: center;
            margin-top: 25px;
        }

        .ds-complete-sec a {
            background: #2D2D2D;
            border: 1.5px solid #7FF800;
            box-sizing: border-box;
            border-radius: 30px;
            font-style: normal;
            font-weight: 600;
            font-size: 20px;
            line-height: 24px;
            text-transform: capitalize;
            color: #7FF800;
            padding: 10px 33px;
            display: inline-block;
            pointer-events: none;
        }

        .mobile-view {
            display: none;
        }

        .mobile-view .challengers-section {
            padding: 30px 15px;
        }

        .mobile-view .page-heading {
            position: relative;
        }

        .mobile-view .page-heading .back-sec {
            width: 30px;
            height: 30px;
            position: absolute;
            left: 0;
            background: #000;
            border: 0.5px dashed #7FF800;
            box-sizing: border-box;
            border-radius: 40px;
            top: 44%;
            transform: translateY(-50%);
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
        }

        .mobile-view .challengers-section h2 {
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 20px;
            text-transform: uppercase;
            color: #fff;
        }

        .mobile-view .rewards-bg {
            display: block;
            text-align: center;
            padding: 22px 0 10px 0;
        }

        .mobile-view .rewards-img-sec {
            margin: 0 auto;
            width: 88px;
        }

        .mobile-view .reward-section-in {
            max-width: 270px;
        }

        .mobile-view .reward-steps-sec li {
            margin-top: 20px;
        }

        .mobile-view .rewards-steps-row:before,
        .mobile-view .rewards-steps-row:after {
            display: none;
        }

        .mobile-view .reward-steps-sec {
            max-width: inherit;
            margin-top: 30px;
        }

        .mobile-view .reward-section {
            margin-top: 26px;
        }

        .mobile-view .rewards-stp-rgt,
        .mobile-view .rewards-stp-lft {
            width: 100%;
            position: relative;
        }

        .mobile-view .rewards-stp-rgt {
            margin-top: 15px;
        }

        .mobile-view .rewards-steps-row .animated-progress {
            max-width: inherit;
            width: 100%;
            height: 30px;
        }

        .mobile-progress-bar {
            margin: -24px auto 0;
            width: 96%;
            position: relative;
            z-index: 20;
        }

        .completed-sec {
            text-align: center;
            margin-top: 13px;
        }

        .mobile-view .heading-sec {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
        }

        .mobile-view .completed-sec {
            margin: 0;
        }

        .completed-sec a {
            background: #171717;
            border: 1px solid #7FF800;
            box-sizing: border-box;
            border-radius: 20px;
            font-style: normal;
            font-weight: 600;
            font-size: 12px;
            line-height: 15px;
            text-transform: capitalize;
            color: #7FF800;
            padding: 8px 24px;
            display: inline-block;
        }
        @media (min-width:320px) and (max-width:350px){
            .completed-sec a {
                padding: 8px 17px;
                font-size: 11px;
            }
            .mobile-view .rewards-steps-row h3:before{
                top: 10%!important;
            }
            .mobile-view .rewards-steps-row h3{
                font-size: 12px!important;
            }
        }
        @media (min-width:270px) and (max-width:319px) {
            .completed-sec a {
                padding: 5px 15px;
                font-size: 10px;
            }
            .mobile-view .rewards-steps-row h3:before{
                top: 10%!important;
            }
            .mobile-view .rewards-steps-row h3{
                font-size: 11px!important;
            }
            .mobile-view .rewards-steps-row h3{
                width: 45%!important;
            }
        }

        .completed-sec.mb-completed-sec a {
            margin: 5px;
        }
        /* .challengers-detail-in {
        transition: max-height 1s ease-out;
    }

    .challengers-detail-in.no-height {
        max-height: 0;
        overflow: hidden;
        transition: max-height 1s ease-out;
    } */

        .challengers-detail-in.at-height {
            max-height: inherit;
            transition: max-height 1s ease-out;
        }

        .challengers-detail-sec {
            background: #222222;
            border-radius: 0px 0px 12px 12px;
            padding: 57px 52px;
        }

        .challengers-detail-in h3 {
            font-style: normal;
            font-weight: 600;
            font-size: 22px;
            line-height: 27px;
            color: #fff;
            margin: 0 0 5px 0;
        }

        .challengers-detail-in ol,
        .challengers-detail-in ul {
            margin: 0 0 30px 0;
            padding: 0 0 0 19px;
        }

        .challengers-detail-in ul li,
        .challengers-detail-in ol li {
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 26px;
            color: #fff;
            margin: 10px 0 0 0;
        }

        .challengers-detail-in ul li {
            list-style-type: disc;
        }

        .challengers-detail-in p {
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 26px;
            color: #fff;
            margin: 10px 0 30px 0;
        }

        .challengers-detail-in p:last-child {
            margin-bottom: 0;
        }

        .toggle-challengers-in {
            background: #2D2D2D;
            box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.25);
            border-radius: 0px 0px 15px 15px;
            height: 20px;
            position: relative;
        }

        .toggle-arrow {
            width: 219px;
            height: 40px;
            background: url('../../assets/images/challengers/toggle-bg.svg');
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .tog-arrow {
            width: 129px;
            height: 23px;
            background: url('../../assets/images/challengers/m-toggle-bg.svg');
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .desktop-view .challengers-detail-in,
        .mobile-view .challenger-info-in {
            display: none;
        }

        .mobile-view .challenger-info-in {
            background: #222222;
            padding: 28px 22px 20px 22px;
            margin-top: -30px;
        }

        .mobile-view .challenger-info-in h3 {
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 17px;
            color: #fff;
            margin: 22px 0 0 0;
        }

        .mobile-view .challenger-info-in ul,
        .mobile-view .challenger-info-in ol {
            margin: 8px 0 0 0;
            padding: 0 0 0 19px;
        }

        .mobile-view .challenger-info-in ul li,
        .mobile-view .challenger-info-in ol li,
        .mobile-view .challenger-info-in p {
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 19px;
            color: #fff;
            margin: 10px 0 15px 0;
        }

        .mobile-view .challenger-info-in ol li {
            margin-bottom: 0;
        }

        .mobile-view .challenger-info-in ul li {
            list-style-type: disc;
        }

        .mobile-view .challenger-info-in p:last-child {
            margin-bottom: 0;
        }

        .toggle-arrow img,
        .tog-arrow img {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .toggle-arrow.toggle-arrow.opened img,
        .tog-arrow.opened img {
            transform: rotate(-180deg);
        }

        .mobile-view .reward-section-in .rewards-cnt-sec p {
            font-style: normal;
            font-weight: bold;
            font-size: 25px;
            line-height: 37px;
            letter-spacing: 0.05em;
            text-transform: capitalize;
            color: #FFB800;
        }

        .mobile-view .rewards-steps-row h3 {
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 17px;
            text-transform: capitalize;
            margin: 0;
            position: relative;
            padding-left: 24px;
        }
        @media screen and (max-width:500px){
            .mobile-view .rewards-steps-row h3{
                width: 50%;
            }
        }

        .mobile-view .rewards-steps-row h3:before {
            position: absolute;
            left: 0;
            top: 2px;
            content: url('../../assets/images/challengers/mobile-isolation-mode.svg');
        }

        .mobile-view .rewards-steps-row .rewards-stp-lft p {
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 15px;
            margin-top: 7px;
            padding-left: 24px;
        }

        .mobile-view .reward-txt {
            background: url('../../assets/images/challengers/mobile-reward-txt-bg.svg');
            background-repeat: no-repeat;
            height: 26px;
            width: 81px;
            padding: 8px 0 0 0;
            top: -10px;
        }

        .mobile-view .reward-section-in .reward-txt p {
            font-style: normal;
            font-weight: bold;
            font-size: 10px;
            line-height: 12px;
            text-transform: uppercase;
        }

        .mobile-view .stp-lft .stp-mdle {
            margin: 2px 0 10px 0;
        }

        .mobile-view .stp-lft span.pr-amount,
        .mobile-view .stp-lft p span.prb-amount {
            font-style: normal;
            font-weight: bold;
            font-size: 20px;
            line-height: 24px;
            margin-left: 7px;
        }

        .mobile-view .stp-lft p span.prb-amount {
            margin-left: 0;
            margin-right: 7px;
        }

        .mobile-view .rewards-stp-in {
            padding: 25px 30px 24px 24px;
        }

        .mobile-view .stp-lft .stp-top p,
        .mobile-view .stp-lft .stp-mdle p {
            font-style: normal;
            font-weight: normal;
            font-size: 13px;
            line-height: 16px;
        }

        .mobile-view .stp-lft .stp-btm p {
            font-style: normal;
            font-weight: bold;
            font-size: 27px;
            line-height: 33px;
            text-transform: capitalize;
        }

        .mobile-view .stp-lft {
            width: calc(100% - 103px);
        }

        .mobile-view .stp-rgt {
            width: 90px;
        }

        .calendar-sec {
            text-align: center;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
        }

        .calendar-sec span {
            font-style: normal;
            font-weight: 600;
            font-size: 20px;
            line-height: 24px;
            color: #FCE403;
            display: inline-block;
            margin-left: 6px;
        }

        @media(min-width: 767px) and (max-width:961px) {
            .rewards-stp-lft {
                width: 34%;
            }
            .rewards-stp-rgt {
                width: 62%;
            }
            .stp-btm p {
                font-size: 30px;
            }
        }

        @media(max-width: 767px) {
            .pop-close {
                right: 10px;
                top: 10px;
            }
            .pop-close img {
                width: 20px;
                height: 20px;
            }
            .calendar-sec {
                margin-top: 10px;
            }
            .calendar-sec span {
                font-style: normal;
                font-weight: 600;
                font-size: 10px;
                line-height: 28px;
            }
            .desktop-view {
                display: none;
            }
            .mobile-view {
                display: block;
            }
            .pop-inside {
                padding: 47px 15px 18px 15px;
                position: static;
            }
            .pop-in p {
                font-style: normal;
                font-weight: normal;
                font-size: 12px;
                line-height: 15px;
                text-align: center;
            }
            .pop-in .prize-txt h3 {
                font-style: normal;
                font-weight: bold;
                font-size: 22px;
                line-height: 27px;
            }
            .pop-in .prize-txt h3 {
                margin-left: 6px;
            }
            .prize-star {
                width: 36px;
            }
            .prize-cnt {
                margin-top: 20.12px;
            }
            .pop-in .progress-section {
                margin-top: 20px;
            }
            .pop-in .animated-progress {
                width: calc(100% - 50px);
            }
            .popup.challengers-pop .pop-cnt {
                padding: 59px 20px 30px 20px;
                width: 90%;
            }
            .congrats-image {
                width: 213px;
                height: 95px;
                margin: 0 auto;
                top: 15px;
            }
        }