@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Rubik:300,400,500,700,900);
@import url(https://fonts.cdnfonts.com/css/euclid-circular-a?styles=100037,100032,100034,100033,100036,100035,100039,100038,100031,100030);

body,p {
    font-size: 14px;
    font-weight: 400
}

*,a,a:active,a:hover,a:link,a:visited,h1,h2,h3,h4,h5,h6,p {
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px
}

.br-l10,.br-l15,.br-l6 {
    border-right: none
}

.topheader,div,p a,p a:active,section {
    position: relative
}

.divider-small-40,.region-wrap .dropdown:hover .dropdown-content,div,section {
    display: block
}

.region-wrap .dropbtn,body,p {
    font-weight: 400
}

.sidebar-nav,ul {
    list-style: none
}

#main-wrapper.toggled #sidebar-wrapper,#sidebar-wrapper .sub-menu.is_open {
    height: 100vh;
    visibility: visible;
    -webkit-transform: translate3d(0,0,0);
    width: 320px
}

#AccountContent,.modal {
    padding-right: 0!important
}

.order-cashback-amount-canceled,.text-line-through {
    text-decoration-line: line-through
}

@font-face {
    font-family: 'Janna LT';
    src: url('../fonts/janna/JannaLT-Regular.eot');
    src: url('../fonts/janna/JannaLT-Regular?#iefix') format('embedded-opentype'),
    url('../fonts/janna/JannaLT-Regular.woff2') format('woff2'),
    url('../fonts/janna/JannaLT-Regular.woff') format('woff'),
    url('../fonts/janna/JannaLT-Regular.svg#JannaLT-Regular') format('svg');
    font-weight: 400
}

:host,:root,[data-theme] {
    --sizes-xxsmall: 48px;
    --colors-fill-sectionInversePrimary: #FF3399;
    --colors-fill-default: #ffffff;
    --divider-colors-fill-default: #FFFFFF;
    --colors-fill-black: #000000;
    --colors-fill-black-footer: #161616;
    --colors-fill-pink: #FF3399;
    --colors-border-divider: #b9b9b9;
    --space-large: 32px;
    --space-medium: 16px;
    --font-size-btn-default: 14px;
    --font-size-btn-small: 12px;
    --colors-fill-violet: #9966FF;
    --colors-fill-green: #12B035;

    --colors-gray:  #4E4E4E;


    --colors-green-10-light: rgb(3, 231 ,134 ,15%);
    --colors-green-10-light-4: rgb(3, 231 ,134 ,40%);


    --colors-green-10: #68FDBE;
    --colors-blue-10: #CDE9FE;
    --colors-yellow-10: #FEF6CD;

    --colors-green-20: #03FC92;
    --colors-blue-20: #00CCFF;
    --colors-yellow-20: #FBE36A;

    --colors-green-30: #029758;
    --colors-blue-30: #068AEE;
    --colors-yellow-30: #FADA37;

    --colors-green-40: #029758;
    --colors-blue-40: #045795;
    --colors-yellow-40: #F9D106;

    --colors-green-50: #01321D;
    --colors-blue-50: #011D32;
    --colors-yellow-50: #BB9D05;
}

* {
    margin: 0;
    padding: 0
}

body {
    font-family: 'Euclid Circular A',sans-serif!important;
    background: #fff;
    color: #000
}

.most-popular-title,h1,h2,h3,h4,h5,h6 {
    font-family: 'Euclid Circular A',sans-serif
}

div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

ul {
    margin-bottom: 0
}

p {
    text-align: justify;
    line-height: 1.7;
    color: #828282
}

p a {
    display: inline;
    color: inherit;
    border-bottom: 1px solid #ffa07f;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

a,a:active,a:hover,a:link,a:visited {
    text-decoration: none
}

p a:active {
    color: tomato
}

p a:hover {
    color: #fff;
    background: #ffa07f
}

p a:hover::after {
    opacity: .2
}

h1 {
    font-size: 48px
}

h2 {
    font-size: 36px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 500
}

section {
    box-sizing: border-box
}

.clear,.clearfix::after {
    clear: both
}

.clearfix::after,.clearfix::before {
    content: "";
    display: table
}

.clearfix {
    zoom:1}

.float_left {
    float: left
}

.float_right,.go-to {
    float: right
}

.vertical-divider {
    border-left: 1px solid var(--colors-fill-default);
    height: 70%;
    margin-top: 5px
}

.br-r10,.br-r15,.br-r6 {
    border-left: none
}

.lh-30,.lh-40,.nav-account-board .balance .balance-rate,.nav-account-board_mobile .balance .balance-rate {
    line-height: 40px
}

.language-wrap a,.lh-24 {
    line-height: 24px
}

.fsz-16 {
    font-size: 16px!important
}

.fsz-14 {
    font-size: var(--font-size-btn-default)!important
}

.fsz-12 {
    font-size: var(--font-size-btn-small)!important
}

.fsz-20,.terms-text h2,.terms-text h3 {
    font-size: 20px!important
}

.br-6 {
    border-radius: 6px
}

#edit_mobile_num .iti__selected-flag,#enter_mobile_num .iti__selected-flag,.br-10,.edit-phone .iti__selected-flag {
    border-radius: 10px
}

.br-15 {
    border-radius: 15px
}

.br-20 {
    border-radius: 20px
}

.br-r6 {
    border-radius: 6px
}

.br-r10 {
    border-radius: 10px
}

.br-r15 {
    border-radius: 15px
}

.br-l6 {
    border-radius: 6px
}

.br-l10 {
    border-radius: 10px
}

.br-l15 {
    border-radius: 15px
}

#earn_bonuses_section .owl-stage,.m-h-auto,.reward-amount-div {
    margin: 0 auto
}

.m-v-auto {
    margin: auto 0
}




.active-list{
    border-bottom: 3px solid var(--colors-blue-30);
}
.active-list span{
    font-weight: 600!important;
    color: var(--colors-blue-30) !important;
}






.text-black {
    color: #000000 !important
}

.text-purple {
    color: var(--colors-blue-30) !important
}

.text-green-30 {
    color: var(--colors-green-30)!important
}
.text-pink {
    color: var(--colors-green-30)!important
}

.bg-black-footer {
    background-color: var(--colors-fill-black-footer)
}

.btn.btn-pink_fil {
    color: var(--colors-fill-default);
    border: none;
    background-color: var(--colors-green-30);
    border-radius: 10px
}
.btn.btn-green-30_fil {
    color: var(--colors-fill-default);
    border: none;
    background-color: var(--colors-green-30);
    border-radius: 10px
}

.divider-small-40 {
    width: 40px;
    height: 1.5px;
    background: #f3f3f3;
    margin: 20px auto
}

#Coupon-code #copie-img:hover,#activate-notif:hover,#profile-notification .custom-control-input:checked~.custom-control-label::before,.copy-code-icon:hover,.cursor-pointer,.feature-img,.refer-invite-copy:hover,.show-password:hover {
    cursor: pointer
}

.modal {
    z-index: 2000000004
}

.modal-content {
    width: 97%!important;
    border-radius: 20px
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.code-modal-content {
    width: 72%!important;
    margin-left: auto!important;
    margin-right: auto!important
}

.text-color-gray {
    color: #545454
}

.text-color-green {
    color: var(--colors-fill-green)
}

.text-coupon-color {
    color: #0cf;
    font-weight: 700
}

.text-cashback-color {
    color: var(--colors-blue-30);
    font-weight: 700
}

.text-was-cashback-color {
    color: #c2c2c2;
    font-weight: 700
}

.landing-announcement {
    border-radius: 20px;
    max-height: 350px;
    max-width: 100%;
    background-color: #9f9f9f
}

.landing-announcement img {
    border-radius: 20px;
    max-height: 350px;
    width: 100%
}

.topheader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: var(--colors-green-30);
    overflow: hidden;
    width: 100%;
    box-shadow: none;
    min-height: 52px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--sizes-xxsmall);
    padding-top: 5px;
    padding-bottom: 5px
}

.topheader .close-btn {
    border: none;
    color: var(--colors-fill-default);
    background: 0 0;
    float: right
}

.header_main {
    padding-top: 0;
    background-color: #fff
}

.language-wrap {
    line-height: 30px;
    padding: 5px 30px;
    max-height: 40px
}

.language-wrap.right {
    padding-left: 40px
}

.language-wrap a {
    color: #fff;
    font-family: 'Janna LT',Cairo,sans-serif;
    font-weight: 600;
    font-size: 16px
}

.region-wrap {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px
}

.region-wrap .dropdown {
    position: relative;
    display: inline-block
}

.region-wrap .dropbtn {
    background-color: transparent;
    color: #fff;
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    font-size: 16px
}


.earn-cashback-carousel {
    height: 440px;
}


#earn-cashback-modal #next-1:focus,#earn-cashback-modal #prev-1:focus,#earn-cashback-modal #skip-1:focus,.ads-slide-content .owl-nav button:focus,.hamburger:active,.hamburger:focus,.hamburger:hover,.owl-dots button.owl-dot:focus,.owl-nav button:focus,button.dropbtn:focus {
    outline: 0
}

.region-wrap .dropdown-content {
    display: none;
    position: fixed;
    background-color: #fff;
    min-width: 160px;
    z-index: 9999;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding: 10px 0
}

.owl-nav .next-icon,.owl-nav .prev-icon {
    box-shadow: 0 4px 10px rgba(0,0,0,.14);
    border-radius: 30px;
    font-size: 25px;
    padding-top: 1.5px;
    color: var(--colors-blue-30);
    font-weight: 700;
    height: 30px;
    width: 30px;
    position: absolute
}

.region-wrap .dropdown-content.active {
    z-index: 10;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: .4s;
    animation-fill-mode: both;
    -webkit-animation-duration: .4s;
    -webkit-animation-fill-mode: both
}

.region-wrap .dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.region-wrap .dropdown-content a:hover {
    background-color: var(--colors-green-30);;
    color: #fff
}

.categories-filter-content .select-menu {
    max-width: 170px;
    margin-left: 20px
}

.categories-filter-content .select-menu .select-btn {
    display: flex;
    height: 37px;
    background: #fff;
    padding: 6px;
    font-size: 18px;
    font-weight: 400;
    align-items: center;
    cursor: pointer;
    justify-content: space-around
}

.categories-filter-content .select-menu .options {
    position: absolute;
    display: none;
    width: 250px;
    overflow-y: auto;
    padding: 20px 10px;
    margin-top: 10px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: .35s;
    animation-fill-mode: both;
    -webkit-animation-duration: .35s;
    -webkit-animation-fill-mode: both
}

.categories-filter-content .select-menu .options .option {
    display: flex;
    height: 40px;
    cursor: pointer;
    padding: 0 10px;
    border-radius: 2px;
    align-items: center;
    background: #fff
}

.account-dropdown-content .select-menu .options .option:hover,.categories-filter-content .select-menu .options .option:hover {
    background: #f2f2f2
}

.account-dropdown-content .select-menu .options .option i,.categories-filter-content .select-menu .options .option i {
    font-size: 25px;
    margin-right: 12px
}

.categories-filter-content .select-menu .options .option .option-text {
    font-size: 16px;
    font-weight: 500;
    color: #161616
}

.account-dropdown-content .select-menu .options .option .option-text img,.account-icon,.categories-filter-content .select-menu .options .option .option-text img {
    margin-right: 10px
}

.account-dropdown-content .select-btn i,.categories-filter-content .select-btn i {
    font-size: 10px;
    transition: .3s
}

.categories-filter-content .select-btn span {
    font-size: 14px;
    font-weight: 500
}

.account-dropdown-content .select-menu.active .select-btn i,.categories-filter-content .select-menu.active .select-btn i {
    transform: rotate(-180deg)
}

.account-dropdown-content .select-menu.active .options,.categories-filter-content .select-menu.active .options {
    display: block;
    opacity: 0;
    z-index: 10;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: .4s;
    animation-fill-mode: both;
    -webkit-animation-duration: .4s;
    -webkit-animation-fill-mode: both
}

#change_regionlang_modal .modal.show .modal-dialog {
    max-width: 340px
}

#change_regionlang_modal #region-form {
    padding: 20px
}

#add-moderator_modal .addmoderator-title,#change_regionlang_modal .change-regionlang-title,#createpassword .createpassword-title,#edit-moderator_modal .editmoderator-title,#edit_mobile_num .createphone-title,#enter_mobile_num .createphone-title,#enter_regionlang_modal .regionlang-title,#enter_username_modal .enterusername-title,#new_password_modal .new-password-title,#verify_fpw_email_code .fpwverify-title,#verify_mobile_num .otpverify-title,.createpassword-title {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #161616
}

#change_regionlang_modal .change-regionlang-modal-body,#enter_regionlang_modal .regionlang-modal-body {
    text-align: center;
    padding: 30px 80px
}

#change_regionlang_modal .form-field-radio {
    margin: 15px 0;
    cursor: pointer
}

#change_regionlang_modal .change-regionlang-btn,#enter_regionlang_modal .continue-regionlang-btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.408px;
    padding: 12px 16px;
    gap: 8px;
    background-color: var(--colors-green-30);
    border-radius: 10px;
    color: #fff!important;
    min-width: 300px;
    width: 50%
}

#change_regionlang_modal .change-regionlang-btn:disabled,#change_regionlang_modal .change-regionlang-btn[disabled],#enter_regionlang_modal .continue-regionlang-btn:disabled,#enter_regionlang_modal .continue-regionlang-btn[disabled],.continue-favbrand-btn:disabled,.continue-favbrand-btn[disabled],.continue-login-btn:disabled,.continue-login-btn[disabled],.continue-username-btn:disabled,.continue-username-btn[disabled] {
    background-color:  var(--colors-green-10);
}

#change_regionlang_modal .modal-dialog {
    max-width: 400px
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0,30px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes fadeInDown {
    from {
        transform: translate3d(0,0,0);
        opacity: 1
    }

    to {
        transform: translate3d(0,20px,0);
        opacity: 0
    }
}

.owl-nav {
    width: 100%;
    position: absolute
}

.owl-nav button {
    background-color: red;
    color: #fff;
    margin: 0;
    transition: .3s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.ads-slide-content .owl-nav button.owl-prev,.owl-nav button.owl-prev {
    left: 0
}

.ads-slide-content .owl-nav button.owl-next,.owl-nav button.owl-next {
    right: 0
}

.owl-dots {
    text-align: center;
    padding-top: 15px
}

.owl-dots button.owl-dot {
    width: 6px;
    height: 6px;
    display: inline-block;
    background: #d0d0d0;
    border-radius: 3px;
    margin: 0 3px
}

.owl-dots button.owl-dot.active {
    width: 16px;
    height: 6px;
    background-color: var(--colors-blue-30);
    border-radius: 3px
}

.owl-nav .next-icon {
    background: #fff;
    padding-left: 1px
}

.owl-nav .prev-icon {
    background: #fff;
    padding-right: 1px
}

#featured-slide-section .featured-carousel,#share_earn_modal .linkfield,#store-slide-section .store-carousel,.account-nav-btn,.enternewpwd-modal-body .password-content-input,.enternewpwd-modal-body .password_confirm-content-input,.search-form .input-group,.search_mdr-form .input-group {
    position: relative
}

.search-form .input-group input,.search_mdr-form .input-group input {
    background-color: #f3f3f3;
    border-top-right-radius: 8px!important;
    border-bottom-right-radius: 8px!important
}

.search-form .input-group button,.search_mdr-form .input-group button {
    position: absolute;
    left: -5px;
    color: #161616
}

.search_mdr-form .input-group .form-control {
    font-family: "Haas Grot Text R Web","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%;
    height: 35px;
    padding: 10px 16px;
    -webkit-transition: background-color .2s,outline .2s,color .2s,-webkit-box-shadow .2s;
    transition: background-color .2s,outline .2s,color .2s,box-shadow .2s,-webkit-box-shadow .2s;
    border-radius: 8px;
    outline: 0;
    background-color: #f3f3f4;
    color: #0d0c22;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#main-wrapper,#sidebar-wrapper {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s
}

.header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom-width: 0;
    border-bottom-style: solid;
    border-bottom-color: var(--colors-border-divider)
}

.header-account-link a.btn-link {
    font-size: var(--font-size-btn-default);
    text-decoration: none
}

.header-account-link .btn-black {
    color: var(--colors-fill-black);
    border: none
}

.header-account-link .btn-pink,.nav-account-sign .btn.btn-pink,.sidebar-account-sign .btn.btn-pink {
    color: var(--colors-green-30);
    border: none
}

.header-account-link .btn-link.active,.nav-account-sign .btn.btn-pink.active,.sidebar-account-sign .btn.btn-pink.active {
    background-color: var(--colors-green-30);
    color: var(--colors-fill-default);
    border-color: var(--colors-fill-default)
}

.nav-account-board .balance .gradient-box,.nav-account-board_mobile .balance .gradient-box {
    background: linear-gradient(#000,#000) padding-box,linear-gradient(157deg,#fc0 0, #03e786 33%,#96f 67%,#0cf 100%) border-box
}

.navbar-nav li.nav-item {
    padding: 5px 15px
}

.navbar-nav li.nav-item a {
    font-weight: 400;
    color: var(--colors-fill-black)!important;
    font-size: 16px
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: transparent
}

#main-wrapper.toggled,.goBackLink .btn {
    padding: 0!important
}

#main-wrapper {
    padding-left: 0;
    transition: .5s
}

#wrapper-content {
    width: 100%;
    background-color: #fff
}

#main-wrapper.toggled #wrapper-content {
    position: absolute;
    margin-right: -220px;
    top: 10px
}

.nav-account-sign .btn,.sidebar-account-sign .btn {
    font-size: 16px;
    font-weight: 500;
    padding: 8px 14px;
    margin-right: 5px
}

.balance-rate,.nav-account-sign .btn:last-child,.sidebar-account-sign .btn:last-child {
    margin-right: 0
}

.terms-scroll {
    height: 400px;
    overflow-y: scroll
}

.terms-scroll::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    outline: #D0D0D0 solid 1px
}

#showSearchDiv::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    outline: #D0D0D0 solid 1px
}

#showSearchDiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ececec
}

#showSearchDiv::-webkit-scrollbar {
    width: 4px
}

.terms-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ececec
}

.terms-scroll::-webkit-scrollbar {
    width: 4px
}

.terms-scroll h2,.terms-scroll li,.terms-scroll p {
    max-width: 95%;
    text-align: left
}

.terms-scroll h2 {
    font-size: 26px
}

.terms-scroll h3 {
    font-size: 22px
}

.terms-scroll h4 {
    font-size: 20px
}

.nav-account-sign .btn.btn-pink.active,.sidebar-account-sign .btn.btn-pink.active {
    border-radius: 10px
}

.nav-account-board .balance-label {
    font-size: 12px;
    padding: 6px 10px;
    width: 100%;
    text-align: center!important;
    display: inline
}

.nav-account-board .balance .gradient-box {
    color: #fff;
    border: .13rem solid #fff0;
    border-radius: 15px;
    padding: 4px 8px;
    box-sizing: border-box
}

.except-tab,.profile-acc-icon span {
    padding: 0 5px
}

.wrong-password-msg {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #ec2626
}

.success-update-image {
    margin-left: auto;
    margin-right: auto
}

.success-update-btn {
    padding: 12px 6px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    background: #fff;
    border: 1.5px solid #ececec;
    border-radius: 10px;
    letter-spacing: -.408px
}

.forgot-title,.success-update-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #161616
}

.download-info,.password-content-input {
    text-align: left
}

.failed {
    border: 1px solid #ec2626!important;
    background-color: #ffeded!important
}

.accountdropdown,.accountdropdown-name,.sidebar-profile .person .d-flex img {
    background: linear-gradient(157deg,#fc0 0, #27ef8a 33%, #4300cb 67%,#0cf 100%) border-box
}

.accountdropdown {
    margin-left: -5px;
    padding: 1px;
    border-radius: 30px
}

.accountdropdown-name {
    border-radius: 30px;
    padding: 6px 10px;
    width: 33px;
    height: 33px;
    margin-top: 5px;
    margin-left: 0
}

.accountdropdown-name span {
    padding: 5px 9px!important;
    border-radius: 43px!important;
    margin-top: -5.2px!important;
    position: absolute!important;
    height: 31.5px!important;
    margin-left: -15px!important;
    line-height: 20px!important;
    color: #fff!important;
    background-color: #96f!important
}

#sidebar-wrapper .sub-menu li,.sidebar-nav li {
    line-height: 35px;
    display: inline-block;
    width: 100%
}

#update-password-modal-content,.footer-wrapper .col-lg-3,.footer-wrapper .collapse.show,.life-earning-details,.no-orders,.refered-friend-status,.signup-modal-content,.store-of-week-data {
    display: grid
}

#update-password .show-password {
    right: 13px;
    position: absolute;
    top: 8px
}

.nav-account-board_mobile .balance-label {
    font-size: 12px;
    padding: 4px 6px;
    width: 100%;
    text-align: center!important;
    display: inline;
    line-height: 40px
}

.nav-account-board_mobile .balance .gradient-box {
    color: #fff;
    border-radius: 15px;
    border: .13rem solid #fff0
}

i.fa.fa-chevron-down {
    position: absolute;
    top: 45%;
    right: -8px
}

.account-dropdown {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent
}

.account-dropdown-content .select-menu {
    max-width: 150px;
    background-color: transparent
}

.account-dropdown-content .select-menu .select-btn {
    display: flex;
    height: 35px;
    padding: 6px 10px;
    font-size: 18px;
    font-weight: 400;
    align-items: center;
    cursor: pointer;
    justify-content: space-between
}

.account-dropdown-content .select-menu .options {
    position: absolute;
    display: none;
    right: 0;
    top: 30px;
    width: 240px;
    overflow-y: auto;
    padding: 20px 0;
    margin-top: 10px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 0 10px #21252929;
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: .35s;
    animation-fill-mode: both;
    -webkit-animation-duration: .35s;
    -webkit-animation-fill-mode: both
}

.account-dropdown-content .select-menu .options .option {
    display: flex;
    height: 50px;
    cursor: pointer;
    padding: 0 10px;
    border-radius: 2px;
    align-items: center;
    background: #fff;
    color: #4e4e4e
}

.account-dropdown-content .select-menu .options .option .option-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4e4e4e
}

.account-dropdown-content .select-btn span {
    font-size: 16px;
    font-weight: 500
}

.account-dropdown-content .select-menu .options .option.person {
    text-align: center;
    display: block
}

.account-dropdown-content .select-menu .options .option.person span {
    font-size: 18px;
    color: #000
}

.account-dropdown-content .select-menu .options .option.person a {
    font-size: 18px;
    color: #000;
    text-decoration: none
}

#sidebar-wrapper {
    position: fixed;
    top: 0;
    z-index: 1031;
    width: 320px;
    left: 0;
    height: 100%;
    padding-top: 40px;
    margin-left: -320px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    transition: .5s
}

#main-wrapper.toggled #sidebar-wrapper {
    position: fixed;
    left: 320px;
    padding-top: 40px;
    top: 0;
    transform: translate3d(0,0,0)
}

#sidebar-wrapper::-webkit-scrollbar {
    display: none
}

.sidebar-nav {
    width: 100%;
    margin: 0;
    padding: 0
}

.sidebar-nav li {
    position: relative
}

.sidebar-nav li:first-child a {
    color: #000;
    background-color: #fff
}

#sidebar-wrapper .sub-menu li a,.sidebar-nav li a {
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 15px 10px 30px
}

.sidebar-nav li a:active,.sidebar-nav li a:focus,.sidebar-nav li a:hover,.sidebar-nav li.open a:active,.sidebar-nav li.open a:focus,.sidebar-nav li.open a:hover {
    color: #313030;
    text-decoration: none;
    background-color: transparent
}

.sidebar-nav>.sidebar-brand {
    height: 65px;
    font-size: 20px
}

.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #000;
    box-shadow: none
}

.sidebar-profile .person {
    margin-left: 40px;
    margin-bottom: 15px
}

.sidebar-profile .person .d-flex img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45px;
    flex: 0 0 45px;
    width: 45px;
    border-radius: 50%;
    height: 45px;
    border: 1px solid #fff0
}

.prof-logo a {
    text-align: left!important;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px
}

.profilelogo {
    float: left!important;
    margin-left: 10px;
    margin-top: 10px
}

.prof-logo {
    text-align: initial;
    border-bottom: 1px solid #d3d3d3
}

.profilelink {
    display: flow-root;
    margin-top: -10px;
    margin-bottom: 10px;
    color: #3f8ae0;
    font-weight: 500!important;
    font-size: 12px!important;
    line-height: 15px;
    text-align: center;
    margin-left: -13px
}

.prof-logo .user-name {
    color: #161616;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    margin-left: 5px
}

.userprofilehead {
    display: flex!important
}

.sidebar-profile .person .d-flex .user-name {
    color: #000;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700
}

.sidebar-wallet .balance {
    padding-bottom: 30px;
    text-align: center
}

.sidebar-wallet .balance div .balance_rate {
    display: block;
    font-size: 20px;
    color: #000
}

.sidebar-wallet .balance div .balance-label {
    color: var(--colors-fill-default);
    display: flex;
    flex-direction: row;
    padding: 2px 8px;
    width: auto;
    height: 24px;
    line-height: 14px;
    background: #161616;
    flex: none;
    order: 2;
    flex-grow: 0;
    border: 0;
    font-size: 12px;
    justify-content: center
}

.sidebar-wallet .balance .gradient-box {
    display: flex;
    align-items: center;
    width: 90%;
    margin: auto;
    position: relative;
    padding: 30% 1em;
    box-sizing: border-box;
    color: #fff;
    background: padding-box #000;
    border: 5px solid transparent;
    border-radius: 14px
}

.sidebar-wallet .balance .gradient-box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    border-radius: 14px;
    background: linear-gradient(to left,#fc0,#0bfba2,#58555d,#0cf);
}

.sidebar-account-sign {
    text-align: center;
    margin-top: 20px;
    padding-bottom: 20px
}

.sidebar-nav li.main-links a,.sidebar-nav li.main-wallet-links a {
    font-weight: 700
}

#sidebar-wrapper .sub-menu {
    position: fixed;
    top: 0;
    left: -320px;
    padding: 40px 10px;
    background-color: #fff;
    height: 100vh;
    width: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

#sidebar-wrapper .sub-menu.is_open {
    position: absolute;
    left: 0;
    padding-top: 44px;
    top: 0;
    transform: translate3d(0,0,0)
}

#sidebar-wrapper .sub-menu .submenu-level-header {
    padding: 10px 0
}

#sidebar-wrapper .sub-menu .submenu-level-header .title {
    font-size: 18px;
    font-weight: 500;
    text-align: center
}

#sidebar-wrapper .sub-menu li {
    position: relative;
    background-color: #fff
}

.hamburger {
    position: fixed;
    top: 15px;
    z-index: 1032;
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 10px;
    background: 0 0;
    border: none
}

.hamburger.is-closed:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: .35s ease-in-out
}

.hamburger.is-closed:hover:before,.hamburger.is-open:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px,0,0);
    -webkit-transition: .35s ease-in-out
}

.hamburger.is-closed .hamb-bottom,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-top,.hamburger.is-open .hamb-bottom,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-top {
    position: absolute;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #1a1a1a
}

.hamburger.is-closed .hamb-top {
    top: 5px;
    -webkit-transition: .35s ease-in-out
}

.hamburger.is-closed .hamb-middle,.hamburger.is-open .hamb-bottom,.hamburger.is-open .hamb-top {
    top: 50%;
    margin-top: -2px
}

.hamburger.is-closed .hamb-bottom {
    bottom: 5px;
    -webkit-transition: .35s ease-in-out
}

.hamburger.is-open .hamb-bottom,.hamburger.is-open .hamb-top {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08)
}

.hamburger.is-closed:hover .hamb-top {
    top: 0;
    -webkit-transition: .35s ease-in-out
}

.hamburger.is-closed:hover .hamb-bottom {
    bottom: 0;
    -webkit-transition: .35s ease-in-out
}

.hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg)
}

.footer-wrapper .accordion,.hamburger.is-open .hamb-middle {
    display: none
}

.hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg)
}

.hamburger.is-open:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: .35s ease-in-out
}

.carousel-image {
    padding: 28px 10px 22px
}

.carousel-div-img {
    display: flex;
    justify-content: center;
    background: #fff;
    height: 70px;
    width: 70px;
    border: 1px solid #f3f3f3;
    box-shadow: 0 8px 8px rgba(0,0,0,.04);
    border-radius: 50px
}

.carousel-div-content {
    margin-left: 0;
    display: grid;
    padding: 15px 7px
}

#get-rewarded-section .reward-content{
    display: grid;
    top: 124px;
    position: absolute;
}
@media (max-width: 567.98px) {
    #get-rewarded-section .reward-content{
        display: grid;
        top: 45px;
        position: absolute;
    }
}

#get-rewarded-section .reward-sign,.reward-sign:hover {
    padding: 12px 24px;
    gap: 10px;
    color: var(--colors-blue-30);
    height: 50px;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    background: #FFFFFF;
    border-radius: 10px;
    outline: none!important;
    max-width: 175px;
    margin: auto;

}

#get-rewarded-section .get-reward{
    align-content: center;
    display: grid;
    text-align: center;
    min-height: 370px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../../images/Get_rewarded.svg');
}
#get-rewarded-section .getreward-title{
    color: #fff;
    font-weight: 600;
    font-size: 48px;
    line-height: 61px;
    letter-spacing: -0.408px;
    font-family: 'Euclid Circular A', sans-serif;
    margin-top: -70px;
}
#get-rewarded-section .getreward-text{
    color: #fff;
    margin-left:180px;
    margin-right: 180px;
    margin-top: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.408px;
    font-family: 'Euclid Circular A', sans-serif;
    margin-bottom: 30px;
}
@media (max-width: 767.98px) {
    #get-rewarded-section .getreward-title{
        font-weight: 600;
        font-size: 20px;
        line-height: 20px;
        margin-top: 15px;
    }
    #get-rewarded-section .getreward-text{
        margin-left: 10px;
        margin-right: 25px;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    #get-rewarded-section .get-reward {
        border: 10px solid white;
        align-content: center;
        display: grid;
        text-align: center;
        min-height:370px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url('../../images/earn_2.svg');

    }
    #get-rewarded-section .reward-sign {
        padding: 8px 12px;
        gap: 6px;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
    }
}




#store-slide-section .carousel-store-name,.carousel-brand-name {
    font-weight: 500;
    font-size: 16px;
    color: #000
}

#store-slide-section .carousel-store-cashback,#store-slide-section .carousel-store-coupons,.carousel-brand-cashback,.carousel-brand-coupons {
    font-weight: 400;
    font-size: 14px;
    color: #858585
}

#SMS,#featured-slide-section .featured-carousel .owl-nav .disabled,#store-slide-section .store-carousel .owl-nav .disabled,.add-browser-extension,.ads-slide-content .owl-nav .disabled,.owl-nav .disabled,.popular-brands-section .owl-nav .disabled {
    display: none!important
}

.top-owl-carousel .owl-dots {
    padding-top: 0
}

.most-popular-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 24px;
    margin-bottom: 50px
}

#featured-slide-section .featured-carousel .owl-nav,#store-slide-section .store-carousel .owl-nav,.popular-brands-section .owl-nav {
    width: 100%;
    position: absolute;
    top: 28%
}

#featured-slide-section .featured-carousel .owl-nav .next-icon,#store-slide-section .store-carousel .owl-nav .next-icon,.ads-slide-content .owl-nav .next-icon,.popular-brands-section .owl-nav .next-icon {
    left: -15px
}

#featured-slide-section .featured-carousel .owl-nav .prev-icon,#store-slide-section .store-carousel .owl-nav .prev-icon,.ads-slide-content .owl-nav .prev-icon,.popular-brands-section .owl-nav .prev-icon {
    right: -15px
}

#featured-slide-section .featured-carousel .feature-item .carousel-image {
    padding: 12%
}

#featured-slide-section .featured-carousel .feature-item .carousel-image img,.coupon-store-img-mobile {
    width: 100%
}

#featured-slide-section .featured-carousel .feature-item .carousel-div-img,#store-slide-section .store-carousel .related-item .carousel-div-img {
    height: 55px!important;
    width: 55px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #f3f3f3;
    box-shadow: 0 8px 8px rgba(0,0,0,.04);
    border-radius: 50px
}

.footer-wrapper .download-app,.footer-wrapper .get-app {
    font-weight: 500;
    border-radius: 10px;
    background-color: var(--colors-green-30)
}

.brand {
    border-right: .5px solid #f3f3f3;
    align-items: center
}

#store-slide-section .store-carousel .carousel-svg,.carousel-svg {
    right: 10px;
    top: 17px;
    position: absolute;
    margin-left: 20px
}

.footer-wrapper .footer-d {
    text-align: left!important
}

.footer-wrapper .text-footer {
    margin-left: 0!important
}

.footer-wrapper .store-icons-ar {
    margin-left: 9px
}

.footer-wrapper .get-app {
    text-align: center;
    color: #fff!important
}

.footer-wrapper .app-footer-text {
    margin: 0;
    line-height: 18px
}

.footer-wrapper .logo-small {
    width: 40px;
    margin-top: 18px
}

.footer-wrapper .download-app-footer {
    padding: 20px 0;
    display: none
}

.footer-wrapper .card-bod {
    color: #fff
}

.footer-wrapper .accordion .card-head .card-tite:after,.footer-wrapper .card-head {
    content: ''!important;
    color: #fff
}

.footer-wrapper .accordion .card-head .card-tite.collapsed:after {
    content: ""!important
}

.footer-wrapper .download-app {
    max-width: 180px;
    color: #fff!important;
    padding: 10px 20px;
    display: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px
}

.footer-wrapper .copy-text,.footer-wrapper .text-footer {
    font-weight: 400;
    font-style: normal;
    font-family: 'Euclid Circular A',sans-serif
}

.footer-wrapper .copy-text {
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.footer-wrapper .copy {
    padding-top: 30px;
    max-width: 1100px;
    border-top: 1px solid #3f3f46;
    margin: 40px auto 30px
}

.footer-wrapper .copy-content {
    text-align: center!important
}

.footer-wrapper .footer-copy {
    display: grid;
    height: 90px;
    max-width: 1292px;
    background-color: #161616;
    text-align: center
}

.footer-wrapper .Qr-code-footer {
    display: inline-flex;
    width: 250px;
    margin-top: 35px
}

.footer-wrapper .icons-div {
    width: 270px;
    margin-top: 30px
}

.footer-wrapper .icon-follow {
    height: 32px;
    background-color: #fff;
    padding: 4px;
    border-radius: 30px;
    margin-right: 10px
}

#AccountContent {
    padding-left: 0!important
}

input,input:hover {
    background-color: #f3f3f3!important;
    border: 1px solid #ececec!important;
    font-family: 'Euclid Circular A','sans-serif'!important;
    font-weight: 400!important;
    font-size: 16px!important;
    line-height: 22px!important
}

.footer-wrapper .text-footer {
    padding-top: 10px;
    margin-right: auto;
    width: 333px;
    height: 85px;
    font-size: 16px;
    line-height: 150%;
    color: rgba(255,255,255,.6)
}

.footer-wrapper .title-footer {
    margin-left: auto;
    margin-right: auto;
    max-width: 410px;
    height: 76px;
    color: #fff;
    font-family: 'Euclid Circular A',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 120%
}

.footer-wrapper .footer-link {
    color: #ccc!important;
    font-weight: 400;
    line-height: 35px;
    font-size: 14px
}

.footer-wrapper .footer-link2 {
    color: #fff!important;
    font-weight: 400;
    line-height: 45px;
    font-size: 14px
}

.footer-wrapper .footer-span {
    margin-bottom: 25px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px
}

.footer-wrapper .download-app-footer .btn {
    font-weight: 500;
    border: none!important;
    background-color: var(--colors-green-30);
    margin: 19px auto;
    border-radius: 10px;
    color: #fff
}

#custom-tooltip {
    visibility: hidden;
    position: absolute;
    padding: 8px;
    background-color: #fff;
    box-shadow: 0 1px 8px rgb(0 0 0 / 5%);
    border-radius: 9px;
    right: -14px;
    top: 39px
}

#custom-tooltip.show {
    visibility: visible;
    -webkit-animation: .5s fadein,.5s 2.5s fadeout;
    animation: .5s fadein,.5s 2.5s fadeout
}

.footer-wrapper .download-app-footer .app-footer-text {
    color: #9b9b9b;
    font-size: 13px
}

.footer-wrapper .log-footer {
    width: 100px
}

.featured-carousel .feature-item .feature-img {
    position: relative;
    height: 200px;
    background-color: #f3f3f3;
    border-radius: 10px;
    display: flex;
    flex-direction: row-reverse;
    background-position: center center
}

.featured-carousel .feature-item .get-btn {
    margin-right: 20px;
    height: 40px;
    padding: 6px 10px;
    border-radius: 10px;
    position: absolute;
    bottom: 15px;
    background-color: #fff!important;
    box-shadow: 0 5px 12px rgba(0,0,0,.15)
}

.footer-list {
    line-height: 40px!important
}

.coupon-code-btn span,.coupon-code-btn-mobile span,.element-discount-btn .discount-btn span,.featured-carousel .feature-item .get-btn span,.most-popular-mobile .get-btn span {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    -webkit-background-clip: text;
    color: var(--colors-blue-30);
}

.featured-carousel .feature-item .brand {
    border: none
}

#store-slide-section .carousel-div-content,.featured-carousel .feature-item .carousel-div-content {
    margin-left: 10px;
    display: grid;
    padding: 15px 7px
}

.featured-carousel .feature-item .feature-icon {
    top: -195px!important
}

.coupon-mobile {
    border-bottom: 1px solid #f3f3f3;
    margin: 10px 0
}

.most-popular-mobile {
    margin-top: 5px
}

.most-popular-mobile .get-btn {
    border-radius: 10px;
    bottom: 15px;
    background-color: #fff!important
}

.most-popular-mobile .get-btn,.most-popular-mobile .get-btn:focus {
    float: right!important;
    padding: 6px 10px!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    position: initial;
    margin-top: -3px;
    box-shadow: 0 5px 12px rgba(0,0,0,.15);
    border: none;
    height: 29px;
    outline: 0
}

.coupons-div-img,.img-container,.most-popular-mobile .logo {
    box-shadow: 0 8px 8px rgba(0,0,0,.04)
}

.img-logo {
    height: 32px;
    width: 32px
}

.most-popular-mobile .logo {
    height: 27px;
    width: 29px;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    background-color: #fff;
    padding: 10px 2px 6px
}

.see-all {
    float: right;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.408px;
    text-decoration: underline!important
}

#profile-phone #phonefieldD {
    margin-left: 90px!important;
    padding-left: 10px!important;
    width: 140%
}

.element-discount,.element-discount-btn,.element-discount-data {
    padding-top: 15px;
    padding-left: 15px
}

#phone-validation-error {
    color: #ec2626;
    margin-top: 20px;
    margin-bottom: -30px
}

.element-discount-btn {
    max-width: 150px!important
}

.element-discount-btn .discount-btn {
    width: 120px;
    display: block;
    margin-right: 8px;
    padding: 6px 10px;
    text-align: center;
    background-color: #fff;
    color: red;
    border: none;
    border-radius: 10px;
    outline: 0;
    box-shadow: 0 4px 12px rgba(0,0,0,.05)
}

.element-discount-data {
    line-height: 20px!important
}

.element-discount-data span {
    font-weight: 600;
    font-size: 16px;
    color: #161616
}

.element-discount h3 {
    text-transform: uppercase;
    line-height: 15px
}

#storedetail-page .latest-coupons-element:hover {
    border: .13rem solid #fff!important;
    background-color: #fff!important;
    border-radius: 0!important
}

#storedetail-page .element-body,#storedetail-page .element-body:hover {
    border-radius: 0!important;
    border-top: .13rem solid #fff!important;
    border-left: .13rem solid #fff!important;
    border-right: .13rem solid #fff!important
}

#storedetail-page .element-body {
    border-bottom: 1px solid #ececec!important;
    background-color: #fff!important
}

#storedetail-page .element-body:hover {
    border-bottom: 1px solid #fff0!important;
    background: linear-gradient(#fff,#fff) padding-box,linear-gradient(157deg,#fc0 0, #27ef8a 33%, #4300cb 67%,#0cf 100%) border-box!important
}

#storedetail-page .coupon-body,#storedetail-page .coupon-body:hover {
    border-bottom: 1px solid #fff!important
}

#storedetail-page .coupon-body:hover {
    background: #fff;
    border-top: .13rem solid #fff!important;
    border-left: .13rem solid #fff!important;
    border-right: .13rem solid #fff!important
}

.latest-coupons-element:hover .element-body {
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent
}

.latest-coupons-element {
    margin-bottom: 10px;
    border: .13rem solid #fff0
}

#showSearchDiv .latest-coupons-element {
    margin-bottom: 10px;
    border: .13rem solid #fff;
    height: 135px
}

#showSearchDiv .latest-coupons-element .element-body,#showSearchDiv .latest-coupons-element:hover .element-body,.element-body {
    border-bottom: .5px solid #f3f3f3;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-left: .5px solid #f3f3f3;
    border-right: .5px solid #f3f3f3
}

.element-body {
    background-color: #fff;
    padding-bottom: 5px;
    margin-bottom: 0;
    height: 79px;
    align-items: center
}

#showSearchDiv .latest-coupons-element .element-head,.latest-coupons-element .element-head {
    background-color: #f6f6ff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: .5px solid #f3f3f3;
    border-left: .5px solid #f3f3f3;
    border-right: .5px solid #f3f3f3
}

#showSearchDiv .latest-coupons-element .element-body {
    height: auto;
    background-color: #fff;
    padding-bottom: 5px;
    margin-bottom: 0
}

#showSearchDiv .latest-coupons-element:hover {
    border-radius: 0
}

#showSearchDiv .latest-coupons-element:hover .element-head {
    border-top: .5px solid #f3f3f3;
    border-left: .5px solid #f3f3f3;
    border-right: .5px solid #f3f3f3
}

#showSearchDiv {
    display: none;
    margin-left: 47px;
    margin-right: auto;
    max-width: 548px;
    min-width: 548px;
    top: 119px;
    position: fixed;
    z-index: 99999;
    background: #fff;
    box-shadow: 0 154px 62px rgb(0 0 0 / 1%),0 87px 52px rgb(0 0 0 / 2%),0 38px 38px rgb(0 0 0 / 3%),0 10px 21px rgb(0 0 0 / 4%),0 0 0 rgb(0 0 0 / 4%);
    border-radius: 12px;
    flex-direction: column;
    padding: 16px 24px;
    gap: 8px;
    border: none;
    border-bottom: 20px solid #fff;
    height: 550px;
    overflow-y: scroll
}

.cashback-modal-title,.earn-cashback-content-second-title,.search-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -.3px;
    color: #161616
}

.search-cat {
    padding: 15px 0 21px 4px;
    border-bottom: 1px solid #f3f3f3
}

.account-subscription .subscription-sub-title,.no-refer-title,.search-cat-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #161616
}

#storedetail-page .element-head .name,.span-title {
    font-weight: 600
}

.coupons-carousel-image {
    width: 40px!important;
    padding: 15px 3px 10px
}

.coupons-div-img {
    display: flex;
    justify-content: center;
    background: #fff;
    height: 40px;
    width: 40px;
    border: 1px solid #f3f3f3;
    border-radius: 50px
}

.latest-coupons-element .carousel-div-content {
    margin-left: 10px;
    display: grid;
    padding: 0
}

.phone-img {
    max-height: 420px
}

.download-content-div {
    margin-top: auto;
    text-align: initial;
    margin-bottom: auto
}

.download-div,.progress-bar {
    background-color: var(--colors-blue-30)
}

#enter_favbrand_modal .favbrand-title,#refer-and-earn-page .yajny-plus-tabs,#updatepasswordform input#oldaccountpasswordfield,.account-side-nav .user-name,.download-container,.element-discount,.life-time-data,.signup-modal-content input#password {
    text-align: center
}

.span-title {
    font-size: 46px;
    line-height: 70px;
    color: #fff
}

.span-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #fff;
    letter-spacing: -.408px
}

.store-of-week-galerie {
    margin: 5px 0
}

.galerie-img {
    border: none;
    max-height: 100px;
    max-width: 140px;
    background-color: #ececec;
    border-radius: 10px;
    margin: 10px
}

.store-of-week-data .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: var(--colors-blue-30);
    margin-top: 18px;
    margin-bottom: 14px
}

.store-of-week-data .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    max-width: 500px
}

.store-of-week-logo {
    display: grid;
    text-align: center;
    margin: 46px
}

.img-container {
    margin-bottom: 10px;
    height: 120px;
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 75px;
    border: 1px solid #f3f3f3;
    background-color: #fff
}

.store-of-week-img {
    width: 90px;
    margin: 45% auto;
    display: flex;
    background-color: #fff
}

.store-of-week {
    background-color: #fafaff;
    margin: 30px auto
}

.store-of-week .container {
    padding: 40px 0
}

#share_earn_modal .linkfield img {
    position: absolute;
    right: 0;
    top: 18%;
    width: 30px;
    cursor: pointer
}

#storedetail-page .element-head .coupons-div-img {
    height: 80px!important;
    width: 80px!important;
    border-radius: 80px!important
}

#storedetail-page .element-head .coupons-carousel-image {
    width: 80px!important;
    padding: 15px 3px!important
}

#storedetail-page .element-head .text-cashback-color span,#storedetail-page .element-head .text-coupon-color span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #858585
}

#storedetail-page .small-coupon-card .element-body,#storedetail-page .small-offer-card .element-body {
    border-left: none;
    border-right: none
}

#storedetail-page .small-coupon-card .element-discount h3 {
    font-size: 30px;
    font-weight: 700!important;
    color: #0cf;
    line-height: 0;
    text-align: center
}

#storedetail-page .small-offer-card .element-discount h3 {
    font-weight: 700!important;
    color: #96f;
    font-size: 30px;
    line-height: 32px;
    text-align: center
}

#storedetail-page .small-coupon-card .element-discount h4 {
    font-weight: 400!important;
    color: #0cf;
    line-height: 26px;
    font-size: 24px;
    text-align: center
}

#storedetail-page .small-offer-card .element-discount h4 {
    font-weight: 400!important;
    color: #96f;
    line-height: 26px;
    font-size: 24px;
    text-align: center
}

.carousel-text {
    margin-top: 15px;
    display: grid;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #4e4e4e
}

.carousel-title {
    margin-top: 45px;
    display: grid;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -.3px;
    color: #161616
}

.back-link,.continue-login-btn,.continue-login-btn:hover,.email-input,.pink-link,.referral-link {
    font-size: 16px;
    letter-spacing: -.408px
}

.referral-link {
    margin-top: 20px;
    font-weight: 500;
    line-height: 24px;
    color: var(--colors-green-30);
}

.back-link:hover,.pink-link:hover,.referral-link:hover {
    color: #464646
}

.reference_user #reference_name {
    display: none;
    margin-bottom: 5px;
    padding: 5px 15px;
    width: auto;
    height: 28px;
    background: #161616;
    border-radius: 12px;
    border: none;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .25));
    transition: filter .2s;
    color: var(--colors-fill-default);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.reference_user #reference_name.gradient-box {
    background: radial-gradient(circle at 100% 100%,#000 0,#000 12px,transparent 12px) 0 0/15px 15px no-repeat,
    radial-gradient(circle at 0 100%,#000 0,#000 12px,transparent 12px) 100% 0/15px 15px no-repeat,
    radial-gradient(circle at 100% 0,#000 0,#000 12px,transparent 12px) 0 100%/15px 15px no-repeat,
    radial-gradient(circle at 0 0,#000 0,#000 12px,transparent 12px) 100% 100%/15px 15px no-repeat,
    linear-gradient(#000,#000) 50% 50%/calc(100% - 6px) calc(100% - 30px) no-repeat,
    linear-gradient(#000,#000) 50% 50%/calc(100% - 30px) calc(100% - 6px) no-repeat,
    linear-gradient(129deg,#fc0 0,#00BCD4 25%,#1c1922 75%,#0cf 100%) no-repeat;
    border-radius: 12px;
    box-sizing: border-box
}

.back-link {
    margin-top: 20px;
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    color: var(--colors-green-30)
}

.email-label,.password-label {
    margin-top: 15px;
    text-align: left;
    display: block
}

.pink-link {
    font-weight: 500;
    line-height: 24px;
    color:  var(--colors-green-30)
}

.continue-login-btn,.continue-login-btn:hover {
    font-weight: 500;
    line-height: 20px;
    padding: 12px 16px;
    gap: 8px;
    background-color: var(--colors-green-30) !important;
    border-radius: 10px;
    color: #fff!important;
    min-width: 300px
}

.account-subscription .promotional,.account-subscription .transactional,.account-subscription .weekly-news,.agree-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.408px;
    color: #161616
}

#terms {
    margin: 14px 10px
}

.email-input {
    border: none;
    background: #f3f3f3;
    border-radius: 10px;
    font-weight: 400;
    line-height: 22px
}

.email-label {
    margin-bottom: 2px;
    color: #4e4e4e;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px
}

.password-input {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.408px
}

.facebook-login-btn,.google-login-btn {
    gap: 12px;
    font-weight: 500;
    letter-spacing: -.408px;
    font-size: 16px;
    height: 44px
}

.separator {
    margin-top: 30px;
    display: flex;
    align-items: center;
    text-align: center
}

.separator::after,.separator::before {
    content: '';
    flex: 1;
    border-bottom: 1.7px solid #ececec
}

.separator span {
    color: #ececec
}

.separator:not(:empty)::before {
    margin-right: .25em
}

.separator:not(:empty)::after {
    margin-left: .25em
}

.google-login-btn {
    padding: 10px 16px;
    color: #000!important;
    line-height: 20px;
    background-color: #fff;
    margin-bottom: 5px;
    border-radius: 10px;
    border: 1.5px solid #d0d0d0
}

.facebook-login-btn i {
    background-color: #fff;
    padding: 4px 6px 2px 5px;
    color: #0c69e0;
    border-radius: 25px;
    font-size: 14px;
    margin: 0 6px
}

.facebook-login-btn {
    padding: 10px 16px;
    color: #fff!important;
    line-height: 20px;
    background-color: #0c69e0;
    margin-bottom: 15px;
    border-radius: 10px
}

.modal-body {
    padding: 0
}

.sign-up-left {
    padding: 0 56px;
    display: grid
}

.sign-up-right {
    padding: 10px 20px 0;
    display: grid;
    width: 370px
}

.sign-up-title-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.3px;
    color: #161616
}

.modal-header {
    border-bottom: none;
    height: auto
}

.modal-header .close {
    padding: 8px 15px
}

.modal-backdrop {
    z-index: 1000!important
}

#SignUp-modal,#createpassword,#edit_mobile_num,#enter_mobile_num {
    background-image: linear-gradient(to bottom,#08fe9633,#08fe9633,#08fe9633,#08fe9633,#08fe9633);
    backdrop-filter: blur(10px)
}

.modal {
    background-image: linear-gradient(to bottom,#08fe9633,#08fe9633,#08fe9633,#08fe9633,#08fe9633)!important;
    backdrop-filter: blur(10px)!important
}

.close {
    outline: 0!important
}

.forgot-password-back,.new-password-back {
    color: var(--colors-green-30) !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.408px
}

.forgot-password-btn,.forgot-password-btn:hover {
    background-color: var(--colors-green-30);
    padding: 10px 12px;
    border-radius: 10px;
    gap: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.408px;
    color: #fff;
    width: 50%
}

.forgot-modal-body,.invite-more,.no-fav {
    display: grid;
    text-align: center
}

.forgot-email-input {
    background: #fff;
    border: 1.5px solid var(--colors-green-30);
    border-radius: 10px;
    padding: 10px 0;
    outline: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #858585
}

.forgot-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #161616
}

#SignIn-modal .sign-up-left {
    min-width: 50%;
    margin-bottom: 30px
}

.signin-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex
}

.email-label-sign-in,.region-language {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #4e4e4e
}

.sign-in-title-text {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    letter-spacing: -.3px;
    color: #161616;
    margin-top: 20px
}

.forget-password {
    margin-bottom: 0
}

.continue-referral-btn,.continue-referral-btn:hover {
    margin-top: 30px;
    padding: 12px 16px;
    gap: 8px;
    color: #fff;
    background: var(--colors-green-30);
    border-radius: 10px;
    width: 270px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.408px
}

.referral-code-input {
    background: #fff;
    border: 1.5px solid var(--colors-green-30);
    border-radius: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #858585
}

#SignUpReferral {
    top: 80px;
    max-height: 350px
}

#referral_loader {
    height: 100%
}

.referral-code-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #161616;
    letter-spacing: -.3px
}

#new_password_modal .confirm-pwd-change-btn,.continue-favbrand-btn,.continue-username-btn {
    letter-spacing: -.408px;
    background-color: var(--colors-green-30);
    padding: 12px 16px;
    line-height: 20px;
    color: #fff!important
}

#createpassword .show-password {
    font-size: 20px;
    position: absolute;
    top: 25.5%;
    right: 2%;
    color: var(--colors-green-30)
}

.password-validation-msg {
    margin-bottom: 160px;
    text-align: left;
    display: flex;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #858585
}

#createpassword .password-input,.password-input {
    background: #fff;
    border: 1.5px solid var(--colors-green-30);
    border-radius: 10px
}

#add-moderator_modal .mdr_email-label,#add-moderator_modal .mdr_first_name-label,#add-moderator_modal .mdr_last_name-label,#createpassword .password-label,#edit-moderator_modal .mdr_uemail-label,#edit-moderator_modal .mdr_ufirst_name-label,#edit-moderator_modal .mdr_ulast_name-label,#edit_mobile_num .phone-label,#enter_mobile_num .phone-label,#enter_username_modal .mdr_email-label,#enter_username_modal .mdr_full_name-label,.password-label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #4e4e4e;
    display: flex;
    margin-bottom: 0
}

.account-link,.active-tab-link,.login-error,.wallet-link {
    font-size: 16px;
    line-height: 20px
}

#edit_mobile_num .phone-modal-body,#enter_mobile_num .phone-modal-body,.password-modal-body {
    text-align: center;
    display: grid;
    padding: 50px 80px
}

.login-error {
    color: red;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 400
}

.active-tab-link {
    font-weight: 500;
    height: 30px;
    margin: 10px 0;
    color: #161616!important
}

.account-link,.wallet-link {
    font-weight: 400;
    color: #858585;
    height: 30px;
    margin: 20px 0;
    cursor: pointer
}

.account-links-list {
    margin: 0 40px
}

.account-name {
    font-family: 'Euclid Circular A',sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    overflow-wrap: break-word
}

.account-side-nav .user-name a {
    margin-left: 10px
}

.account-side-nav {
    background: #fff;
    border-radius: 20px;
    padding: 32px 0;
    margin-top: 64px
}

.profile-acc-icon,.profile-acc-icon_side,.profile-acc-icon_top {
    margin-top: 7px;
    background: linear-gradient(157deg,#fc0 0, #27ef8a 33%, #4300cb 67%,#0cf 100%) border-box;
    padding: 1px;
    box-sizing: border-box;
    margin-left: 10px
}

.profile-acc-icon {
    height: 30px;
    border-radius: 30px
}

.profile-acc-icon span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 30px;
    background-color: #96f;
    color: #fff;
    margin: 0 auto
}

.prof-logo img {
    margin-top: 9px;
    height: 22px;
    width: 22px;
    font-size: 7px;
    margin-left: 14px;
    border-radius: 30px
}

.profilelogo-dropdown {
    background: linear-gradient(157deg,#fc0 0, #27ef8a 33%, #4300cb 67%,#0cf 100%) border-box;
    padding: 1px;
    border-radius: 30px
}

.account-nav-btn.ava,.orders-details,.person .ava {
    display: flex
}

.account-nav-btn.ava .profile-acc-icon_top,.person .ava .profile-acc-icon_side {
    border-radius: 40px
}

.account-nav-btn.ava .profile-acc-icon_top span,.person .ava .profile-acc-icon_side span {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    border-radius: 30px;
    background-color: #96f;
    color: #fff
}

#createpassword .password-validation-msg {
    text-align: left;
    display: flex;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #858585
}

#createpassword .password-modal-body,#enter_username_modal .enterusername-modal-body,#new_password_modal .enternewpwd-modal-body,#verify_fpw_email_code .verifyfpwcode-modal-body {
    text-align: center;
    display: grid;
    padding: 30px 80px
}

#edit_mobile_num .continue-login-btn,#enter_favbrand_modal .continue-favbrand-btn,#enter_mobile_num .continue-login-btn,#enter_username_modal .continue-username-btn,#new_password_modal .continue-username-btn,#verify_fpw_email_code .continue-login-btn,#verify_mobile_num .continue-login-btn {
    width: 50%
}

#edit_mobile_num .phone-validation-msg,#enter_mobile_num .phone-validation-msg,.edit-phone .phone-validation-msg {
    text-align: center;
    display: flex;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #5e5e5e
}

#edit_mobile_num .iti--allow-dropdown input,#edit_mobile_num .iti--allow-dropdown input[type=tel],#enter_mobile_num .iti--allow-dropdown input,#enter_mobile_num .iti--allow-dropdown input[type=tel] {
    background-color: #f3f3f3!important;
    width: 200px!important;
    padding-left: 15px!important
}

#edit_mobile_num .iti--allow-dropdown input:focus,#edit_mobile_num .iti--allow-dropdown input[type=tel]:focus,#edit_mobile_num .iti__selected-flag:focus,#enter_mobile_num .iti--allow-dropdown input:focus,#enter_mobile_num .iti--allow-dropdown input[type=tel]:focus,#enter_mobile_num .iti__selected-flag:focus,.edit-phone .iti--allow-dropdown input:focus,.edit-phone .iti--allow-dropdown input[type=tel]:focus {
    border: 1px solid var(--colors-green-30);
    outline: 0!important;
    box-shadow: 0 0 1px var(--colors-green-30)
}

#edit_mobile_num .iti--separate-dial-code .iti__selected-dial-code,#enter_mobile_num .iti--separate-dial-code .iti__selected-dial-code,.edit-phone .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 2px!important
}

#edit_mobile_num .iti--allow-dropdown .iti__flag-container,#edit_mobile_num .iti--separate-dial-code .iti__flag-container,#enter_mobile_num .iti--allow-dropdown .iti__flag-container,#enter_mobile_num .iti--separate-dial-code .iti__flag-container {
    left: -25px!important
}

#add-moderator_modal .mdr_email-input,#add-moderator_modal .mdr_first_name-input,#add-moderator_modal .mdr_last_name-input,#edit-moderator_modal .mdr_uemail-input,#edit-moderator_modal .mdr_ufirst_name-input,#edit-moderator_modal .mdr_ulast_name-input,#edit_mobile_num .phone-input,#enter_mobile_num .phone-input,#enter_username_modal .mdr_email-input,#enter_username_modal .mdr_full_name-input,#new_password_modal .fp_password,#new_password_modal .fp_password_confirm,#verify_fpw_email_code .phone-input,#verify_mobile_num .phone-input,.edit-phone .phone-input {
    background: #fff;
    border: 1.5px solid #eee;
    border-radius: 10px;
    height: 44px
}

#edit_mobile_num .phone-input:focus,#enter_mobile_num .phone-input:focus,.edit-phone .phone-input:focus {
    border: 1.5px solid var(--colors-green-30)
}

#verify_fpw_email_code .fpw-validation-msg,#verify_mobile_num .otp-validation-msg {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #5e5e5e
}

#verify_fpw_email_code .fpwverify-error,#verify_mobile_num .otpverify-error,.payout-failed {
    color: #ec2626
}

#verify_fpw_email_code .fpw-notif,#verify_mobile_num .otp-notif {
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #4e4e4e
}

#verify_mobile_num .otpverify-modal-body {
    text-align: center;
    display: grid;
    padding: 30px 40px
}

#verify_fpw_email_code form .input-field,#verify_mobile_num form .input-field {
    flex-direction: row;
    column-gap: 10px
}

#verify_fpw_email_code .input-field input,#verify_mobile_num .input-field input {
    height: 45px;
    width: 50px;
    border-radius: 6px;
    outline: 0;
    font-size: 1.125rem;
    text-align: center;
    border: 1px solid #ddd
}

#verify_fpw_email_code .input-field input:focus,#verify_mobile_num .input-field input:focus {
    box-shadow: 0 1px 0 var(--colors-green-30);
    border: 1px solid var(--colors-green-30)
}

#verify_mobile_num .input-field input::-webkit-inner-spin-button,#verify_mobile_num .input-field input::-webkit-outer-spin-button {
    display: none
}

#verify_fpw_email_code #fpw-validation-msg button,#verify_mobile_num #otp-validation-msg button {
    text-decoration: none
}

#verify_fpw_email_code .input-field input::-webkit-inner-spin-button,#verify_fpw_email_code .input-field input::-webkit-outer-spin-button {
    display: none
}

#new_password_modal .newpassword-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #4e4e4e;
    display: flex;
    margin-bottom: 0
}

#new_password_modal .fp_password_note {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #646464
}

#new_password_modal .form-field .label {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #4e4e4e;
    text-align: left
}

#new_password_modal .confirm-pwd-change-btn,.continue-username-btn {
    font-weight: 500;
    font-size: 16px;
    gap: 8px;
    border-radius: 10px;
    min-width: 250px
}

#enter_regionlang_modal .form-field-radio,#enter_username_modal .form-field,#new_password_modal .form-field,.account-location .form-field-radio {
    margin: 15px 0
}

#enter_favbrand_modal .modal-dialog {
    width: 80%;
    max-width: 816px!important
}

#enter_favbrand_modal .list-brands {
    background-color: #fbfbfb63
}

#enter_favbrand_modal #brands-results,#enter_favbrand_modal #stored-brands {
    overflow-y: auto;
    min-height: 220px;
    max-height: 240px
}

#enter_favbrand_modal #brands-results .brands-item,#enter_favbrand_modal #stored-brands .brands-item {
    display: -ms-flexbox!important;
    display: inline-flex!important;
    justify-content: center;
    margin: 11px;
    height: 90px;
    width: 90px;
    border: 1px solid #f3f3f3;
    box-shadow: 0 8px 8px rgba(0,0,0,.04);
    float: left;
    border-radius: 100px
}

.brands-item.active {
    background: linear-gradient(157deg,#fc0 0, #27ef8a 33%, #4300cb 67%,#0cf 100%)
}

#enter_favbrand_modal #brands-results .brands-item span,#enter_favbrand_modal #stored-brands .brands-item span {
    display: inline-flex!important
}

#enter_favbrand_modal #brands-results .brands-item .gradient-box,#enter_favbrand_modal #stored-brands .brands-item .gradient-box {
    display: flex;
    box-sizing: border-box;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 90px;
    padding: 0 2px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    height: 88px;
    width: 88px
}

#enter_favbrand_modal #brands-results .brands-item span img,#enter_favbrand_modal #stored-brands .brands-item span img {
    padding: 38px 0 23px;
    display: block;
    width: auto;
    overflow-y: auto;
    height: 88px;
    top: -10%;
    position: absolute
}

#enter_favbrand_modal #search-result {
    min-height: 250px
}

#enter_favbrand_modal #no-results,#video-how-cashback-work .md-stepper-horizontal :first-child .md-step-bar,.custom-radios input[type=radio],.nav-account-board_mobile,.tabs-content li {
    display: none
}

#enter_favbrand_modal #search-brand .active-pink input[type=search],#enter_favbrand_modal #search-brand .active-pink input[type=search]:focus:not([readonly]) {
    border: 1px solid var(--colors-green-10-light);
    box-shadow: 0 0 0 1px var(--colors-green-10-light)
}

#enter_favbrand_modal .favbrand-modal-body {
    text-align: center;
    padding: 0 40px
}

.continue-favbrand-btn {
    font-weight: 500;
    font-size: 16px;
    gap: 8px;
    border-radius: 10px
}

#merchant-detected_modal .merchantdetected-title,#merchant-terms-conditions_modal .merchanttermsconditions-modal-body .merchantdetected-title {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #161616
}

#merchant-detected_modal .merchantdetected-modal-body,#merchant-terms-conditions_modal .merchanttermsconditions-modal-body {
    text-align: left;
    padding: 0 40px
}

#merchant-terms-conditions_modal .modal-dialog {
    max-width: 700px
}

.custom-radios .field-radio {
    display: inline-block
}

.custom-radios input[type=radio]+label {
    color: #333;
    font-family: Arial,sans-serif;
    font-size: 14px;
    width: 24px;
    height: 24px
}

.custom-radios input[type=radio]+label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #fff;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center
}

.custom-radios input[type=radio]+label span img {
    opacity: 0;
    transition: .3s
}

.custom-radios input[type=radio].check-pink+label span {
    background-color: #fff;
    border: 1px solid #c2c2c261
}

.custom-radios input[type=radio]:checked+label span img {
    opacity: 1
}

.account-location .custom-radios input[type=radio] {
    opacity: 0;
    position: absolute;
    z-index: 6;
    width: 26px;
    height: 26px;
    cursor: pointer;
    display: block
}

.account-location .custom-radios input[type=radio]+label {
    color: #333;
    font-family: Arial,sans-serif;
    font-size: 14px;
    width: 26px;
    height: 26px
}

.language-field-radio input[type=radio] {
    accent-color: var(--colors-green-30);
    width: 24px;
    height: 24px
}

.language-field-radio .label-ar,label.label-ar {
    font-family: 'Janna LT',Cairo,sans-serif
}

input.verifinput.wrong {
    border: 1px solid #ec2626!important;
    color: #000!important;
    background-color: #ffeded!important
}

.brands_loading .custom-loader,.earn-cashback-carousel .item img {
    margin: auto
}

.custom-loader {
    width: 48px;
    height: 48px;
    background: var(--colors-green-30);
    border-radius: 9px;
    --c: radial-gradient(farthest-side, #000 92%, #0000);
    --s: 18px 18px;
    -webkit-mask: var(--c) left 4px top 4px,var(--c) right 4px top 4px,var(--c) right 4px bottom 4px,var(--c) left 4px bottom 4px,linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-repeat: no-repeat;
    animation: 1.5s infinite cu4
}

@keyframes cu4 {
    0%,100% {
        -webkit-mask-size: 0 0,0 0,0 0,0 0,auto
    }

    12.5% {
        -webkit-mask-size: var(--s),0 0,0 0,0 0,auto
    }

    25% {
        -webkit-mask-size: var(--s),var(--s),0 0,0 0,auto
    }

    37.5% {
        -webkit-mask-size: var(--s),var(--s),var(--s),0 0,auto
    }

    50% {
        -webkit-mask-size: var(--s),var(--s),var(--s),var(--s),auto
    }

    62.5% {
        -webkit-mask-size: 0 0,var(--s),var(--s),var(--s),auto
    }

    75% {
        -webkit-mask-size: 0 0,0 0,var(--s),var(--s),auto
    }

    87.5% {
        -webkit-mask-size: 0 0,0 0,0 0,var(--s),auto
    }
}

input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea {
    font-family: "Haas Grot Text R Web","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 10px 16px;
    border-radius: 8px;
    outline: 0;
    background-color: #f3f3f4;
    color: #0d0c22;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.wallet-form {
    margin-right: 100px
}

.account-contact-support .contact-support-submit,.wallet-submit {
    background-color: var(--colors-green-30)!important;
    color: #fff!important;
    margin-bottom: 20px;
    border-radius: 10px!important;
    width: 120px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.408px
}

.account-contact-support .contact-support-text,.wallet-text {
    min-height: 100px;
    border: none;
    outline: 0;
    background-color: #f3f3f3;
    border-radius: 10px;
    padding: 12px 10px;
    color: #858585;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.wallet-input {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    background-color: #f3f3f3!important;
    border-radius: 10px!important;
    border: none!important;
    outline: 0!important;
    color: #4e4e4e;
    padding: 15px 10px!important
}

.account-contact-support .select-contact-topic,.select-wallet-topic {
    padding: 10px 3px 10px 15px;
    border-radius: 10px;
    border: none;
    outline: 0;
    border-right: 10px solid transparent;
    background: #f3f3f3;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #858585
}

#AccountContent .edit-profile-title_a,.wallet-support-title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #161616;
    margin-bottom: 30px
}

.payout-amount {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #161616
}

.payout-status-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px
}

.payout-completed {
    color: #12b035
}

.payout-processing {
    color: #fc0
}

#video-how-cashback-work .text-purple,.achieved,.app-link,.app-link:hover,.payout-created {
    color: var(--colors-blue-30);
}

.order-cashback-stars {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #161616;
    margin-top: 1px;
    align-items: center
}

.order-cashback-status-canceled,.order-cashback-status-pending,.order-cashback-status-success {
    font-weight: 500;
    font-size: 10px;
    line-height: 13px
}

.orders-content::-webkit-scrollbar {
    width: 4px
}

.orders-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ececec
}

.order-store-logo,.order-store-logo-reward {
    background: #fff;
    height: 42px;
    width: 42px;
    box-shadow: 0 8px 8px rgb(0 0 0 / 4%)
}

.orders-content::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    outline: #D0D0D0 solid 1px
}

.order-cashback-status-pending {
    color: #858585
}

.order-cashback-status-canceled {
    color: #ec2626
}

.order-cashback-status-success {
    color: #12b035
}

.order-cashback-amount-canceled,.order-cashback-amount-pending,.order-cashback-amount-success {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px
}

.order-cashback-amount-pending {
    color: #858585
}

.order-cashback-amount-canceled {
    color: #ec2626
}

.order-cashback-amount-success {
    color: #12b035
}

.order-cashback {
    display: grid;
    text-align: right;
    margin-right: 30px
}

.order-store-amount {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.order-store-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #161616
}

.order-store-details {
    display: grid;
    margin-left: 10px
}

.order-store-logo-img {
    padding: 11px 10px 15px
}

.order-store-logo {
    display: flex;
    justify-content: center;
    border: 1px solid #f3f3f3;
    border-radius: 50px
}

.order-store-logo-reward {
    display: flex;
    justify-content: center;
    border-radius: 50px
}

.orders-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 60px;
    color: #161616
}

.no-orders-text {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #858585;
    max-width: 300px;
    margin: auto
}

.no-orders-title {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #161616
}

.how-data-left,.how-data-right {
    display: flex;
    align-content: space-around;
    flex-direction: column;
    justify-content: center;
    text-align: left
}

.how-data-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: .12px;
    color: #000
}

.how-data-text {
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
    letter-spacing: .12px;
    color: #4e4e4e
}

.how-withdraw {
    margin-top: 50px;
    padding: 20px 35px
}

.how-with-draw {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: var(--colors-blue-30);
    letter-spacing: -.408px;
    margin-top: 40px
}

.warning-text {
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #4e4e4e;
    margin-left: 10px
}

.life-time-warning {
    width: 90%;
    align-items: flex-start;
    display: flex;
    padding: 10px 15px;
    background-color: var(--colors-blue-10);
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    border: 1px solid var(--colors-blue-30)
}

.earn-amount {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -.3px;
    margin-top: 10px
}

.earn-bonuses-item {
    margin-bottom: 40px!important;
    padding-top: 8px;
    padding-bottom: 5px;
    display: grid;
    min-height: 160px;
    width: 134px;
    margin-top: 30px
}

.earn-bonuses-item .box-item {
    width: 134px;
    border: 1.5px solid #ececec;
    box-shadow: 0 6px 11px rgba(0,0,0,.06);
    border-radius: 24px;
    background: linear-gradient(0deg,#f2ecff,#f2ecff),linear-gradient(0deg,#f6f6ff,#f6f6ff)
}

.earn-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 5px;
    min-height: 70px;
    max-height: 70px;
    color: var(--colors-gray);
}

.earning-details {
    margin-top: 20px;
    justify-content: space-around
}

.life-time-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #161616
}

.balance-info-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #858585
}

.balances-info {
    margin: auto;
    background-color: var(--colors-green-10-light);
    padding: 12px 16px;
    border-radius: 8px;
    gap: 8px
}

.no-fav-title,.yajny-plus-list-hidden-desk span {
    margin-bottom: 5px
}

.pending-balance-amount {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #858585;
    margin-left: 3px;
    position: absolute;
    right: -20px
}

.pending-balance-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #858585;
    margin-left: 3px
}

.confirmed-balance-amount {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #161616;
    position: absolute;
    right: -20px
}

.balances {
    margin-left: 10px;
    width: 100%
}

.confirmed-balance-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #161616;
    margin-left: 3px
}

.wallet-balance-first-element {
    padding: 30px 60px;
    display: flex
}

.balance-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-top: -52px
}

.circle-wrap .inside-circle {
    display: grid;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #fff;
    line-height: 30px;
    text-align: center;
    margin-top: 10px;
    margin-left: 10px;
    position: absolute;
    z-index: 100;
    font-weight: 700;
    font-size: 2em;
    padding-top: 50px
}

@keyframes fill {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(37deg)
    }
}

.circle-wrap .circle .mask {
    clip: rect(0,150px,150px,75px)
}

.circle-wrap .circle .fill,.circle-wrap .circle .mask {
    width: 150px;
    height: 150px;
    position: absolute;
    border-radius: 50%
}

.circle-wrap {
    width: 150px;
    height: 150px;
    background: var(--colors-green-30);
    border-radius: 50%
}

#wallet-balance,#wallet-cashouts,#wallet-orders,#wallet-rewards,#wallet-support {
    padding: 36px;
    background: #fff;
    border-radius: 20px
}

.no-notif-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    color: #161616
}

.no-fav-text,.no-notif-text {
    color: #858585;
    font-weight: 400
}

.no-notif-text {
    font-size: 14px;
    line-height: 18px
}

.no-notif {
    min-height: 360px;
    display: grid;
    text-align: center;
    justify-content: space-around;
    align-content: center
}

#go-back-title {
    position: relative;
    margin-left: -30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px
}

#AccountContent .edit {
    margin: 0 0 16px;
    padding: 25px;
    background: #fff;
    border-radius: 20px
}

.no-fav-text {
    font-size: 13px;
    line-height: 16px
}

.no-fav-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #161616
}

.save-language-location,.save-language-location-save {
    font-weight: 600!important;
    font-size: 16px!important;
    line-height: 20px!important;
    letter-spacing: -.408px!important;
    border-radius: 10px!important
}

.edit-profile .save-profile-btn {
    color: #fff!important;
    background-color: var(--colors-green-30)!important;
    position: relative;
    margin-right: 150px;
    border-radius: 10px!important
}

.account-go-back {
    float: left;
    margin-left: 36px;
    margin-top: 2px
}

.goBackLink {
    padding-top: 14px;
    width: 100%;
    position: fixed;
    top: 100px;
    background-color: #fff;
    margin-bottom: 38px;
    left: 0;
    height: 50px;
    text-align: center;
    z-index: 9
}

.carousel-image-notif {
    padding: 5px 10px 22px
}

.history-time {
    width: 100px;
    text-align: right;
    margin-top: -20px
}

.save-language-location {
    color: #fff!important;
    background-color: var(--colors-green-30)!important;
    width: 90px!important
}

.save-language-location-save {
    color: #fff!important;
    background-color: var(--colors-green-30)!important;
    width: 165px!important
}

.active-wallet-link,.wallet-link a.active {
    color: #161616!important
}

.favorite-brand-profile {
    border-right: none!important;
    border-bottom: .5px solid #f3f3f3
}

.account-location .country-border {
    border-bottom: 1px solid #ececec
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff!important;
    top: 6px!important;
    left: -27px!important;
    width: 20.5px!important;
    height: 20.5px!important;
    border-radius: 30px!important
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    height: 25px;
    border: 1px solid var(--colors-green-30)!important;
    padding: 1px!important;
    background-color: var(--colors-green-30)!important;
    width: 44px!important
}

.custom-switch .custom-control-label::before {
    background-color: #ececec!important;
    border: 1px solid #ececec!important;
    height: 25px!important;
    border-radius: 100px!important;
    width: 44px!important;
    outline: 0!important
}

.custom-switch .custom-control-label::after {
    top: 6px!important;
    left: -33px!important;
    width: 20.5px!important;
    height: 20.5px!important;
    border-radius: 30px!important;
    background-color: #fff!important
}

.account-notification .activate-notif {
    position: absolute;
    right: 0;
    text-align: end
}

.edit-phone .edit-phone-btn,.edit-profile .cancel-profile-btn,.edit-profile .edit-profile-btn {
    position: relative;
    border-radius: 10px!important
}

.account-subscription .save-preferences {
    padding: 6px 12px;
    background-color: var(--colors-green-30)!important;
    color: #fff!important;
    outline: 0!important;
    border-radius: 10px!important;
    border: none!important;
    width: 170px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.408px
}

.account-subscription .subscription-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: #858585
}

.account-terms-conditions .terms-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: justify!important;
    color: #000
}

.account-contact-support option:hover {
    background-color: red!important
}

.account-contact-support .contact-support-form {
    max-width: 525px
}

.edit-phone .edit-phone-btn {
    background-color: var(--colors-green-30)!important;
    color: #fff!important;
    padding: 6px 12px;
    margin-right: 150px
}

.edit-phone .iti--allow-dropdown input,.edit-phone .iti--allow-dropdown input[type=tel] {
    background-color: #f3f3f3!important;
    width: auto
}

.edit-phone .iti__selected-flag:focus {
    outline: 0!important
}

.edit-phone .iti--allow-dropdown .iti__flag-container,.edit-phone .iti--separate-dial-code .iti__flag-container {
    left: 0!important
}

.edit-password .password-shadow {
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    letter-spacing: 5px;
    color: #4e4e4e
}

.edit-profile .edit-profile-btn {
    float: right;
    color: #fff!important;
    background-color: var(--colors-green-30)!important;
    margin-right: 150px
}

.edit-profile .cancel-profile-btn {
    float: right;
    color: #000!important;
    background-color: #fff!important;
    margin: 0 10px;
    border: 1.5px solid #ececec
}

.edit-profile .email-profile-input {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    background-color: #f3f3f3!important;
    border-radius: 10px!important;
    border: none!important;
    outline: 0!important;
    color: #4e4e4e;
    width: 87%;
    padding: 15px 10px!important
}

#AccountContent .edit-profile-title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    color: #161616;
    margin-bottom: 30px
}

.edit-profile .first-name,.edit-profile .last-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin-bottom: 3px
}

.edit-profile .first-name-input,.edit-profile .last-name-input {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    background-color: #f3f3f3!important;
    border-radius: 10px!important;
    border: none!important;
    outline: 0!important;
    color: #4e4e4e;
    padding: 15px 13px!important
}

.account-location input[type=radio],.account-subscription input[type=radio],.edit-profile input[type=radio] {
    accent-color: var(--colors-green-30);
    width: 20px;
    height: 20px
}

.account-subscription input[type=checkbox],.edit-profile input[type=checkbox] {
    accent-color: var(--colors-green-30);
    width: 20px;
    height: 20px;
    border-radius: 5px
}

.account-subscription label.form-check-label,.edit-profile label.form-check-label {
    line-height: 35px;
    padding-left: 15px
}

.wallet-link a {
    align-items: center;
    color: #858585
}

.wallet-link img {
    margin-right: 5px
}

.wallet-link a.active {
    align-items: center
}

.wallet-side-links {
    padding: 17px 25px
}

.wallet-title-part {
    padding: 17px 35px;
    border-bottom: 1px solid #dee2e6!important
}

.wallet-side {
    padding: 20px 0;
    border-radius: 20px;
    background-color: #fff
}

.wallet-sidenav .nav-sidebar a {
    color: #858585
}

#terms_and_condition_section,.wallet-page-content {
    background-color: #f7f7ff
}

.heart-icon {
    vertical-align: initial;
    margin-right: 4px
}

#topheader {
    padding-top: 5px!important;
    margin-bottom: 0!important
}

.header_download,.header_download:active,.header_download:after,.header_download:focus,.header_download:hover {
    padding: 9px 18px;
    color: var(--colors-green-30);
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    border-radius: 10px;
    background-color: #fff;
    border: none
}

.share_earn-modal-body {
    padding: 20px 30px
}

.share_earn-modal-body .item .img-logo {
    width: 80px;
    height: 80px;
    background: #e8f5fe;
    border-radius: 80px;
    margin: 0 auto;
    flex: none;
    flex-grow: 0;
    display: flex;
    justify-content: center
}

.share_earn-modal-body .item .img-logo img {
    width: 36px
}

.share_earn-modal-body .item .title {
    width: 80px;
    height: 35px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    margin: 0 auto
}

.badge_ismerchante {
    right: 15px;
    text-align: end
}

.profile-account-icon {
    height: 100px;
    text-align: center;
    font-size: 32px;
    background-color: #96f;
    position: absolute;
    color: #fff;
    margin-left: -51px;
    border-radius: 53px;
    font-weight: 700;
    width: 102px;
    align-content: center;
    justify-content: center;
    justify-items: right;
    line-height: 98px
}

.account-user-icon {
    height: 104px;
    text-align: center;
    width: 106px;
    margin-left: 66px;
    position: absolute;
    margin-top: -92px;
    margin-bottom: 30px;
    padding-top: 2px;
    border-radius: 52px;
    background: linear-gradient(140deg,#fc0,var(--colors-green-30),#96f,#0cf)
}

.account-user-image {
    border-radius: 73px;
    height: 98%;
    width: 96%;
    margin-left: .5px
}

#Coupon-code #copie-img:focus,.logo-div {
    width: 30px
}

#store-slide-section .store-carousel .related-item .carousel-image {
    padding: 12%;
    width: 100%
}

#store-slide-section .store-carousel .brand {
    border-right: .5px solid #f3f3f3;
    height: 100px;
    align-items: center
}

.logo-div {
    background-color: #fff;
    height: 31px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #f3f3f3;
    box-shadow: 0 8px 8px rgba(0,0,0,.04)
}

.coupon-numbers {
    border-radius: 3px;
    margin-right: auto;
    margin-left: auto;
    height: 24px;
    width: 24px;
    background-color: #fc0
}

.coupon-code-btn,.coupon-code-btn-mobile {
    width: auto;
    display: block;
    color: red;
    text-align: center;
    outline: 0;
    margin-right: auto
}

.coupon-code-btn {
    padding: 12px 24px;
    background-color: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,.05)
}

.coupon-code-btn-mobile {
    position: absolute;
    right: 0;
    margin-top: 0;
    padding: 6px 12px;
    background-color: #fff;
    border: none;
    box-shadow: 0 5px 12px rgba(0,0,0,.15);
    border-radius: 10px
}

.coupon-details-text,.coupon-store-name {
    color: #161616;
    font-weight: 400;
    font-size: 16px
}

.coupon-details-text {
    line-height: 120%
}

.coupon-store-name {
    line-height: 20px
}

.coupon-store-number {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #0cf
}

.coupon-store-img,.yajny-plus-img {
    width: 60%
}

.top-coupon {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 15px;
    width: 17%;
    min-width: 200px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,.05);
    border-radius: 20px;
    text-align: center
}

.ads-slide-content:before {
    height: 100%;
    background-color: #fff;
    width: 35px;
    left: -5px;
    position: absolute;
    top: 0;
    z-index: 2
}

.ads-slide-content:after {
    height: 100%;
    background-color: #fff;
    width: 35px;
    right: -5px;
    position: absolute;
    top: 0;
    z-index: 2
}

.ads-slide-content .owl-stage .owl-item .item {
    height: 100%;
    border-radius: 15px;
    max-height: 350px
}

.slide_item_content {
    position: relative;
    height: 100%
}

.slide_item_content .btn_ads_catregory {
    position: absolute;
    top: -15px;
    left: 13px;
    width: auto;
    padding: 0;
    height: 30px;
    line-height: 22px;
    font-size: 14px;
    border-radius: 10px;
    text-align: center;
    z-index: 10
}

.slide_item_content .btn_ads_catregory .gradient-box {
    display: flex;
    box-sizing: border-box;
    background-color: #fff;
    background-clip: padding-box;
    border: 4px solid transparent;
    border-radius: 7px;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 500
}

.slide_item_content .btn_ads_catregory .gradient-box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: 2px;
    border-radius: 5px;
    background: #9a66ff
}

.ads-slide-content .btn_ads_action {
    position: absolute;
    bottom: -17px;
    right: 5%;
    width: auto;
    padding: 8px 20px;
    background-color: #fff;
    border-radius: 10px;
    border: none;
    box-shadow: 0 4px 12px rgba(0,0,0,.05);
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -.408px
}

.ads-slide-content .btn_ads_action span {
    background: #9a66ff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.slide_item_content .ads_content_bg_img .store_logo {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 70px;
    height: 70px;
    border-radius: 40px;
    background-color: #fff
}

.slide_item_content .ads_content_bg_img .store_logo img {
    padding: 40% 10%
}

.slide_item_content .ads_content_bg_img,.slide_item_content .ads_content_bg_img .img-baner {
    border-radius: 15px;
    display: block;
    width: 100%;
    height: 100%!important
}

.ads-slide-content .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 0
}

.ads-slide-content .owl-nav {
    position: absolute;
    top: 45%;
    width: 100%
}

.ads-slide-content .owl-nav button {
    top: 50%;
    background-color: red;
    color: #fff;
    margin: 0;
    transition: .3s ease-in-out;
    position: absolute;
    transform: translateY(-50%)
}

#download-app-section .download-btn {
    padding: 12px 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.408px;
    color: var(--colors-blue-30);
    background-color: #fff;
    border-radius: 10px
}

.earn-instruction-steps {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #4e4e4e
}

.earn-instruction-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000
}

.reward-amount {
    color: var(--colors-blue-30);
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.star-icon {
    width: 12px!important
}

.earn-images {
    width: 60px!important;
    margin: -25px auto 0
}

.earn-owl-carousel {
    margin-bottom: 20px
}

#join-for-free .join {
    margin-top: 130px;
    margin-bottom: 120px;
    text-align: center;
    display: grid
}

#join-for-free .join-title {
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 40px;
    line-height: 51px;
    color: var(--colors-green-30);
    letter-spacing: -.408px
}

#join-for-free .join-text {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -.408px;
    color: #858585;
    max-width: 570px
}

#join-for-free .join-btn {
    margin: 15px auto;
    background-color: var(--colors-green-30);
    color: #fff;
    padding: 13px 28px;
    font-weight: 500;
    font-size: 20px;
    gap: 10px;
    line-height: 25px;
    max-width: 181px;
    border-radius: 10px;
    border: none;
    outline: 0
}

#add-moderator_modal .addmoderator-modal-body,#edit-moderator_modal .editmoderator-modal-body {
    text-align: left;
    padding: 30px 80px
}

.enternewpwd-modal-body .show-password,.enternewpwd-modal-body .show-password_confirm {
    position: absolute;
    right: 10px;
    top: 10px
}

#password_confirm-validation-msg {
    padding: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #ec2626
}

#Coupon-code .coupon-code-shop-btn,.media-buyer-coupon .coupon-code-shop-btn {
    width: 210px;
    background-color: var(--colors-green-30)!important;
    color: #fff!important;
    padding: 10px 30px!important;
    border-radius: 10px!important;
    margin: 10px auto 30px;
    font-weight: 600!important;
    font-size: 16px!important;
    line-height: 15px!important
}

#Coupon-code .copy-shop span{
    color: var(--neutral-white-100, #FFF);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Euclid Circular A;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.408px;
}
#Coupon-code .copy-shop{
    border-radius: 0px 16px 16px 0px;
    width: 55%;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: var(--colors-green-40);
}
#Coupon-code .coupon-modal-code{
    border-radius:16px 0px 0px 16px;
    background: #F6F6FF;
    border: 2px dashed var(--colors-green-40);

    border-right: none;
    width: 45%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}
.coupon-modaloffer-title{
    margin-top: 15px;
    color: var(--neutral-black-50, #858585);
    text-align: center;
}
#storetitle{
    max-width: 312px!important;
}
#promotext {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    max-width: 460px;
    margin: auto;
    color: #000;
    text-align: center;

}
#Coupon-code #copie-img {
    float: right;
    width: 35px
}

#Coupon-code #code {
    font-weight: 500;
    font-size: 18px;
    color: var(--colors-green-30)
}

#Coupon-code .coupon-md {
    max-width: 816px!important
}

#Coupon-code #coupon-code-div {
    width: 60%;
    border-radius: 16px;
    margin: 0px auto 25px;
    height: 50px;
}

#Coupon-code #st-name {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    margin-top: 12px
}

#Coupon-code #storelogo {
    margin: auto;
    max-width: 270px
}

#Coupon-code .coupon-modal {
    padding: 16px 47px;
    display: grid;
    text-align: center
}

#menu-filter .card.active,#menu-filter .item {
    padding: 4px 14px;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    text-align: center
}

#Coupon-code #storetitle {
    text-align: center;

    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    max-width: 460px;
    margin: auto;
    color: #000
}

.cashback-all-stores-text,.coupon-all-stores-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #858585
}

.coupon-all-stores-percent {
    color: #0cf;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px
}

.cashback-all-stores-percent {
    color: var(--colors-blue-30);
    font-weight: 700;
    font-size: 16px;
    line-height: 20px
}

.add-to-fav {
    position: absolute;
    right: 20px
}

.cashback-store-icon {
    background: #fff;
    border: 1px solid #f3f3f3;
    box-shadow: 0 8px 8px rgba(0,0,0,.04);
    text-align: center;
    padding: 25px 4px;
    width: 86px;
    border-radius: 65%;
    height: 80px
}

.cashback-all-stores-title {
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 600;
    font-size: 32px;
    line-height: 41px;
    color: #161616
}

.store_detail {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 15px
}

.store-name {
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #161616
}

#menu-filter .item {
    border: 1.5px solid #d0d0d0;
    border-radius: 20px;
    background-color: #f3f3f3
}

#menu-filter .card.active {
    border: 1.5px solid var(--colors-green-30);
    border-radius: 20px;
    background-color: var(--colors-green-30);
    color: #fff
}

.add-extension-btn,.add-extension-btn:active,.add-extension-btn:after,.add-extension-btn:focus,.add-extension-btn:hover {
    color: #fff;
    background: var(--colors-blue-30);
    border-radius: 10px;
    padding: 10px 24px;
    border: none;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: auto;
    margin-left: 110px
}

.browser-text {
    margin-left: 20px;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: var(--colors-blue-30);
    margin-top: auto;
    margin-bottom: auto
}

.browser-icon {
    padding-right: 8px;
    height: 32px;
    width: 32px;
    margin-top: -2px
}

.browsers-list {
    padding-right: 30px;
    height: 25px;
    margin-top: auto;
    margin-bottom: auto;
    border-right: 1px solid var(--colors-blue-30)
}

.add-browser-extension {
    position: fixed;
    bottom: 0;
    z-index: 999999999;
    background: #fafaff;
    box-shadow: 0 -2px 0 rgba(0,0,0,.05);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    adding-top: 5px;
    padding-bottom: 5px;
    min-height: 60px
}

#about_section .accordion_faqs .card .card-header h3.card-title,#about_stores_section .accordion_faqs .card .card-header h3.card-title,#refering_friend_section .accordion_faqs .card .card-header h3.card-title,.card-title {
    text-align: left!important;
    font-family: 'Euclid Circular A',sans-serif;
    font-style: normal;
    font-weight: 700!important;
    font-size: 18px!important;
    line-height: 24px!important;
    color: #4e4e4e
}

#about_section .accordion_faqs .card .card-header .card-body,#refering_friend_section .accordion_faqs .card .card-header .card-body,.gender_title {
    font-size: 16px;
    font-weight: 400
}

#about_section .faqs_contnt h1,#about_stores_section .faqs_contnt h1,#refering_friend_section .faqs_contnt h1 {
    font-size: 40px;
    font-weight: 700
}

#about_section .faqs_contnt h2,#about_stores_section .faqs_contnt h2,#refering_friend_section .faqs_contnt h2 {
    font-size: 24px;
    font-weight: 400
}

#about_section .rtl .accordion_faqs .card .card-header h3.card-title,#about_section .rtl .card-body p,#about_section .rtl .card-title,#about_section .rtl .faqs_contnt h1,#about_section .rtl .faqs_contnt h2,#about_stores_section .rtl .accordion_faqs .card .card-header h3.card-title,#about_stores_section .rtl .card-body p,#about_stores_section .rtl .card-title,#about_stores_section .rtl .faqs_contnt h1,#about_stores_section .rtl .faqs_contnt h2,#refering_friend_section .rtl .accordion_faqs .card .card-header h3.card-title,#refering_friend_section .rtl .card-body p,#refering_friend_section .rtl .card-title,#refering_friend_section .rtl .faqs_contnt h1,#refering_friend_section .rtl .faqs_contnt h2 {
    text-align: right!important;
    font-family: Cairo,sans-serif
}

#about_section .ltr .accordion_faqs .card .card-header h3.card-title,#about_section .ltr .card-body p,#about_section .ltr .card-title,#about_section .ltr .faqs_contnt h1,#about_section .ltr .faqs_contnt h2,#about_stores_section .ltr .accordion_faqs .card .card-header h3.card-title,#about_stores_section .ltr .card-title,#about_stores_section .ltr .faqs_contnt h1,#about_stores_section .ltr .faqs_contnt h2,#refering_friend_section .ltr .accordion_faqs .card .card-header h3.card-title,#refering_friend_section .ltr .card-body p,#refering_friend_section .ltr .card-title,#refering_friend_section .ltr .faqs_contnt h1,#refering_friend_section .ltr .faqs_contnt h2 {
    text-align: left!important;
    font-weight: 500!important
}

#about_section .ltr .card-body p,#about_stores_section .ltr .card-body p,#refering_friend_section .ltr .card-body p {
    font-weight: 400!important
}

#about_section .card-body,#refering_friend_section .card-body {
    margin-top: 15px!important;
    background: #fff!important;
    box-shadow: 0 7px 20px rgba(0,0,0,.07)!important;
    border-radius: 5px!important
}

#about_section .card-title i.fa,#about_stores_section .card-title i.fa,#refering_friend_section .card-title i.fa {
    font: 14px/1 FontAwesome!important;
    color:var(--colors-green-30)
}

#about_section .accordion_faqs .card .card-header .card-title,#about_stores_section .accordion_faqs .card .card-header .card-title,#refering_friend_section .accordion_faqs .card .card-header .card-title {
    margin: 16px
}

#about_section h3.card-title,#about_stores_section h3.card-title,#refering_friend_section h3.card-title {
    margin: 10px auto!important
}

#about_section .card,#about_stores_section .card,#refering_friend_section .card {
    border: none!important;
    margin-top: 16px
}

#about_section .card .card-header,#about_stores_section .card .card-header,#refering_friend_section .card .card-header {
    border: none!important;
    background: #f3f3f3;
    border-radius: 5px!important;
    box-shadow: 0 7px 10px rgba(0,0,0,.07);
    gap: 18px
}

#about_section .card-header.collapsed {
    padding: .75rem 1.25rem!important;
    margin-bottom: 0!important;
    background-color: rgba(0,0,0,.03)!important;
    border-bottom: 1px solid rgba(0,0,0,.125)!important
}

#about_section [data-toggle=collapse] .fa:before,#about_stores_section [data-toggle=collapse] .fa:before {
    content: "\f068";
    color: #5a5a5a
}

#about_section [data-toggle=collapse].collapsed .fa:before,#about_stores_section [data-toggle=collapse].collapsed .fa:before {
    content: "\f067";
    color: var(--colors-green-30)
}

#about_stores_section .accordion_faqs .card .card-header .card-body {
    font-size: 16px;
    font-weight: 400!important
}

#about_stores_section .card-body {
    margin-top: 15px!important;
    background: #fff!important;
    box-shadow: 0 7px 10px rgba(0,0,0,.07)!important;
    border-radius: 5px!important
}

#activate-m-notif,#activate-notif {
    width: 65px;
    height: 35px;
    cursor: pointer
}

#wallet-orders .order-details .order-store-logo,.favorite-brand-profile .carousel-div-img {
    justify-content: center;
    height: 70px!important;
    width: 70px!important;
    border: 1px solid #f3f3f3;
    box-shadow: 0 8px 8px rgba(0,0,0,.04);
    border-radius: 70px;
    padding: 10px!important;
    flex: none;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

.moderator-table table th:first-child {
    border-radius: 15px 0 0 15px
}

.moderator-table table th:last-child {
    border-radius: 0 15px 15px 0
}

.moderator-table .table td {
    border-bottom: 1px solid #dee2e6;
    border-top: none;
    padding: .5rem;
    position: relative
}

.moderator-table .table tr td::after {
    content: '';
    width: 2px;
    height: 50px;
    border: 1px solid #eee;
    float: right;
    top: 25%;
    right: 0;
    position: absolute
}

.moderator-table table td:last-child::after {
    content: '';
    width: 0;
    height: 0;
    border: none;
    float: right
}

.moderator-table table th {
    border: none;
    background-color: #f7f7f9
}

.moderator-table .dropdown-menu.show {
    display: block;
    border-radius: 10px
}

.checked-icon {
    margin-top: -5px;
    margin-left: -1px
}

.gender_title {
    line-height: 30px;
    color: #161616
}

.circle-wrap .circle .mask .fill {
    clip: rect(0,75px,150px,0);
    background-color: var(--colors-blue-30)
}

.circle-wrap .circle .fill,.circle-wrap .circle .mask.full {
    animation: ease-in-out fill;
    transform: rotate(37deg)
}

#refering_friend_section [data-toggle=collapse] .fa:before {
    content: "\f068";
    color: #5a5a5a!important
}

#refering_friend_section [data-toggle=collapse].collapsed .fa:before {
    content: "\f067";
    color: var(--colors-green-30)!important
}

.friends-reward {
    color: var(--colors-blue-30);
    font-weight: 700;
    font-size: 24px;
    background-color: var(--colors-blue-10);
    line-height: 30px;
    width: 65px;
    margin: 8px auto;
    padding: 3px 10px;
    border-radius: 7px
}

.friends-equal,.friends-number {
    font-weight: 700;
    line-height: 16px
}

.friends-reward-list {
    display: grid;
    width: 100%
}

.friends-number {
    font-size: 14px;
    color: #161616
}

.numbers {
    font-size: 28px
}

.friends-equal {
    font-size: 14px
}

.refer-progress-bar {
    background-color: var(--colors-green-30)
}

.refer-progress {
    margin-top: auto;
    margin-bottom: auto;
    width: 75%;
    height: 7px
}

.refer-achieved {
    color: var(--colors-green-30)
}

.refer-progress-number {
    font-weight: 400;
    font-size: 20px;
    line-height: 18px;
    color: #858585;
    margin-left: 10px
}

.invite-more .prog {
    margin: 20px 10px auto
}

.invite-more-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -.3px;
    color: var(--colors-blue-30)
}

.invite-more-text {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #161616
}

.tabs-content .active {
    display: block!important
}

.life-time-title {
    margin-left: 25px
}

.sh_btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.408px;
    color: #161616;
    padding: 8px 12px;
    gap: 6px;
    border: 1.5px solid #ececec;
    border-radius: 10px
}

.yajny-plus-list-hidden-desk .yajny-plus-terms,.yajny-plus-terms {
    letter-spacing: -.3px;
    line-height: 28px;
    color: #000;
    font-size: 24px;
    font-weight: 700
}

.footer-wrapper .app-footer-text-title {
    margin: 0;
    line-height: 18px;
    color: #161616!important;
    font-weight: 400;
    font-size: 16px
}

.small-coupon-card .btn_ads_catregory a,.small-offer-card .btn_ads_catregory a {
    background: var(--colors-green-30);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px
}

.small-coupon-card .btn_ads_catregory,.small-offer-card .btn_ads_catregory {
    box-sizing: border-box;
    border: 1.5px solid  var(--colors-green-30);
    border-radius: 10px;
    width: 123px;
    height: 37.5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 8px;
    gap: 4px
}

.warning-info {
    background-color: rgba(255,51,153,.1);
    padding: 16px 8px;
    gap: 4px;
    margin-right: 45px;
    border-radius: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px
}

input:hover[type=email],input:hover[type=number],input:hover[type=password],input:hover[type=search],input:hover[type=tel],input:hover[type=text],input:hover[type=url],textarea:hover {
    border-color: rgba(0,0,0,.1);
    background-color: #fff
}

input:focus[type=email],input:focus[type=number],input:focus[type=password],input:focus[type=search],input:focus[type=tel],input:focus[type=text],input:focus[type=url],textarea:focus {
    border-color: rgba(234,76,137,.4);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 4px rgba(234,76,137,.1);
    box-shadow: 0 0 0 4px rgba(234,76,137,.1)
}

input:active[type=email],input:active[type=number],input:active[type=password],input:active[type=search],input:active[type=tel],input:active[type=text],input:active[type=url],textarea:active {
    border-color: #e7e7e9;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

#downloadapp_account .edit {
    margin: 10px 0;
    padding: 25px;
    background: #fff;
    border-radius: 20px;
    transition: opacity 2s ease-in-out
}

#downloadapp_account .download-img {
    position: absolute;
    bottom: -26px;
    right: 0;
    width: 100%
}

#downloadapp_account .download-info-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.408px;
    color: #858585
}

#downloadapp_account .download-info-title {
    padding-top: 0;
    font-weight: 600;
    font-size: 30px;
    line-height: 46px;
    letter-spacing: -.408px;
    color: #161616
}

#downloadapp_account .download-info {
    width: 65%;
    display: grid
}

#downloadapp_account .download-image {
    width: 35%
}

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 1
}

#SignIn-modal .show-password {
    font-size: 20px;
    position: absolute;
    top: 17%!important;
    right: 2%!important;
    color: var(--colors-green-30);
}

.landing-banner-container {
    max-width: 1040px;
    margin: 5px
}

.edit-password .password-edit-link {
    font-size: 16px;
    line-height: 20px;
    text-decoration: none!important;
    color: var(--colors-green-30);
    padding: 10px 6px;
    border-radius: 10px;
    font-weight: 400;
    margin-right: 150px
}

#be-partner-page {
    background-color: #f6f6ff
}

#be-partner-page .contact-partner-btn,.contact-partner-btn:after,.contact-partner-btn:focus,.contact-partner-btn:hover {
    background-color: var(--colors-green-30);
    border-radius: 10px;
    color: #fff;
    float: right;
    margin-top: 15px;
    outline: 0;
    box-shadow: none
}

#be-partner-page .contact-input,.contact-input:focus,.contact-input:hover {
    min-height: 44px!important;
    background-color: #f3f3f3;
    border-radius: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    padding-left: 15px;
    border: none!important;
    outline: 0!important;
    box-shadow: none
}

#be-partner-page .contact-label {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.408px;
    color: #4e4e4e
}

#be-partner-page .partner-content-text {
    padding-left: 14px;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #4e4e4e
}

#be-partner-page .partner-content-title {
    padding-left: 14px;
    font-weight: 700;
    font-size: 48px;
    line-height: 125%;
    color: var(--colors-green-30);
    text-transform: capitalize
}

#be-partner-page .infos-text {
    font-family: 'Euclid Circular A',sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #4e4e4e;
    text-align: justify
}

#be-partner-page .infos-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #000
}

#be-partner-page .partner-side-title {
    display: grid;
    font-weight: 500;
    font-size: 32px;
    line-height: 41px;
    color: #161616
}

#be-partner-page .be-partner-side {
    padding: 25px 35px 15px;
    text-align: left;
    background-color: #fff;
    border-radius: 20px
}

#be-partner-page .be-partner-content-div {
    padding: 14px 30px 15px 35px;
    text-align: left;
    background-color: #fff;
    border-radius: 20px
}

#be-partner-page .be-partner-mobile-top {
    padding-top: 13px;
    background-color: #fff;
    text-align: center;
    font-weight: 500;
    box-shadow: 0 2px 0 rgba(0,0,0,.05);
    font-size: 18px;
    line-height: 22px;
    min-height: 48px
}

.element-discount h3 {
    color: #0cf
}

.yajny-plus-shop-now,.yajny-plus-shop-now:focus,.yajny-plus-shop-now:hover {
    color: #fff;
    background-color: var(--colors-green-30);
    border-radius: 10px;
    outline: 0;
    border: none;
    padding: 5px 30px;
    font-size: 14px;
    font-weight: 500
}

.yajny-plus-content-div,.yajny-plus-side-condtions {
    background-color: #fff;
    border-radius: 20px
}

#refer-and-earn-page .refer-bonuses,.yajny-plus-tabs {
    display: flex;
    justify-content: center
}

.yajny-plus-tabs .active-tab {
    border-bottom: .2rem solid var(--colors-green-30) !important
}

.yajny-plus-tabs li {
    cursor: pointer;
    padding-bottom: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #161616;
    width: 47%;
    border-bottom: 2px solid #ececec
}

.yajny-plus-list li,.yajny-plus-list-hidden-desk span {
    font-weight: 400;
    font-size: 16px;
    color: #4e4e4e;
    text-align: justify;
    line-height: 30px
}

.yajny-plus-list-hidden-desk {
    padding: 20px;
    display: grid
}

.yajny-plus-list-hidden-desk .yajny-plus-terms {
    text-align: justify;
    margin-bottom: 10px
}

.yajny-plus-list li::marker {
    font-size: 13px;
    color: #4e4e4e
}

.yajny-plus-list {
    margin-top: 10px;
    padding-left: 22px;
    padding-bottom: 20px;
    list-style: initial!important
}

.yajny-plus-terms {
    text-align: justify
}

.yajny-plus-side-condtions {
    text-align: left;
    padding: 25px 20px 1px!important
}

.achievement-progress-balance-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 16px;
    color: #161616;
    letter-spacing: -.3px
}

.achievement-progress-balance-amount {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #161616;
    letter-spacing: -.3px
}

.yajny-plus-name,.yajny-plus-phase {
    font-weight: 400;
    line-height: 25px;
    font-family: "Euclid Circular A",sans-serif;
    letter-spacing: -.3px
}

.achievement-logo {
    height: 23px;
    margin-left: 5px;
    margin-top: -5px
}

.progress {
    margin-top: auto;
    margin-bottom: auto;
    width: 80%;
    height: 7px
}

.yajny-plus-name {
    margin: 8px 0;
    font-size: 30px;
    color: #161616
}

.yajny-plus-phase-div {
    display: flex;
    width: 100%
}

.yajny-plus-phase {
    font-size: 20px;
    color: #96f;
    margin: 10px 18px 15px 8px;
    display: inline-block
}

.yajny-plus-timer {
    float: left;
    text-align: left;
    font-weight: 500;
    font-size: 11px;
    line-height: 18px;
    color: #858585
}

.achievement-progress-balance {
    text-align: right;
    margin-top: auto;
    display: block;
    background: #fc0;
    padding: 1px 5px;
    border-radius: 8px;
    align-content: center;
    margin-bottom: 10px;
    margin-left: 23px
}

.yajny-plus-progress-number {
    width: 20%;
    display: flex;
    font-weight: 400;
    font-size: 20px;
    line-height: 18px;
    font-family: "Euclid Circular A",sans-serif;
    color: #858585
}

.progress-div {
    width: 100%;
    border: 3px solid #0000;
    border-radius: 15px;
    background: linear-gradient(#fff,#fff) padding-box,linear-gradient(157deg,#fc0 0, #27ef8a 33%, #4300cb 67%,#0cf 100%) border-box;
    padding: 15px
}

#earn-cashback-modal #next-1,#earn-cashback-modal #prev-1 {
    border-radius: 10px;
    padding: 12px 16px;
    letter-spacing: -.408px;
    font-size: 16px;
    line-height: 20px
}

#yajny-plus-page .infos-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -.3px;
    margin-top: 15px;
    background: linear-gradient(284deg,#fc0 0,#0cffb7 32.62%, rgba(7, 7, 7, 0.82) 66.23%,#03A9F4 98.85%) no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#yajny-plus-page {
    text-align: center;
    background-color: #f6f6ff!important
}

#yajny-plus-page .yajny-plus-side-title {
    font-weight: 500;
    font-size: 44px;
    line-height: 56px;
    color: #161616
}

#yajny-plus-page .yajny-plus-side {
    background-color: #fff;
    border-radius: 20px;
    padding: 25px 35px 1px
}

.earn-mdl {
    max-width: 450px
}

#earn-cashback-modal #next-1 {
    background-color: #fff;
    color:  var(--colors-green-30) !important;
    border: .13rem solid var(--colors-green-30);
    float: right;
    font-weight: 500
}

#earn-cashback-modal #prev-1 {
    color: #161616;
    border: .13rem solid #ececec;
    background-color: #fff;
    font-weight: 500;
    float: left
}

#earn-cashback-modal #skip-1 {
    margin-left: auto;
    margin-right: auto;
    padding: 12px 16px;
    background-color:  var(--colors-green-30);
    color: #fff!important;
    border-radius: 10px;
    border: .13rem solid  var(--colors-green-30);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.408px
}

.earn-cashback-carousel-body .owl-dots {
    margin-top: -30px
}

.earn-cashback-carousel .item {
    justify-content: center
}

.earn-cashback-side-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
    color: #4e4e4e;
    margin-bottom: 10px
}

.earn-cashback-side-subtitle {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #000;
    margin-bottom: 15px;
    margin-top: 50px
}

.earn-cashback-step,.earn-cashback-text {
    margin-top: 10px;
    color: #161616;
    display: grid
}

.earn-cashback-side-title {
    text-align: center;
    font-weight: 500;
    font-size: 28px;
    line-height: 41px;
    color: #161616;
    margin-bottom: 20px
}

.earn-cashback-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.earn-cashback-step {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px
}

.earn-cashback-number {
    display: grid;
    height: 24px;
    width: 25px;
    margin: -20px auto 0;
    padding: 3px 0;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    background: var(--colors-green-30);
    border-radius: 12px
}

.earn-cashback-content,.earn-cashback-side {
    border-radius: 20px;
    display: grid;
    background-color: #fff
}

.earn-cashback-content-text {
    text-align: justify;
    color: #4e4e4e;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px
}

.earn-cashback-content-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -.3px;
    color: #161616;
    margin-bottom: 20px
}

.earn-cashback-side {
    padding: 36px 20px
}

.earn-cashback-content {
    padding: 40px 36px
}

#earn-cashback-page,#refer-and-earn-page {
    text-align: left;
    background-color: #f6f6ff
}

.earn-cashback-content-text-question {
    text-align: justify;
    color: #161616;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px
}

.leaderboard-message {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #161616;
    margin-left: 5px
}

.leaderboard-info {
    background: rgba(51, 255, 177, 0.08);
    border-radius: 8px;
    display: flex;
    align-items: center;
    height: 40px;
    margin: 20px auto;
    padding-left: 10px
}

.leaderboard-earnd-amount {
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: #12b035;
    text-align: right
}

.leaderboard-friend-cashback-validation,.leaderboard-friend-total {
    font-weight: 500;
    font-size: 10px;
    line-height: 13px;
    color: #d0d0d0;
    margin-left: 5px
}

.refered-friend-leaderboard {
    display: grid;
    margin-right: auto
}

.refered-friend-status .status-success-order {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #12b035;
    text-align: right
}

.refered-friend-status .status-failed-order {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: var(--colors-green-30);
    text-align: right
}

.refered-friend-status .date {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #d0d0d0;
    text-align: right
}

.leaderboard-friend-name,.refered-friend-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #161616;
    margin-left: 5px;
    margin-right: auto
}

.referred-user-leaderboard-list,.referred-user-list {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px 3px;
    border-bottom: 1px solid #d0d0d0
}

.referred-user-img {
    width: 40px;
    height: 40px;
    background-color:  var(--colors-green-30);
    padding: .13rem;
    border-radius: 50%
}

.referred-user-name {
    width: 40px;
    height: 40px;
    color: #fff;
    border: .13rem solid #0000;
    background: linear-gradient(#96f,#96f) padding-box,linear-gradient(157deg,#fc0 0, #27ef8a 33%, #4300cb 67%,#0cf 100%) border-box;
    font-weight: 700;
    font-size: 25px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    justify-content: space-around;
    letter-spacing: -.3px;
    padding: 2px
}

.referred-user-name .refer-invite-copy {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #858585
}

.refer-invite-code {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 4.7px;
    color: #4e4e4e
}

.refer-invite-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    color: #4e4e4e
}

.refer-invite {
    height: 120px;
    width: 350px;
    padding: 16px 5px;
    text-align: center;
    margin: 70px auto 40px;
    background: #f3f3f3;
    border: 2px dashed #d0d0d0;
    border-radius: 10px
}

#refer-and-earn-page .collapse.show {
    border-bottom: 1px solid #e8e8e8
}

#refer-and-earn-page .card-body {
    padding: 20px 10px;
    text-align: justify;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4e4e4e
}

#refer-and-earn-page .card-header {
    padding: .75rem 8px!important;
    border: none;
    margin-bottom: 3px;
    background-color: #fff
}

#refer-and-earn-page .fa-chevron-down,#refer-and-earn-page .fa-chevron-up {
    right: 0!important;
    position: initial!important
}

.card-header a i {
    font-weight: 400!important;
    font-size: 16px;
    line-height: 20px;
    color: #161616
}

.card-header a {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #161616
}

.card-header i {
    position: initial!important;
    float: right
}

#refer-and-earn-page .card {
    border: none;
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8
}

.refer-earn-side-subtitle,.refer-faqs,.refer-how-works-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -.3px;
    color: #161616
}

.refer-steps img {
    margin-right: 15px
}

.refer-steps {
    justify-content: center;
    margin: auto;
    text-align: left;
    display: grid
}

.referring-bonuses {
    display: flex;
    align-items: center
}

.referring-bonus-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #161616;
    margin-right: 35px;
    margin-left: 5px
}

.referring-bonus-amount {
    background-color: var(--colors-green-10-light);
    padding: 2px 6px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 5px;
    color: var(--colors-green-30);
}

.referring-conditions {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -.3px;
    color: #4e4e4e;
    text-align: justify;
    margin-left: 12px
}

#refer-and-earn-page .refer-earn-side-subtitle-2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -.3px;
    color: #000
}

#refer-and-earn-page .refer-earn-second-side-title {
    color: var(--colors-green-30);
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -.3px
}

#refer-and-earn-page .side-img {
    margin-top: 40px;
    margin-bottom: 30px;
    margin-left: 30px
}

#refer-and-earn-page .refer-earn-side-title {
    font-weight: 500;
    font-size: 44px;
    line-height: 56px;
    color: #161616;
    text-align: center
}

.no-refer-text {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #858585
}

#profile-data .select-gender,#profile-location .select-language,#profile-subscription .subscription_language {
    max-width: 350px
}

#profile-location .select-country {
    max-width: 600px
}

@media (max-width: 349.98px) {
    #change_regionlang_modal .form-field-radio,#enter_regionlang_modal .form-field-radio {
        margin:15px
    }

    #change_regionlang_modal .change-regionlang-modal-body,#enter_regionlang_modal .regionlang-modal-body {
        padding: 30px 20px
    }

    .earn-cashback-content .tabs-content {
        width: 94%
    }

    #AccountContent {
        background-color: #fff
    }

    .modal-body {
        padding: 0!important
    }

    #createpassword .password-modal-body,#update-password .password-modal-body {
        padding: 30px 20px!important
    }

    .continue-login-btn,.continue-regionlang-btn {
        min-width: 250px!important
    }

    #SignUpReferral .referral-code-title,#edit_mobile_num .createphone-title,#enter_mobile_num .createphone-title,#enter_username_modal .enterusername-title,#verify_fpw_email_code .verifyfpwcode-title,#verify_mobile_num .otpverify-title,.createpassword-title {
        font-size: 18px!important
    }

    #edit_mobile_num .iti--allow-dropdown input,#edit_mobile_num .iti--allow-dropdown input[type=tel],#enter_mobile_num .iti--allow-dropdown input,#enter_mobile_num .iti--allow-dropdown input[type=tel] {
        margin-right: -100px!important;
        background-color: #f3f3f3!important;
        width: 90%!important;
        padding-left: 10px!important
    }

    .edit-phone .iti--allow-dropdown input,.edit-phone .iti--allow-dropdown input[type=tel] {
        width: 70%!important;
        padding-left: 15px!important;
        float: right!important
    }

    .edit-phone .iti--allow-dropdown .iti__flag-container,.edit-phone .iti--separate-dial-code .iti__flag-container {
        left: 0!important
    }

    #enter_favbrand_modal .favbrand-modal-body {
        padding: 0 10px!important
    }

    #enter_favbrand_modal #brands-results .brands-item,#enter_favbrand_modal #stored-brands .brands-item {
        margin: 12px!important
    }

    #enter_favbrand_modal #search-result {
        min-height: 200px
    }

    #enter_favbrand_modal #brands-results {
        max-height: 200px
    }

    #SignUpReferral {
        top: 10px!important;
        padding-bottom: 20px
    }

    .sign-up-left {
        margin: 0 auto!important
    }

    .edit-profile .edit-profile-btn {
        font-size: 12px!important;
        -ms-flex-preferred-size: 0!important;
        flex-basis: 0!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important;
        max-width: 100%!important
    }

    .edit-password .password-edit-link {
        font-size: 12px!important;
        margin: 20px auto 0;
        display: block
    }

    #enter_favbrand_modal .modal-footer .col-3 {
        flex: none
    }

    #enter_favbrand_modal .modal-footer .col-6 {
        max-width: 100%;
        flex: none
    }
}

@media (max-width: 575.98px) {
    #Coupon-code #coupon-code-div {
        width: 90%;
    }

    #change_regionlang_modal .change-regionlang-modal-body,#enter_regionlang_modal .regionlang-modal-body {
        padding:30px 20px!important
    }

    .warning-info {
        background-color: rgba(255,51,153,.1);
        padding: 16px 8px;
        gap: 4px;
        margin-right: 15px;
        border-radius: 10px
    }

    #be-partner-page,.header_main,.wallet-page-content {
        background-color: #fff
    }

    #showSearchDiv,.order-cashback,.wallet-form {
        margin-right: auto
    }

    .slide_item_content .ads_content_bg_img .store_logo {
        position: absolute;
        left: 10px;
        bottom: 10px;
        width: 50px;
        height: 50px;
        border-radius: 40px;
        background-color: #fff;
        padding: 15px 0 0
    }

    .slide_item_content .ads_content_bg_img .store_logo img {
        width: 90%;
        padding: 0
    }

    .footer-wrapper .copy {
        margin-bottom: 90px!important
    }

    .balance-rate {
        width: 200px
    }

    .user-name a {
        margin-left: 0
    }

    .edit-profile .save-profile-btn,.edit-profile-btn {
        margin-right: 0
    }

    .edit-phone .edit-phone-btn {
        background-color: var(--colors-green-30) !important;
        color: #fff!important;
        padding: 6px 12px;
        position: relative;
        border-radius: 10px!important;
        margin-right: 0
    }

    .account-first-section {
        width: 100%!important;
        padding: 0!important
    }

    #showSearchDiv {
        display: none;
        margin-left: 4px;
        max-width: 100%;
        min-width: 100%;
        top: 95px;
        position: fixed;
        z-index: 99999;
        background: #fff;
        box-shadow: 0 154px 62px rgb(0 0 0 / 1%),0 87px 52px rgb(0 0 0 / 2%),0 38px 38px rgb(0 0 0 / 3%),0 10px 21px rgb(0 0 0 / 4%),0 0 0 rgb(0 0 0 / 4%);
        border-radius: 12px;
        flex-direction: column;
        padding: 16px 9px;
        gap: 8px;
        border: none;
        border-bottom: 20px solid #fff;
        height: 650px;
        overflow-y: scroll!important
    }

    .search-title {
        font-weight: 700;
        font-size: 20px;
        line-height: 25px;
        letter-spacing: -.3px;
        color: #161616
    }

    .search-cat {
        padding: 15px 0 21px 4px;
        border-bottom: 1px solid #f3f3f3
    }

    .search-cat-name {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #161616
    }

    #AccountContent .edit-profile-title,.add-browser-extension {
        display: none!important
    }

    .header_main {
        padding-top: 10px
    }

    #AccountContent,#AccountSideNavdiv,#wallet-balance,#wallet-cashouts,#wallet-orders,#wallet-rewards,#wallet-support,#walletSideNavdiv,.earn-cashback-side,.header_row .box-p-0 {
        padding: 0
    }

    .orders-details {
        margin-top: 25px!important;
        margin-bottom: 25px
    }

    .wallet-form {
        margin-top: 50px
    }

    #be-partner-page .infos-text,#be-partner-page .request,.earn-cashback-content-text,.earn-cashback-content-text-question,.how-data-left,.how-data-right,.how-data-text,.how-withdraw,.wallet-title-part {
        text-align: center
    }

    #AccountContent .edit {
        margin: 10px 0;
        padding: 35px!important;
        border-radius: 0
    }

    #terms_and_condition_section {
        background-color: #fff;
        text-align: center;
        width: 100%
    }

    .how-withdraw .row {
        justify-content: flex-start;
        flex-direction: column
    }

    .how-withdraw .reversed {
        justify-content: flex-start;
        flex-direction: column-reverse
    }

    .how-withdraw {
        margin-top: 50px;
        padding: 20px 0
    }

    .balances {
        margin-left: auto;
        margin-right: 20px;
        width: auto
    }

    .balances-info {
        width: 107%
    }

    #wallet-balance {
        padding: 36px 0!important
    }

    .wallet-balance-first-element {
        padding: 1px;
        display: block
    }

    .circle-wrap {
        margin: 30px auto 15px
    }

    .invite-more {
        padding: 25px
    }

    .earn-cashback-content .tabs-content,.topheader-text,.yajny-plus-img,.yajny-plus-tabs li {
        width: 100%
    }

    #be-partner-page form,.earn-cashback-content .card-header,.leaderboard-info {
        text-align: left
    }

    .refer-steps span {
        display: flex
    }

    .referring-element-mobile {
        margin-bottom: 10px
    }

    #refer-and-earn-page .refer-bonuses,.referring-bonuses-mobile {
        display: grid;
        justify-items: center
    }

    .refer-earn-side-title {
        display: none
    }

    .earn-cashback-side-title {
        font-weight: 500;
        font-size: 32px;
        line-height: 41px;
        color: #161616;
        margin-bottom: 20px
    }

    #earn-cashback-page,#refer-and-earn-page {
        text-align: center;
        background-color: #fff
    }

    .second-content {
        margin-top: 20px;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column-reverse
    }

    .earn-cashback-content {
        padding: 38px 0;
        text-align: center
    }

    .earn-cashback-content-second-title {
        margin-bottom: 30px;
        display: none!important
    }

    .earn-images,.nav-account-board_mobile {
        display: block
    }

    .edit-phone .iti--allow-dropdown input,.edit-phone .iti--allow-dropdown input[type=tel] {
        width: 70%!important;
        padding-left: 15px!important;
        float: right!important
    }

    .edit-phone .iti--allow-dropdown .iti__flag-container,.edit-phone .iti--separate-dial-code .iti__flag-container {
        left: 0!important
    }

    #enter_favbrand_modal .modal-footer .col-3 {
        flex: none
    }

    #enter_favbrand_modal .modal-footer .col-6 {
        max-width: 100%;
        flex: none
    }

    #enter_username_modal .enterusername-title {
        font-size: 20px!important
    }

    #enter_favbrand_modal .favbrand-modal-body {
        padding: 0 20px!important
    }

    #be-partner-page .be-partner-content-div,#be-partner-page .be-partner-side {
        padding: 0;
        text-align: center
    }

    .code-modal-content {
        width: 100%!important;
        margin-left: auto!important;
        margin-right: auto!important
    }

    .coupon-code-shop-btn {
        width: 90%
    }

    #yajny-plus-page {
        background-color: #fff!important
    }

    .yajny-plus-page .container {
        margin-left: 0!important;
        margin-right: 0!important
    }

    #be-partner-page .contact-div {
        padding-left: 0!important;
        padding-right: 0!important
    }

    #be-partner-page .contact-div .request-btn {
        float: initial
    }

    .account-side-nav {
        padding: 10px 0;
        border-radius: 0;
        margin-top: 0
    }

    .edit-profile .first-name-input,.edit-profile .last-name-input {
        width: 107%!important
    }

    .earn-images,.save-language-location {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .edit-profile .email-profile-input {
        font-weight: 300;
        font-size: 16px;
        line-height: 20px;
        background-color: #f3f3f3!important;
        border-radius: 10px!important;
        border: none!important;
        outline: 0!important;
        color: #4e4e4e;
        width: 100%;
        padding: 15px 10px!important
    }

    .earn-images {
        width: 55%!important;
        height: 87%!important
    }

    .save-lng {
        width: 100%!important;
        text-align: center
    }

    #AccountContent {
        background-color: #f7f7ff
    }

    #AccountContent #profile-favorite,#AccountContent .account-contact-support,#AccountContent .account-location,#AccountContent .account-notification,#AccountContent .account-subscription,#AccountContent .account-terms-conditions {
        padding: 16px;
        border-radius: 0;
        margin-top: 50px!important
    }

    .account-contact-support {
        padding: 25px!important
    }

    .account-location .select-country {
        width: 100%!important;
        margin-bottom: 30px
    }

    .edit-password .password-edit-link {
        font-weight: 400;
        font-size: 1rem;
        line-height: 20px;
        text-decoration: none!important;
        color: #fff!important;
        background-color: var(--colors-green-30);
        padding: 10px 15px;
        border-radius: 10px;
        margin-right: 0
    }

    .change-phone-btn {
        width: 114px!important;
        right: 90%!important;
        left: auto!important
    }

    .edit-phone .phone-input {
        width: 240px!important;
        padding-left: 15px!important
    }

    .edit-phone .edit-phone-chevron {
        top: 10%!important;
        left: 50px!important
    }

    .edit-phone .country-code-phone-input {
        max-width: 71px!important;
        width: 70px!important
    }

    .center-btns {
        padding-bottom: 40px;
        text-align: center!important
    }

    .edit-profile .edit-profile-btn {
        text-align: center!important;
        margin-bottom: 0;
        margin-right: 0;
        -ms-flex-preferred-size: 0!important;
        flex-basis: 0!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important;
        max-width: 100%!important
    }

    #profile-data,#profile-favorite,#profile-location,#profile-notification,#profile-subscription,#profile-support,#profile-terms {
        margin-top: 50px!important
    }

    #SignUpReferral {
        top: 10px!important;
        bottom: 30px;
        padding-bottom: 20px
    }

    #createpassword .show-password,#update-password .show-password {
        font-size: 20px;
        position: absolute;
        top: 25.5%;
        right: 2%!important;
        color: var(--colors-green-30);
    }

    #SignIn-modal .show-password {
        font-size: 20px;
        position: absolute;
        top: 37%;
        right: 13%;
        color: var(--colors-green-30);
    }

    .modal {
        padding-right: 0!important;
        max-width: 100%;
        width: 100%
    }

    .modal-content,.modal-dialog {
        width: 100%!important
    }

    .modal-body {
        padding: 20px
    }

    .modal-dialog {
        margin: 0!important
    }

    .sign-up-left {
        padding: 10px;
        margin: 0 auto!important
    }

    .topheader {
        padding: 10px 0
    }

    .topheader .text-downloadapp {
        line-height: 35px;
        font-size: .7rem;
        padding: 0!important
    }

    .footer-wrapper .log-footer {
        width: 100px;
        margin: 30px
    }

    #get-rewarded-section .container,.top-slide .container {
        padding-right: 0;
        padding-left: 0
    }

    .nav-account-board_mobile .balance .gradient-box {
        padding: 4px 8px
    }

    .nav-account-board_mobile .balance .balance-rate {
        font-size: 16px;
        float: right;
        padding: 0 15px
    }

    .nav-account-board_mobile .balance-label {
        font-size: 11px
    }

    .landing-slider-content {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (max-width: 767.98px) {
    #AccountContent .edit-profile-title,.brand-carousel,.feature-item .carousel-brand-cashback,.feature-item .carousel-brand-coupons {
        display:none!important
    }

    #AccountContent .edit {
        margin: 10px 0;
        padding: 35px!important;
        border-radius: 0
    }

    .download-content-div span,.footer-wrapper .footer-d {
        text-align: center!important
    }

    #createpassword .password-modal-body,#update-password .password-modal-body {
        text-align: center;
        display: grid;
        padding: 30px 20px
    }

    .account-user-icon,.account-user-image,.d-sm-none,.footer-wrapper .Qr-code-footer,.footer-wrapper .hidden-mobile {
        display: none
    }

    .nav-account-board_mobile {
        display: block
    }

    #AccountContent,#AccountSideNavdiv,.header_row .box-p-0 {
        padding: 0
    }

    .account-side-nav {
        padding: 10px 0;
        border-radius: 0;
        margin-top: 0
    }

    #get-rewarded-section .container,.top-slide .container {
        padding-right: 0;
        padding-left: 0
    }

    .span-text {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #fff;
        letter-spacing: -.408px
    }

    .span-title {
        font-weight: 600;
        font-size: 20px;
        line-height: 30px
    }

    .download-content-div span {
        display: grid!important;
        margin-right: auto;
        margin-left: auto
    }

    .get-reward {
        align-content: center;
        text-align: center;
        min-height: 275px!important;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url('../../images/earn_2.svg')!important;
        display: none
    }

    .nav-account-board_mobile .balance .gradient-box {
        padding: 4px 8px
    }

    .nav-account-board_mobile .balance .balance-rate {
        font-size: 16px;
        float: right;
        padding: 0 15px
    }

    .nav-account-board_mobile .balance-label {
        font-size: 11px
    }

    .most-popular-title {
        font-weight: 700;
        font-size: 20px;
        line-height: 25px;
        letter-spacing: -.3px;
        margin-bottom: 20px
    }

    .landing-banner-text,.landing-slider-text {
        text-align: justify;
        letter-spacing: -.408px
    }

    .popular-brands-section {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .mobile-brand-carousel .item {
        width: 230px;
        border-bottom: 1px solid #f3f3f3;
        margin-right: 10px
    }

    .brand {
        border-right: none
    }

    .carousel-svg {
        margin-top: 20px
    }

    .topheader {
        padding: 10px 0
    }

    .topheader-text {
        width: 100%
    }

    .topheader .text-downloadapp {
        line-height: 35px;
        font-size: .7rem;
        padding: 0!important
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-right: .3rem;
        padding-left: .3rem
    }

    .landing-banner {
        border: 10px solid #fff;
        border-radius: 20px
    }

    .landing-banner-section {
        padding-right: 5px;
        padding-left: 5px
    }

    .landing-banner-content {
        margin-left: 0;
        margin-top: 0
    }

    .landing-banner-title {
        margin-top: 15px;
        width: 100%;
        margin-bottom: 15px;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        color: var(--colors-fill-default)
    }

    .landing-banner-text {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        max-width: 398px;
        color: var(--colors-fill-default)
    }

    .landing-banner-btn,.landing-banner-btn:hover {
        background-color: var(--colors-fill-default);
        color: var(--colors-fill-violet)
    }

    .landing-banner-img {
        height: auto;
        width: 55%
    }

    .landing-banner-btn {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 8px 12px;
        width: 120px;
        max-width: 265px;
        border-radius: 10px;
        gap: 10px
    }

    .landing-banner-slider {
        background-color: var(--colors-fill-violet);
        border: 10px solid #fff;
        border-radius: 20px;
        min-height: 140px!important
    }

    .landing-slider-content {
        margin-left: 0;
        margin-top: 5px;
        margin-bottom: 15px;
        padding-left: 8px;
        padding-right: 8px
    }

    .landing-slider-title {
        margin-top: 10px;
        width: 100%;
        margin-bottom: 5px;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        color: var(--colors-fill-default)
    }

    .landing-slider-text {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        max-width: 348px;
        color: var(--colors-fill-default)
    }

    .landing-slider-img {
        height: auto;
        margin-left: -15px;
        width: 87%!important
    }

    .owl-item img {
        height: auto
    }

    .landing-slider-img-3 {
        height: auto;
        margin-right: 15px;
        width: 95%
    }

    .landing-slider-img-2 {
        height: auto;
        margin-right: 15px;
        width: 75%
    }

    .footer-wrapper .card-i {
        width: 100%;
        background-color: #161616
    }

    .footer-wrapper .download-app {
        display: grid
    }

    .footer-wrapper .icons-div {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    .footer-wrapper .copy {
        margin-top: 10px;
        border: none!important
    }

    .footer-wrapper .accordion {
        display: flex
    }

    .footer-wrapper .download-app-footer {
        display: flex;
        text-align: left;
        width: 100%
    }

    .footer-wrapper .gt-app {
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
        padding: 5px 0!important
    }

    .footer-wrapper .log-footer {
        width: 100px;
        margin: 30px auto
    }

    .edit-phone .phone-input {
        width: 240px!important;
        padding-left: 15px!important
    }
}

@media (max-width: 991.98px) {
    .nav-account-sign .btn {
        font-size:12px;
        font-weight: 500;
        padding: 6px 8px;
        margin-right: 4px;
        border-radius: 10px!important
    }
}

@media (max-width: 1199.98px) {
    .footer-wrapper .title-footer {
        font-size:24px;
        line-height: 30px
    }
}

@media (min-width: 767px) AND (max-width:991px) {
    #SignUpReferral {
        top:10px!important;
        padding-bottom: 20px
    }

    .sign-up-left {
        padding: 10px;
        margin: 0 auto!important
    }

    .sign-up-right {
        display: none!important
    }

    .nav-account-board_mobile .balance .gradient-box {
        padding: 6px 15px
    }

    .nav-account-board_mobile .balance .balance-rate {
        font-size: 16px
    }

    .header_row .box-p-0 {
        padding: 0
    }

    .nav-account-board_mobile .balance-label {
        font-size: 11px
    }

    .except-tab,.footer-wrapper .Qr-code-footer,.footer-wrapper .hidden-mobile {
        display: none
    }

    .rev-except-tab {
        display: block
    }

    .select-btn span {
        font-size: 14px;
        font-weight: 500
    }

    .footer-wrapper .card-i {
        width: 100%;
        background-color: #161616
    }

    .footer-wrapper .download-app {
        display: grid
    }

    .footer-wrapper .footer-d {
        text-align: center!important
    }

    .footer-wrapper .icons-div {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    .footer-wrapper .copy {
        margin-top: 10px;
        border: none!important
    }

    .footer-wrapper .accordion {
        display: flex
    }

    .footer-wrapper .download-app-footer {
        display: flex;
        text-align: left;
        width: 100%
    }

    .footer-wrapper .gt-app {
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
        padding: 5px 0!important
    }
}

@media (min-width: 576px) {
    .container {
        max-width:98%
    }

    .navbar-nav li.nav-item {
        padding: 7px 2px
    }

    .navbar-nav li.nav-item a {
        font-size: 14px
    }
}

@media (min-width: 768px) {
    .navbar-nav li.nav-item a,input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea {
        font-size:14px
    }

    .mobile-brand-carousel {
        display: none!important
    }

    .container {
        max-width: 1140px
    }

    .navbar-nav li.nav-item {
        padding: 5px 2px
    }

    .nav-account-sign .btn {
        font-size: 12px;
        font-weight: 500;
        padding: 6px 8px;
        margin-right: 4px;
        border-radius: 10px!important
    }

    .landing-banner-container {
        max-width: 1040px;
        margin: 5px
    }

    .landing-banner-text,.landing-banner-title {
        max-width: 398px;
        color: var(--colors-fill-default)
    }

    .d-sm-none {
        display: contents
    }

    .landing-banner-content {
        margin-left: 30px;
        margin-top: 20px
    }

    .landing-banner-title {
        font-weight: 500;
        width: 75%;
        margin-top: 15px;
        font-size: 40px;
        line-height: 50px
    }

    .landing-banner-section {
        padding-top: 35px;
        padding-bottom: 45px
    }

    .d-content {
        display: contents!important
    }

    .landing-banner-text {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        height: auto;
        text-align: justify;
        letter-spacing: -.408px
    }

    .landing-banner-btn,.landing-banner-btn:hover {
        background-color: var(--colors-fill-default);
        color: var(--colors-fill-violet)
    }

    .landing-banner-btn {
        padding: 12px 24px;
        max-width: 165px;
        border-radius: 10px;
        gap: 10px
    }

    .landing-slider-content {
        margin-left: 0;
        margin-top: 5px;
        margin-bottom: 15px;
        padding-left: 50px;
        padding-right: 0
    }

    .landing-slider-img {
        width: 60%
    }

    .landing-banner-slider {
        border-radius: 20px;
        max-width: 1040px;
        margin-top: 20px;
        background-color: var(--colors-fill-violet);
        min-height: 198px!important
    }

    .landing-slider-title {
        margin-top: 30px;
        font-weight: 500;
        font-size: 32px;
        line-height: 50px;
        color: var(--colors-fill-default);
        max-width: 581px;
        height: 0
    }

    .landing-slider-text {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: var(--colors-fill-default);
        max-width: 516px;
        letter-spacing: -.408px
    }
}

@media (min-width: 992px) {
    .landing-banner-text,.landing-banner-title {
        max-width:398px;
        color: var(--colors-fill-default)
    }

    .navbar-nav li.nav-item {
        padding: 5px 16px
    }

    .d-sm-none {
        display: contents
    }

    .landing-banner-content {
        margin-left: 30px;
        margin-top: 20px
    }

    .landing-banner-title {
        font-weight: 500;
        width: 75%;
        margin-top: 15px;
        font-size: 40px;
        line-height: 50px
    }

    .landing-banner-section {
        padding-top: 35px;
        padding-bottom: 45px
    }

    .d-content {
        display: contents!important
    }

    .landing-banner-text {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        height: auto;
        text-align: justify;
        letter-spacing: -.408px
    }

    .landing-banner-btn,.landing-banner-btn:hover {
        background-color: var(--colors-fill-default);
        color: var(--colors-fill-violet)
    }

    .landing-banner-btn {
        padding: 12px 24px;
        max-width: 165px;
        border-radius: 10px;
        gap: 10px
    }

    .landing-slider-content {
        margin-left: 0;
        margin-top: 5px;
        margin-bottom: 15px;
        padding-left: 50px;
        padding-right: 0
    }

    .landing-slider-img {
        width: 60%
    }

    .landing-banner-slider {
        border-radius: 20px;
        max-width: 1140px;
        margin-top: 20px;
        background-color: var(--colors-fill-violet);
        min-height: 198px!important
    }

    .landing-slider-title {
        margin-top: 30px;
        font-weight: 500;
        font-size: 32px;
        line-height: 50px;
        color: var(--colors-fill-default);
        max-width: 581px;
        height: 0
    }

    .landing-slider-text {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: var(--colors-fill-default);
        max-width: 516px;
        letter-spacing: -.408px
    }
}

@media (min-width: 1200px) {
    .landing-banner-text,.landing-banner-title {
        max-width:398px;
        color: var(--colors-fill-default)
    }

    .d-sm-none {
        display: contents
    }

    .landing-banner-content {
        margin-left: 30px;
        margin-top: 20px
    }

    .landing-banner-title {
        font-weight: 500;
        width: 75%;
        margin-top: 15px;
        font-size: 40px;
        line-height: 50px
    }

    .landing-banner-section {
        padding-top: 35px;
        padding-bottom: 45px
    }

    .d-content {
        display: contents!important
    }

    .landing-banner-text {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        height: auto;
        text-align: justify;
        letter-spacing: -.408px
    }

    .landing-banner-btn,.landing-banner-btn:hover {
        background-color: var(--colors-fill-default);
        color: var(--colors-fill-violet)
    }

    .landing-banner-btn {
        padding: 12px 24px;
        max-width: 165px;
        border-radius: 10px;
        gap: 10px
    }

    .landing-slider-content {
        margin-left: 0;
        margin-top: 5px;
        margin-bottom: 15px;
        padding-left: 50px;
        padding-right: 0
    }

    .landing-slider-img {
        width: 60%
    }

    .landing-banner-slider {
        border-radius: 20px;
        max-width: 1140px;
        margin-top: 20px;
        background-color: var(--colors-fill-violet);
        min-height: 198px!important
    }

    .landing-slider-title {
        margin-top: 30px;
        font-weight: 500;
        font-size: 32px;
        line-height: 50px;
        color: var(--colors-fill-default);
        max-width: 581px;
        height: 0
    }

    .landing-slider-text {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: var(--colors-fill-default);
        max-width: 516px;
        letter-spacing: -.408px
    }
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed;
    z-index: 9999999999
}

#video-how-cashback-work .centerBloc {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

#video-how-cashback-work .barsteps {
    align-content: flex-end;
    align-items: center
}

#video-how-cashback-work .md-stepper-horizontal {
    display: block;
    max-width: 1000px;
    margin: 0 auto
}

#video-how-cashback-work .md-stepper-horizontal .md-step {
    display: inline-table;
    position: relative;
    padding: 35px;
    min-width: 260px!important
}

#video-how-cashback-work .md-stepper-horizontal .md-step .video {
    width: 160px;
    height: 103px
}

#video-how-cashback-work .md-stepper-horizontal .md-step .video .overlayV {
    background-color: rgba(22,22,22,.6);
    width: 100%;
    height: 100%;
    border-radius: 12px;
    position: relative
}

#video-how-cashback-work .md-stepper-horizontal .md-step .videogradian {
    width: 100%;
    height: 103px;
    background: var(--colors-blue-30);
    box-sizing: border-box;
    border: 3px solid #fff0;
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    gap: 4px
}

#video-how-cashback-work .md-stepper-horizontal .md-step .md-step-title {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 700;
    color: var(--colors-blue-30);
    text-align: center
}

#video-how-cashback-work .md-stepper-horizontal .md-step-bar {
    display: inline;
    height: 5px;
    width: 100%;
    border-top: 4px solid var(--colors-blue-30);
    margin: 0 auto 85px
}

@media (max-width: 1024px) {
    #video-how-cashback-work .flex-container {
        flex-direction:row
    }

    #video-how-cashback-work .md-stepper-horizontal {
        max-width: 600px
    }

    #video-how-cashback-work .md-stepper-horizontal .md-step {
        display: block;
        padding: 20px 35px;
        max-width: 440px!important;
        height: 320px;
        margin: 0 auto
    }

    #video-how-cashback-work .md-stepper-horizontal .md-step-bar {
        rotate: 90deg;
        height: 5px;
        width: 15%;
        margin-bottom: 35px
    }

    .md-stepper-horizontal .md-step .videogradian {
        width: 400px;
        height: 200px;
        margin: 0 auto
    }
}

@media (max-width: 900px) {
    #video-how-cashback-work .flex-container {
        flex-direction:row
    }

    #video-how-cashback-work .md-stepper-horizontal .md-step {
        display: block;
        padding: 20px 35px;
        min-width: 440px!important;
        height: 318px;
        margin: 0 auto
    }

    #video-how-cashback-work .md-stepper-horizontal .md-step .videogradian {
        width: 400px;
        height: 200px;
        margin: 0 auto
    }

    #video-how-cashback-work .md-stepper-horizontal .md-step-bar {
        rotate: 90deg;
        height: 5px;
        width: 15%;
        margin-bottom: 35px
    }
}

@media (max-width: 768px) {
    #video-how-cashback-work .flex-container {
        flex-direction:row
    }

    #video-how-cashback-work .md-stepper-horizontal {
        max-width: 300px
    }

    #video-how-cashback-work .md-stepper-horizontal .md-step {
        display: block;
        padding: 20px 35px;
        min-width: 260px!important;
        height: 250px;
        margin: 0 auto
    }

    #video-how-cashback-work .md-stepper-horizontal .md-step .videogradian {
        width: 100%;
        height: 130px
    }

    #video-how-cashback-work .md-stepper-horizontal .md-step-bar {
        rotate: 90deg;
        height: 5px;
        width: 25%;
        margin-bottom: 35px
    }
}


@media (max-width: 768px) {
    .footer-wrapper .footer-list .footer-link{
        text-align: center;
    }
}

@media (max-width: 575.98px) {
    .footer-wrapper .footer-list .footer-link{
    text-align: center;
    }
}




.latest-coupons-element:hover {
    border-color: var(--colors-blue-30);
    border-radius: 15px
}

#offers-ofthe-moment .coupon-details-text {
    padding: 0px
}

#offers-ofthe-moment .top-coupon {
    width: 200px;
    margin: 15px 10px 0
}

#popular-brands-section .coupon-code-btn span,
#popular-brands-section .coupon-code-btn-mobile span ,

#top-five-coupons-section .coupon-code-btn span,
#top-five-coupons-section .coupon-code-btn-mobile span,

#topfive-cashback-store .coupon-code-btn span,
#topfive-cashback-store .coupon-code-btn-mobile span,

#event-coupons-section .coupon-code-btn  span,
#event-coupons-section .coupon-code-btn-mobile span,


#latest-coupons-section .coupon-code-btn span ,
#latest-coupons-section .coupon-code-btn-mobile span,

#offers-ofthe-moment .coupon-code-btn span,
#offers-ofthe-moment .coupon-code-btn-mobile span {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    background-color: var(--colors-blue-30) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
#popular-brands-section .coupon-code-btn ,
#popular-brands-section .coupon-code-btn-mobile ,

#top-five-coupons-section .coupon-code-btn ,
#top-five-coupons-section .coupon-code-btn-mobile ,

#topfive-cashback-store .coupon-code-btn ,
#topfive-cashback-store .coupon-code-btn-mobile ,

#event-coupons-section .coupon-code-btn ,
#event-coupons-section .coupon-code-btn-mobile ,

#latest-coupons-section .coupon-code-btn ,
#latest-coupons-section .coupon-code-btn-mobile ,

#offers-ofthe-moment .coupon-code-btn ,
#offers-ofthe-moment .coupon-code-btn-mobile  {
    padding: 10px 15px;
}


.element-discount-btn .discount-btn span{
    background-color: var(--colors-blue-30) !important;
}

.featured-carousel .feature-item .get-btn span,
.ads-slide-content .btn_ads_action span {
    background-color: var(--colors-blue-30) !important;
}

.slide_item_content .btn_ads_catregory .gradient-box:before{

    background-color: var(--colors-blue-30) !important;
}
.see-all {
     color: var(--colors-blue-30) !important;
 }

.earn-bonuses-item .earn-title {
    font-weight: 500;
    color: var(--colors-blue-30);
}