/* Minification failed. Returning unminified contents.
(13845,9): run-time error CSS1060: Expected closing curly-brace, found '.'
(13852,5): run-time error CSS1019: Unexpected token, found '}'
(13887,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(13888,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '36%'
(14809,10): run-time error CSS1030: Expected identifier, found '.'
(14813,10): run-time error CSS1030: Expected identifier, found '.'
(14813,10): run-time error CSS1019: Unexpected token, found '.'
(14824,5): run-time error CSS1019: Unexpected token, found '}'
(14920,1): run-time error CSS1019: Unexpected token, found '}'
 */
@font-face {
    font-family: 'IRANYekanRegularRd';
    src: url('../fonts/Iranyakon/IRANYekanRegularRd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IRANYekanMediumRd';
    src: url('../fonts/Iranyakon/IRANYekanMediumRd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IRANYekanLightRd';
    src: url('../fonts/Iranyakon/IRANYekanLightRd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IRANYekanThinRd';
    src: url('../fonts/Iranyakon/IRANYekanThinRd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IRANYekanBlackRd';
    src: url('../fonts/Iranyakon/IRANYekanBlackRd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IRANYekanBoldRd';
    src: url('../fonts/Iranyakon/IRANYekanBoldRd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IRANYekanExtraBlackRd';
    src: url('../fonts/Iranyakon/IRANYekanExtraBlackRd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IRANYekanExtraBoldRd';
    src: url('../fonts/Iranyakon/IRANYekanExtraBoldRd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RamadanFont';
    src: url('../fonts/RamadanFont/Ramadhan Mubarak.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


* {
    margin: 0;
}

html {
    height: 100%;
    min-width: 320px;
    overflow: auto;
    font-family: 'IRANYekanRegularRd';
}

body {
    height: auto;
    min-width: 320px;
    /*  max-width: 1024px;*/
    overflow-x: hidden;
    display: block;
    margin: auto;
    background-color: #F2F2F2;
    color: #333;
    font-family: 'IRANYekanRegularRd';
    background-repeat: repeat;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

form {
    min-height: 100%;
    height: 100%;
}

a, a:hover {
    text-decoration: none !important;
    cursor: pointer;
    color: white;
}

img {
    border: 0;
    font-size: 12px;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

input, button {
    font-family: inherit;
    border: 0 none;
    -webkit-appearance: none;
    border-radius: 0;
}

input, textarea, select {
    outline: none;
}

    input[type=button], input[type=submit], button, input[type=reset] {
        cursor: pointer;
        background: none;
    }

    input[type=text], input[type=password], input[type=email], input[type=date], input[type=tel] {
        width: 13vw;
        padding: 0.4vw 1vw;
        border: 1px solid #fff;
        font-size: 16px;
    }

textarea {
    width: 28.4vw;
    height: 2vw;
    padding: 0.4vw 1vw;
    color: #fff;
    resize: none;
    border: 1px solid #fff;
    background-color: inherit;
    font-size: 14px;
}

select, option {
    font-family: inherit;
}

.inner {
    width: 97%;
    max-width: 1024px;
    min-width: 320px;
    margin: auto;
}

.body-content .inner {
}

.paddingZero {
    padding: 0;
}

.paddingRightZero {
    padding-right: 0 !important;
}

.paddingLeftZero {
    padding-left: 0 !important;
}

.paddingleft0 {
    padding-left: 0 !important;
}

.marginRightZero {
    margin-right: 0 !important;
}

.marginLeftZero {
    margin-left: 0 !important;
}

.itemsSectionOverlay {
    min-width: 320px;
    background-color: rgb(0, 0, 0);
    z-index: 9998;
    opacity: 0.8;
    position: absolute;
    display: none;
}

.lblMsg {
    font-size: 15px;
    color: #ED1C24;
    margin: 10px 0;
}

.orange {
    color: #f98b18 !important;
}

.black32 {
    color: #323232 !important;
}

.loader {
    display: block;
    margin: auto;
}

.scrollRightLeft {
    display: none;
}

.clear {
    clear: both;
}

.blue {
    color: #0D618D;
}

.bgwhite {
    background-color: #fff !important;
}

.pink {
    color: #ED1C24;
}

.lightBlue {
    color: #64C8E1;
}

.white {
    color: #fff !important;
}

.green {
    color: #199B91;
}

.purple {
    color: #A01E7D;
}

.orange {
    color: #E63C1E;
}

.cream {
    color: #B4AA7D;
}

.breadcrumb {
    font-size: 16px;
    background-color: transparent;
    padding-left: 0;
}

    .breadcrumb li {
        color: #fff;
        cursor: auto;
    }

        .breadcrumb li a {
            color: #86b0c6;
        }

.pdbtm20 {
    padding-bottom: 20px;
}

.pdbtm10 {
    padding-bottom: 10px;
}

.pdtop20 {
    padding-top: 20px;
}

.pdtop10 {
    padding-top: 10px;
}

.pdbtm40 {
    padding-bottom: 40px;
}

.pdtop25 {
    padding-top: 25px !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.loader {
    width: 25px;
    position: relative;
}

.overlay {
    background-color: rgba(255,255,255,0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.lightGrey {
    color: #808080 !important;
}

.txtAlignLeft {
    text-align: left !important;
}

.txtAlignCenter {
    text-align: center !important;
}

.display-tbl {
    display: table;
}

.marginBtm50 {
    margin-bottom: 70px;
}

.marginLeft {
    margin-left: -15px;
}

.ldr {
    width: 25px;
    margin: 50px auto;
    display: none;
    position: relative;
    left: 48%;
}

.rotate180 {
    transform: rotate(180deg);
}

.marginBtm30 {
    margin-bottom: 30px;
}

.marginBtm20 {
    margin-bottom: 20px !important;
}

.marginBtm10 {
    margin-bottom: 10px;
}

.no-x-scroll {
    overflow-x: hidden;
}

.m-auto {
    margin: auto !important;
}

.w-100 {
    width: 100% !important;
}

.marginTop30 {
    margin-top: 30px;
}

.bgtransparent {
    background-color: transparent !important;
}


.jq-toast-wrap .jq-toast-single {
    font-family: IRANYekanRegularRd !important;
}


.greybg {
    background-color: #F9F9F9 !important
}

.lightblack {
    color: #e82228 !important;
}

.borderlightblack {
    border-color: #e82228 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

.disabled {
    opacity: 0.7;
    cursor: not-allowed !important;
}

.wishlistheader {
    color: #333 !important;
}

#maWlCount {
    position: relative;
    right: 23px;
    font-size: 14px;
    top: -2px;
}

.linkWishlist {
    color: #ED1C24;
    padding: 0 20px;
    font-weight: bold;
}

    .linkWishlist a, .linkWishlist a:hover {
        color: #ED1C24;
    }

.backBtn {
    color: #ED1C24;
    font-weight: bold;
    cursor: pointer;
    margin: 15px;
    display: block;
}

    .backBtn:hover {
        color: #ED1C24;
    }

/*header*/
.header {
    height: 40px;
    background-color: #C90223;
}

.home-header {
    background-color: transparent;
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    color: white;
    font-family: IRANYekanBoldRd;
    min-width: 320px; /*max-width: 1024px;*/
    margin: auto;
}

.header .logo {
    float: left;
    padding: 50px 0 0;
}

.header .title {
    display: inline-block;
    padding-top: 10px;
    color: white;
    width: 50%;
    font-weight: 700;
    font-family: IRANYekanBoldRd;
    font-size: 14px;
    letter-spacing: -0.5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 300px;
}

@media screen and (max-width:770px) {
    .header .title {
        font-size: 14px;
    }
}

.header .menu {
    float: right;
    padding: 0px;
    width: 25%;
}

    .header .menu .closeMenu {
        display: none;
    }

    .header .menu .ulMenu {
        float: right;
    }

    .header .menu .menuLi {
        float: left;
        font-size: 18px;
        text-transform: uppercase;
        margin-left: 50px;
        padding: 23px 0;
        color: #6b6b6b;
        cursor: pointer;
    }

        .header .menu .menuLi a {
            color: #6b6b6b;
        }

        .header .menu .menuLi.selected, .header .menu .menuLi.selected a {
            color: #00416a;
            font-weight: bold;
        }

        .header .menu .menuLi .subMenu li {
            color: #fff;
        }

    .header .menu .rightMenu {
        height: 30px;
        float: right;
        padding: 5px 0 0 0;
    }

.home-header .menu .rightMenu {
    margin-right: 10px;
}
/*@media screen and (min-width:320px) and (max-width:500px){
    .pages-header .menu .rightMenu{
        margin-right:7px;
    }
    .pages-header .menu .language .dropdown-menu {
        right: 4px !important;
    }
}*/
.header .menu .searchContainer {
    margin-right: 20px;
    float: left;
}

    .header .menu .searchContainer .txtSearch {
        width: 220px;
        height: 34px;
        border: 1px solid #00416a;
        border-radius: 30px;
        position: relative;
        z-index: 2;
        left: 34px;
        font-size: 13px;
        color: #00416a;
    }

    .header .menu .searchContainer .ddlSearch {
        width: 220px;
        display: none;
        z-index: 1;
        position: relative;
        left: 34px;
        background-color: #69899d;
        top: -15px;
        padding: 25px 15px 15px;
    }

        .header .menu .searchContainer .ddlSearch .option, .header .menu .searchContainer .ddlSearch .option a {
            font-style: italic;
            font-size: 13px;
            color: #fff;
            cursor: pointer;
        }

    .header .menu .searchContainer .arwSearch {
        width: 34px;
        height: 34px;
        cursor: pointer;
        position: relative;
        z-index: 3;
        border: 1px solid #00416a;
        float: right;
        border-radius: 30px;
        background-image: url('img/btn/triangle.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center center;
    }

.header .menu .wishlist {
    width: 28px;
    height: 28px;
    cursor: pointer;
    float: left;
    text-align: center;
    color: white;
    margin: 0px 3px;
}

    .header .menu .wishlist .fa-heart-o {
        font-size: 30px;
    }

    .header .menu .wishlist .wishlist-count {
        font-size: 10px;
        position: relative;
        text-align: center;
        top: -28px !important;
        left: 1px;
    }

.header .menu .language, .header .menu .faq {
    width: 28px;
    height: 28px;
    border: 3px solid white;
    cursor: pointer;
    float: right;
    border-radius: 30px;
    text-align: center;
    padding-top: 1px;
    margin: 0 3px;
}

    .header .menu .language .dropdown-menu {
        width: 47px !important;
        left: unset !important;
        right: 4px;
        padding: 10px;
        background-color: #00000099;
        border-radius: 70px !important;
        min-width: unset !important;
    }

.pages-header {
    position: fixed;
    z-index: 100;
    width: 100%;
}

    .pages-header .inner {
        max-width: 100%;
        width: 100%;
        padding-left: 9px;
        padding-right: 9px;
    }

    .home-header .nav-link, .pages-header .nav-link {
        color: white;
    }

    .pages-header .menu .language .dropdown-menu {
        top: unset !important;
        left: unset !important;
        right: 4px !important;
        margin-top: 10px;
        position: absolute;
    }

.header .menu .language .dropdown-menu .dropdown-item {
    height: 30px;
}

.header .menu .language .dropdown-menu a {
    vertical-align: middle;
    padding: 5px;
}

.header .menu .language a, .header .menu .faq a {
    color: white;
}

.header .burgerMenu {
    display: none;
    width: 32px;
    float: left;
    height: 40px;
    margin-top: 30px;
    z-index: 6;
    margin-left: 20px;
}

    .header .burgerMenu span {
        width: 100%;
        height: 5px;
        background-color: #00416a;
        display: block;
        margin: 6px 0;
    }

.header .menu .menuLi.lang {
    display: none;
}

.header .menu .menuLi .subMenu {
    width: 90%;
    height: auto;
    background-color: #00416a;
    color: #fff;
    display: none;
    padding: 40px 40px 20px;
    z-index: 10;
    position: absolute;
    left: 5%;
    top: 140px;
}

    .header .menu .menuLi .subMenu .type {
        font-size: 23px;
        font-family: 'IRANYekanBoldRd';
        clear: both;
        display: block;
        cursor: pointer;
    }

    .header .menu .menuLi .subMenu .subCateg {
        font-size: 16px;
        text-transform: uppercase;
        float: left;
        font-family: 'IRANYekanRegularRd';
        padding: 20px 20px 30px 0;
        cursor: pointer;
    }

    .header .menu .menuLi .subMenu li.subCateg a {
        color: #fff !important;
    }

.header .back-arrow-content {
    float: left;
    width: 25%;
    color: white;
    cursor: pointer;
    text-align: left;
}

.loggedInUser {
    height: 80px;
    background-color: #ededed;
    margin-bottom: 30px;
}

    .loggedInUser .hiUser {
        color: #ED1C24;
        font-family: 'IRANYekanBoldRd';
        font-size: 21px;
        padding-top: 25px;
    }

        .loggedInUser .hiUser label {
            color: #00416a;
            font-family: 'IRANYekanBoldRd';
        }

/*body*/
.bodyCont {
    padding: 15px 15px 25px 15px;
    background-color: transparent;
    /*margin-top: 20px;*/
}

@media (max-width:500px) {
    .bodyCont {
        padding: 15px 5px 25px 5px;
    }
}

[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.bg-white {
    background-color: #F9F9F9;
}

@media (max-width:1210px) {
    .header .menu .menuLi {
        margin-left: 25px;
    }
}

@media (min-width:1101px) {
    .header .menu .catalog:hover .subMenu {
        display: block;
    }

    .header .menu .catalog .subMenu:hover {
        display: block;
    }

    .header .menu .account:hover .subMenu {
        display: block;
    }

    .header .menu .account .subMenu:hover {
        display: block;
    }
}

@media (max-width:1100px) {
    .header {
        height: 40px;
    }

        .header .burgerMenu {
            display: block;
        }

        .header .logo {
            padding: 15px 15px 0 15%;
            text-align: center;
        }

            .header .logo img {
                max-width: 100%;
            }

        .header .menu .ulMenu {
            float: left;
        }

        .header .menu .menuLi {
            width: 270px;
            float: none;
            color: #fff;
            border-bottom: 1px solid #fff;
            padding: 14px 0;
            padding-left: 20px;
            margin-left: 0;
        }

            .header .menu .menuLi a {
                color: #fff;
            }

        .header .menu.mobile {
            width: 320px;
            height: 100%;
            background-color: #00416a;
            text-align: left;
            position: fixed;
            top: 0px;
            margin-left: 0;
            margin-top: 0;
            z-index: 6;
            left: -360px;
            transition: left 2s;
            -webkit-transition: left 2s;
        }

            .header .menu.mobile.show {
                top: 100px;
                left: 0;
                padding-bottom: 20px;
                padding-top: 20px
            }

            .header .menu.mobile .mobileMenu {
                display: none;
            }

            .header .menu.mobile .language {
                display: none;
            }

            .header .menu.mobile .searchContainer {
                display: none;
            }

            .header .menu.mobile .closeMenu {
                display: block;
                float: right;
                margin-right: 20px;
            }

            .header .menu.mobile .menuLi.lang {
                display: block;
            }

            .header .menu.mobile .menuLi.selected, .header .menu.mobile .menuLi:hover {
                color: #fff;
            }

    #bgrMenu {
        margin-right: 10px;
    }

    .header .menu.mobile .subMenu {
        position: initial;
        padding: 0;
    }

        .header .menu.mobile .subMenu .subCateg {
            padding: 5px 0;
            float: none;
        }

    .header .menu.mobile .catalog, .header .menu.mobile .account, .header .menu.mobile .lang {
        background-image: url('img/btn/menuArw.png');
        background-position: right 14px;
        background-repeat: no-repeat;
    }

    .header .subMenu .type {
        padding: 10px 0;
        font-size: 16px;
    }

    .header .subMenu .subCateg {
        font-size: 14px;
    }

    .header .menu .menuLi.selected, .header .menu .menuLi.selected a, .header .menu .menuLi:hover {
        font-weight: normal;
        color: #fff;
    }

    .header .wishlistMob {
        display: block;
    }
}

@media(max-width:900px) {
    .header .logo {
        padding: 15px 15px 0 10%;
    }
}

@media(max-width:800px) {
    .header .logo {
        padding: 30px 15px 0 0;
    }

        .header .logo img {
            max-width: 55%;
        }
}

@media(max-width:700px) {
    .header .logo {
        width: 200px;
        padding: 30px 0 0 15px;
    }

        .header .logo img {
            max-width: 80%;
        }

    .loggedInUser .hiUser {
        font-size: 14px;
    }
}

@media(max-width:600px) {
    .header .logo {
        width: 180px;
        padding: 32px 0 0 15px;
    }

        .header .logo img {
            max-width: 80%;
        }
}

@media(max-width:500px) {
    .inner {
        width: 98%
    }

    .logos {
        width: 170px;
        float: left;
        text-align: center;
        margin-left: 20%;
        margin-top: 7px;
    }

    .header .logo {
        width: 100%;
        padding: 0;
    }

        .header .logo img {
            max-width: 100%;
        }
}

@media(max-width:390px) {
    .logos {
        width: 150px;
        float: left;
        text-align: center;
        margin-left: 12%;
        margin-top: 7px;
    }
}


/*Footer*/
.footer {
    min-height: 136px;
    background-color: #333f48;
    color: #fff;
    display: block;
    overflow: hidden;
}

    .footer .footer-menu {
        padding: 50px 0;
    }

    .footer .footer-menu-li {
        float: left;
        font-size: 14px;
        color: #fff;
    }

    .footer .footer-separator {
        float: left;
        margin: 0 10px;
        font-size: 14px;
    }

    .footer .social-media {
        padding: 50px 0;
    }

        .footer .social-media a {
            float: left;
            display: block;
            margin-right: 20px;
        }

    .footer .copyright {
        float: right;
        font-size: 14px;
        padding: 50px 0;
    }

@media (max-width:996px) {
    .footer {
        min-height: 80px;
    }

        .footer .footer-menu {
            display: none;
        }

        .footer .social-media {
            padding: 30px 0;
            float: right;
        }

        .footer .copyright {
            padding: 30px 0px;
            float: left;
        }

        .footer .social-media a {
            float: right;
        }
}

@media (max-width:500px) {
    .footer .copyrightDiv {
        width: 100%;
    }

    .footer .copyright {
        font-size: 10px;
        text-align: center;
        float: none;
    }

    .footer .social-media {
        width: 45%;
        margin: auto;
        float: none;
        padding-bottom: 0;
    }
}

.transfer-gift-wallet-sec .transfer-to-gift-wallet {
    width: fit-content;
    background-color: white;
    color: #e82228;
    font-family: 'IRANYekanExtraBoldRd';
    text-align: center;
    padding: 15px 30px;
    margin: 20px auto;
    border-radius: 50px;
    font-size: 18px;
}

    .transfer-gift-wallet-sec .transfer-to-gift-wallet i {
        margin-left: 15px;
    }

@media (max-width:750px) {
    .transfer-gift-wallet-sec .transfer-to-gift-wallet {
        padding: 15px;
        font-size: 15px;
    }
}
/*Index Home Page */
.secTitle, .secTitle a {
    color: #666666;
    font-size: 25px;
    font-family: IRANYekanExtraBoldRd;
    margin: 50px 0 10px;
    text-align: left;
    line-height: 1;
    text-transform: uppercase;
}

    .secTitle.red {
        color: #ED1C24;
    }

.subSecTitle {
    font-size: 22px;
    text-align: center;
    margin-bottom: 25px;
}

.mybtnSec { /*margin:20px 20px 0px 20px;*/
    padding: 0px 5%;
    display: inline-block;
}

.mybtnSecBlock {
    margin: 20px 20px 0px 20px;
    padding: 0px 5%;
}

@media (max-width:450px) {
    .mybtnSec {
        padding: 0px;
    }

    .mybtnSecBlock .mybtn {
        height: 46px !important;
    }
}

.mybtnSecBlock .mybtn {
    width: 51%;
    border: 2px solid #E82228;
    color: #E82228;
    text-align: center;
    height: 54px;
    display: table-cell;
    vertical-align: middle;
    /*padding: 16px 20px 0;*/
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
    margin: 20px auto;
    text-transform: uppercase;
}

.fontSize {
    font-size: 13.8px !important;
}

.myStatementMessage {
    font-size: 12px;
    float: right;
    color: #808080;
    padding: 0% 2%;
}

@media screen and (min-width:320px) and (max-width:450px) {
    .myStatementMessage {
        font-size: 8px;
    }

    .Credittxt {
        margin-top: 20px !important;
    }
}

@media screen and (min-width:320px) and (max-width:371px) {

    .Credittxt {
        margin-top: 35px !important;
    }
}

.mybtnSec .mybtnDeactivate {
    padding: 12px 2px 0;
    width: 120px;
    font-size: 10px;
    height: 40px;
    font-family: IRANYekanExtraBoldRd;
    float: right;
    margin: 0;
    cursor: pointer;
    text-transform: uppercase;
    color: lightgray !important;
}

.deactivateUser {
    padding: 0% !important;
}

.redOptSec .option {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 6px;
    display: table;
    margin-bottom: 20px;
    width: 100%;
}

    .redOptSec .option .info {
        float: right;
        text-align: left;
        width: calc(100% - 100px);
        margin-left: 15px;
    }

        .redOptSec .option .info .title {
            font-size: 20px;
            font-family: IRANYekanExtraBoldRd;
            color: #333333;
            float: none;
            line-height: 1;
            text-transform: uppercase;
        }

        .redOptSec .option .info .desc {
            font-size: 16px;
            color: #999999;
            margin-bottom: 2px;
        }

        .redOptSec .option .info .link {
            font-size: 13px;
            color: #E82228;
            overflow: hidden;
            display: block;
            float: right;
        }

            .redOptSec .option .info .link .tblLink {
                display: table;
                height: 24px;
                vertical-align: middle;
            }
                /*.redOptSec .option .info .link label {
                margin-bottom: 0px !important;
                margin-right: 5px !important;
                display: table-cell;
                vertical-align: middle;
                cursor: pointer;
            }
            .redOptSec .option .info .link img {
                display: table-cell;
                vertical-align: middle;
                margin-left: 5px;
                padding-top: 5px;
            }*/
                .redOptSec .option .info .link .tblLink .takelook {
                    cursor: pointer;
                }

.txtTakeLook {
    float: right;
    margin-right: 10px;
}

.redOptSec .option .info .link .tblLink .takelook .imgTakeLook {
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 10px;
}

.redOptSec .option .option-img {
    width: 84px;
    height: 70px;
    float: left;
    background-image: url('img/btn/deals.png');
    background-repeat: no-repeat;
    background-size: contain;
}

    .redOptSec .option .option-img img {
        max-height: 65px;
    }

/* Hot Deals Carousel*/
.deals-carousel {
    margin: 50px 0px 10px;
}

    .deals-carousel .secTitle {
        margin: unset !important;
        float: left;
    }

    .deals-carousel a.secTitle:hover {
        color: #666666;
    }

.hotDealsSec .viewall {
    float: right;
    font-size: 13px;
    color: #E82228;
    text-transform: capitalize;
    display: table;
    vertical-align: middle;
    cursor: pointer;
    font-family: IRANYekanBoldRd;
}

/* .hotDealsSec .viewall a {
        display: table-cell;
        vertical-align: middle;
        cursor: pointer;
        font-size: 13px;
        color: #E82228;
    }

    .hotDealsSec .viewall img {
        display: table-cell;
        vertical-align: middle;
        margin-left: 5px;
        padding-top: 5px;
    }*/
.txtViewAll {
    float: right;
    color: #E82228;
}

.hotDealsSec .imgViewAll {
    display: block;
    width: 17px;
    height: 16px;
    float: right;
}

/* End of Hot Deals Carousel*/

.recomSec { /*margin-top: 10px;*/
}

.catalogSec {
    margin-top: 10px;
    overflow: hidden;
    margin-bottom: 50px;
}

    .catalogSec .imgDiv {
        margin-bottom: 20px;
    }

    .catalogSec img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        margin-bottom: 15px;
        border-radius: 12px;
    }

    .catalogSec .homeCatalog:nth-child(even) .descCateg {
        width: 200px;
        height: 200px;
        vertical-align: middle;
        background-color: #ED1C24;
        z-index: 3;
        top: 22%;
        right: 30px;
        text-align: center;
        display: table;
        border-radius: 100px;
        position: absolute;
    }

    .catalogSec .homeCatalog:nth-child(odd) .descCateg {
        width: 200px;
        height: 200px;
        vertical-align: middle;
        background-color: #ED1C24;
        z-index: 3;
        top: 22%;
        left: 30px;
        text-align: center;
        display: table;
        border-radius: 100px;
        position: absolute;
    }

    .catalogSec .descCateg .descTxt {
        margin: auto;
        color: #fff;
        width: 180px;
        height: 180px;
        line-height: 1;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 36px;
        font-family: 'IRANYekanBoldRd';
    }

.ms-layer.bold-title {
    left: 100px !important;
    color: #fff !important;
    font-family: 'IRANYekanBoldRd' !important;
    font-size: 40px !important;
    line-height: 1 !important;
}

.ms-layer.normal-desc {
    left: 100px !important;
    color: #fff !important;
    font-size: 22px !important;
    font-family: 'IRANYekanRegularRd' !important;
    line-height: 1.1 !important;
    font-weight: 500;
}

.borderSpan {
    left: 100px !important;
    width: 60px !important;
    height: 3px !important;
    margin: 10px 0 !important;
    background-color: #fff !important;
}

.ms-layer.small-desc {
    left: 100px !important;
    max-width: 280px;
    color: #fff !important;
    font-size: 12px !important;
    font-family: 'IRANYekanRegularRd' !important;
    line-height: 1 !important;
}

.ms-layer.link-buttons-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    left: 4% !important;
    position: absolute;
    width: auto;
    top: 70% !important;
    left: 4% !important;
    text-align: center;
    padding: 9px !important;
    /*min-width: 30px;*/
}
.link-desc {
    top: 70% !important;
    left: 4% !important;
    color: #fff !important;
    font-size: 16px !important;
    font-family: 'IRANYekanBoldRd' !important;
    /*line-height: 1.6 !important;*/
    border-radius: 5px;
    background-color: #e82228;
    text-align: center;
    text-transform: uppercase;
    padding: 9px !important;
    width: 133px;
    /*min-width: 30px;*/
}




@media (max-width: 768px) {
    .ms-layer.link-buttons-container {
        flex-direction: column;
        align-items: flex-start;
        top: 60% !important;
    }
}
.featuredContainer .owl-nav .owl-prev {
    float: left;
    margin-top: -200px;
    margin-left: -30px;
}

.featuredContainer .owl-nav .owl-next {
    float: right;
    margin-top: -200px;
    margin-right: -30px;
}

.featuredContainer .dealContainer {
    width: 40%;
    position: absolute;
    bottom: 20px;
    right: 0;
    background-color: #ED1C24;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
    padding: 15px 20px 20px 55px;
}

    .featuredContainer .dealContainer .dealTtl {
        font-family: 'IRANYekanBoldRd';
        font-size: 26px;
        color: #fff;
        line-height: 1.2;
    }

    .featuredContainer .dealContainer .dealDesc {
        font-family: 'IRANYekanRegularRd';
        font-size: 17px;
        color: #fff;
        line-height: 1.2;
    }

@media (max-width:1150px) {
    .secTitle, .secTitle a {
        font-size: 25px;
    }

    .featuredContainer .dealContainer {
        padding-left: 35px;
    }

        .featuredContainer .dealContainer .dealTtl {
            font-size: 22px;
        }

        .featuredContainer .dealContainer .dealDesc {
            font-size: 14px;
        }

    .featuredContainer .owl-nav .owl-prev {
        margin-top: -180px;
    }

    .featuredContainer .owl-nav .owl-next {
        margin-top: -180px;
    }

    .catalogSec .homeCatalog:nth-child(even) .descCateg {
        width: 180px;
        height: 180px;
        top: 22%;
        right: 20px;
    }

    .catalogSec .homeCatalog:nth-child(odd) .descCateg {
        width: 180px;
        height: 180px;
        top: 22%;
        left: 20px;
    }

    .catalogSec .descCateg .descTxt {
        width: 160px;
        height: 160px;
        font-size: 30px;
    }
}

@media (max-width:1000px) {
    .ms-layer.bold-title {
        font-size: 32px !important;
    }

    .ms-layer.normal-desc {
        font-size: 15px !important;
    }

    .borderSpan {
        width: 50px !important;
        height: 2px !important;
        margin: 7px 0 !important;
    }

    .featuredContainer .dealContainer {
        padding-left: 30px;
        padding-right: 10px;
    }

        .featuredContainer .dealContainer .dealTtl {
            font-size: 18px;
        }

        .featuredContainer .dealContainer .dealDesc {
            font-size: 12px;
        }

    .featuredContainer .owl-nav .owl-prev {
        margin-top: -150px;
    }

    .featuredContainer .owl-nav .owl-next {
        margin-top: -150px;
    }

    .catalogSec .homeCatalog:nth-child(even) .descCateg {
        width: 160px;
        height: 160px;
        top: 18%;
        right: 20px;
    }

    .catalogSec .homeCatalog:nth-child(odd) .descCateg {
        width: 160px;
        height: 160px;
        top: 18%;
        left: 20px;
    }

    .catalogSec .descCateg .descTxt {
        width: 140px;
        height: 140px;
        font-size: 20px;
    }

    .filterPopup {
        /*width: 90% !important;*/
        padding: 15px !important;
    }

    .filter-popup .btns .clearRes, .filter-popup .btns .resultNum, filterPopup .btns {
        font-size: 12px !important;
    }

    .reviewPopup .writeReview {
        font-size: 17px !important;
    }
}

@media (max-width:800px) {
    .secTitle, .secTitle a {
        font-size: 25px;
    }

    .subSecTitle {
        font-size: 20px;
    }

    .ms-layer.bold-title {
        font-size: 30px !important;
        max-width: 250px !important;
    }

    .ms-layer.normal-desc {
        font-size: 14px !important;
    }

    .borderSpan {
        width: 50px !important;
        height: 2px !important;
        margin: 7px 0 !important;
    }

    .ms-layer.small-desc, .link-desc {
        font-size: 14px !important;
        width: 120px !important;
        padding: 13px !important;
    }
    
        .featuredContainer .dealContainer .dealTtl {
            font-size: 16px;
        }

    .featuredContainer .dealContainer .dealDesc {
        font-size: 11px;
    }

    .featuredContainer .owl-nav .owl-prev {
        width: 15px;
        height: 15px;
        margin-top: -130px;
        margin-left: -25px;
    }

    .featuredContainer .owl-nav .owl-next {
        width: 15px;
        height: 15px;
        margin-top: -130px;
        margin-right: -25px;
    }

    .featuredContainer .owl-nav .owl-prev img {
        width: 10px;
        height: 15px;
    }

    .featuredContainer .owl-nav .owl-next img {
        width: 10px;
        height: 15px;
    }

    .catalogSec .homeCatalog:nth-child(even) .descCateg {
        width: 120px;
        height: 120px;
        top: 20%;
        right: 20px;
    }

    .catalogSec .homeCatalog:nth-child(odd) .descCateg {
        width: 120px;
        height: 120px;
        top: 20%;
        left: 20px;
    }

    .catalogSec .descCateg .descTxt {
        width: 100px;
        height: 100px;
        font-size: 15px;
    }
}

@media (max-width:700px) {
    .ms-layer.bold-title {
        left: 75px !important;
    }

    .ms-layer.normal-desc {
        left: 75px !important;
    }

    .borderSpan {
        left: 75px !important;
    }

    .ms-layer.small-desc, .ms-layer.link-buttons-container {
        padding: 13px !important
    }
}

@media (max-width:600px) {
    .ms-layer.bold-title {
        font-size: 20px !important;
        max-width: 180px !important;
        left: 75px !important;
    }

    .ms-layer.normal-desc {
        font-size: 11px !important;
        left: 75px !important;
    }

    .borderSpan {
        width: 40px !important;
        height: 2px !important;
        margin: 3px 0 !important;
        left: 75px !important;
    }

    .ms-layer.small-desc, .link-desc {
        font-size: 12px !important;
        max-width: 180px !important;
        left: 75px !important;
        width: 82px !important;
        padding: 9px !important;
    }
    .ms-layer.link-buttons-container {
        top:65% !important;
    }
    .secTitle, .secTitle a {
        font-size: 20px;
    }

    .subSecTitle {
        font-size: 14px;
    }

    .featuredContainer .dealContainer {
        width: 50%;
        padding: 10px 10px 10px 25px;
    }

        .featuredContainer .dealContainer .dealTtl {
            font-size: 13px;
        }

        .featuredContainer .dealContainer .dealDesc {
            font-size: 10px;
        }

    .featuredContainer .owl-nav .owl-prev {
        margin-top: -110px;
    }

    .featuredContainer .owl-nav .owl-next {
        margin-top: -110px;
    }

    .catalogSec .homeCatalog:nth-child(even) .descCateg {
        width: 90px;
        height: 90px;
        top: 20%;
        right: 20px;
    }

    .catalogSec .homeCatalog:nth-child(odd) .descCateg {
        width: 90px;
        height: 90px;
        top: 20%;
        left: 20px;
    }

    .catalogSec .descCateg .descTxt {
        width: 80px;
        height: 80px;
        font-size: 12px;
    }
}

@media (max-width:550px) {
    .featuredContainer .owl-nav .owl-prev {
        width: 10px;
        margin-top: -90px;
        margin-left: -15px;
    }

    .featuredContainer .owl-nav .owl-next {
        width: 10px;
        margin-top: -90px;
        margin-right: -15px;
    }

    .catalogSec .homeCatalog:nth-child(even) .descCateg {
        width: 80px;
        height: 80px;
        top: 18%;
        right: 20px;
    }

    .catalogSec .homeCatalog:nth-child(odd) .descCateg {
        width: 70px;
        height: 70px;
        top: 18%;
        left: 20px;
    }

    .catalogSec .descCateg .descTxt {
        width: 80px;
        height: 80px;
        font-size: 10px;
    }
}


@media (max-width:480px) {
    .ms-layer.bold-title {
        font-size: 16px !important;
        max-width: 150px !important;
        left: 27px !important;
    }

    .ms-layer.normal-desc {
        font-size: 9px !important;
        left: 27px !important;
    }

    .ms-layer.small-desc, .link-desc {
        font-size: 11px !important;
        max-width: 160px !important;
        left: 27px !important;
        width: 70px !important;
        padding: 9px !important;
    }
    .ms-layer.link-buttons-container {
        top:67% !important;
    }
    .borderSpan {
        left: 27px !important;
    }

    .featuredContainer .dealContainer {
        width: 55%;
        padding: 5px 5px 5px 15px;
    }

        .featuredContainer .dealContainer .dealTtl {
            font-size: 9px;
        }

        .featuredContainer .dealContainer .dealDesc {
            font-size: 8px;
        }

    .featuredContainer .owl-nav .owl-prev {
        width: 10px;
        margin-top: -70px;
        margin-left: -15px;
    }

    .featuredContainer .owl-nav .owl-next {
        width: 10px;
        margin-top: -70px;
        margin-right: -15px;
    }

    .catalogSec .homeCatalog:nth-child(even) .descCateg {
        width: 70px;
        height: 70px;
        top: 16%;
        right: 20px;
    }

    .catalogSec .homeCatalog:nth-child(odd) .descCateg {
        width: 70px;
        height: 70px;
        top: 16%;
        left: 20px;
    }

    .catalogSec .descCateg .descTxt {
        width: 60px;
        height: 60px;
        font-size: 9px;
    }
}

@media (max-width:400px) {
    .ms-layer.bold-title {
        font-size: 15px !important;
        max-width: 105px !important;
    }

    .ms-layer.normal-desc {
        font-size: 8px !important;
    }

    .ms-layer.small-desc, .ms-layer.link-desc {
        font-size: 12px !important;
        max-width: 160px !important;
        width: 55px !important
    }

    .featuredContainer .owl-nav .owl-prev {
        width: 10px;
        margin-top: -60px;
        margin-left: -10px;
    }

    .featuredContainer .owl-nav .owl-next {
        width: 10px;
        margin-top: -60px;
        margin-right: -10px;
    }

    .featuredContainer .owl-nav .owl-prev img {
        width: 7px;
        height: 10px;
    }

    .featuredContainer .owl-nav .owl-next img {
        width: 7px;
        height: 10px;
    }

    .catalogSec .homeCatalog:nth-child(even) .descCateg {
        width: 48px;
        height: 48px;
        top: 14%;
        right: 20px;
    }

    .catalogSec .homeCatalog:nth-child(odd) .descCateg {
        width: 48px;
        height: 48px;
        top: 14%;
        left: 20px;
    }

    .catalogSec .descCateg .descTxt {
        width: 40px;
        height: 40px;
        font-size: 8px;
    }
}

@media (max-width:350px) and (min-width:320px) {
    /*.bodyCont {padding:0 10px;}*/

    .loginContainer .condition .link {
        font-size: 14px !important;
    }
}


/*Catalog Listing*/
.mobFilter {
    display: none;
    color: #333F48;
    font-size: 17px;
    padding-left: 30px;
    margin-bottom: 25px;
    cursor: pointer;
}

    .mobFilter img {
        margin-left: 10px;
    }

.catalogContainer {
    overflow: hidden;
    min-height: 535px;
    margin-top:20px;
}

    .catalogContainer .closeBtn {
        float: right;
        font-size: 20px;
        cursor: pointer;
        color: #fff;
        font-family: 'IRANYekanBoldRd';
    }

    .catalogContainer .ttl {
        color: #00416A;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: IRANYekanBoldRd;
        position: relative;
        z-index: 2;
    }

    .catalogContainer .filterSec {
        float: left;
        margin: 20px 15px 30px;
        cursor: pointer;
    }

        .catalogContainer .filterSec img {
            margin-right: 20px;
        }

    .catalogContainer .leftSec {
        width: 100%;
        display: none;
        float: left;
        background-color: #00416a;
        color: #fff;
        padding: 25px;
        position: relative;
        top: -75px;
    }

        .catalogContainer .leftSec .fltrDiv {
            display: inline-block;
        }

        .catalogContainer .leftSec .filterSec {
            float: left;
            margin: 0 0 30px;
            cursor: pointer;
        }

        .catalogContainer .leftSec .catDiv {
        }

        .catalogContainer .leftSec .ttl {
            background-color: #00416a;
            padding-right: 20px;
            width: max-content;
        }

        .catalogContainer .leftSec .sep {
            width: 100%;
            height: 2px;
            background-color: #fff;
            position: relative;
            top: -5px;
            z-index: 1;
        }

        .catalogContainer .leftSec .typeDiv {
            margin-top: 10px;
        }

        .catalogContainer .leftSec .filterSlider {
            height: 25px;
            margin-top: 30px;
        }

        .catalogContainer .leftSec .txtFromTo {
            font-size: 12px;
            color: #6b6b6b;
        }

            .catalogContainer .leftSec .txtFromTo .from {
                width: 48%;
                float: left;
                margin-bottom: 20px;
            }

                .catalogContainer .leftSec .txtFromTo .from label {
                    float: left;
                    padding-top: 8px;
                    color: #fff;
                    text-transform: uppercase;
                    font-family: 'IRANYekanRegularRd';
                }

                .catalogContainer .leftSec .txtFromTo .from input {
                    width: calc(100% - 50px);
                    height: 30px;
                    padding-left: 5px;
                    background-color: #fff;
                    border-radius: 30px;
                    float: right;
                }

            .catalogContainer .leftSec .txtFromTo .to {
                width: 48%;
                float: right;
                margin-bottom: 20px;
            }

                .catalogContainer .leftSec .txtFromTo .to label {
                    float: left;
                    padding-top: 8px;
                    color: #fff;
                    text-transform: uppercase;
                    font-family: 'IRANYekanRegularRd'
                }

                .catalogContainer .leftSec .txtFromTo .to input {
                    width: calc(100% - 35px);
                    height: 30px;
                    padding-left: 5px;
                    background-color: #fff;
                    border-radius: 30px;
                    float: right;
                }

        .catalogContainer .leftSec .filterBtn {
            width: 150px;
            padding: 10px;
            border: 2px solid #fff;
            text-align: center;
            cursor: pointer;
            color: #fff;
            background-color: #00416a;
            float: right;
            margin-bottom: 20px;
        }

    .catalogContainer .checkBoxBtn {
        margin: 15px 0 22px;
        overflow: auto;
        display: block;
    }

        .catalogContainer .checkBoxBtn .cat .stat {
            float: left;
        }

        .catalogContainer .checkBoxBtn .radioContainer {
            display: block;
            position: relative;
            margin-bottom: unset;
            cursor: pointer;
            font-size: 16px;
            -webkit-user-select: text;
            -moz-user-select: text;
            -ms-user-select: text;
            user-select: text;
            float: left;
            width: 80px;
            color: #fff;
            font-weight: unset;
        }

            .catalogContainer .checkBoxBtn .radioContainer input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
            }

        .catalogContainer .checkBoxBtn .radioCheckmark {
            position: absolute;
            top: 0px;
            left: 0;
            height: 20px;
            width: 20px;
            background-color: #ffffff;
            border-radius: 28px;
        }

            .catalogContainer .checkBoxBtn .radioCheckmark:after {
                content: "";
                position: absolute;
            }

        .catalogContainer .checkBoxBtn .radioContainer input:checked ~ .radioCheckmark {
            display: block;
            background-color: #ffa2a4;
        }

        .catalogContainer .checkBoxBtn .radioContainer .radioCheckmark:after {
            top: 5.3px;
            left: 5px;
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: #ED1C24;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .catalogContainer .checkBoxBtn .radioTtl {
            color: #fff;
            font-size: 12px;
            margin-left: 25px;
            font-weight: unset;
            font-family: IRANYekanRegularRd;
            margin-bottom: 15px;
            text-transform: uppercase;
        }

    .catalogContainer .rightSec {
        overflow: hidden;
        margin-bottom: 50px;
        padding-top: 10px;
    }

        .catalogContainer .rightSec .itemSec, .featuredContainer .featuredItems .itemSec {
            margin-bottom: 20px;
            border-radius: 10px;
            box-shadow: 0 0px 2px 0px rgba(0,0,0,.2);
            background-color: white;
        }

            .catalogContainer .rightSec .itemSec .wishListFavContent {
                position: absolute;
                z-index: 1;
                right: 40px;
                top: 20px;
                font-size: 20px;
                color: #E82228;
            }



.itemSec .promotion-icon-section {
    position: absolute;
    z-index: 4;
    left: -4px;
    top: -8px;
    width: 30%;
}

@media (min-width:890) and (max-width:990) {
    .itemSec .promotion-icon-section {
        left: -7px;
        top: -12px;
    }
}

@media (min-width:700px) and (max-width:890px) {
    .itemSec .promotion-icon-section {
        left: -6px;
        top: -10px;
    }
}

@media (min-width:600px) and (max-width:700px) {
    .itemSec .promotion-icon-section {
        left: -4px;
        width: 37%;
        top: -10px;
    }
}

@media (min-width:500px) and (max-width:600px) {
    .itemSec .promotion-icon-section {
        left: -4px;
        top: -7px;
        width: 37%;
    }
}

@media (min-width:401px) and (max-width:500px) {
    .itemSec .promotion-icon-section {
        left: -3px;
        top: -7px;
        width: 40%;
    }
}

@media (min-width:300px) and (max-width:401px) {
    .itemSec .promotion-icon-section {
        left: -1px;
        top: -5px;
        width: 40%;
    }
}

.special-offer {
    display: block;
    width: 100%;
}

@media (min-width:320px) and (max-width:500px) {
    .catalogContainer .rightSec .itemSec .wishListFavContent {
        font-size: 15px !important;
        top: 0px !important;
        right: 13px;
        height: 50px;
        width: 50px;
        text-align: center;
        padding-top: 15px !important;
    }

    .featuredContainer .featuredItems .itemSec .wishListFavContent {
        font-size: 20px !important;
        top: 0px !important;
        right: 0px;
        height: 50px !important;
        width: 50px !important;
        text-align: center;
        padding-top: 15px !important;
    }

    /*.fa.fa-heart, .fa.fa-heart-o {
        font-size: 20px;
    }*/
    .featuredContainer .featuredItems .itemSec .wishListFavContent {
        right: 0px !important;
    }
    /* .catalogContainer .rightSec .itemSec .wishListFavContent .loader-content img,
        .featuredContainer .featuredItems .itemSec .wishListFavContent .loader-content img {
            width: 15px !important;
            height: 15px !important;
        }*/

}

.featuredContainer .featuredItems .itemSec .wishListFavContent {
    position: absolute;
    z-index: 999;
    right: 25px;
    top: 20px;
    font-size: 20px;
    color: #E82228;
}

    .catalogContainer .rightSec .itemSec .wishListFavContent .addToWishListBtn,
    .featuredContainer .featuredItems .itemSec .wishListFavContent .addToWishListBtn {
        color: #E82228;
        cursor: pointer;
    }

.catalogContainer .rightSec .itemSec .wishListFavContent .loader-content img {
    width: 20px;
    height: 20px;
}

.featuredContainer .featuredItems .itemSec .wishListFavContent .loader-content img {
    width: 25px;
    height: 25px;
}

.catalogContainer .rightSec .itemSec .imgSec, .featuredContainer .featuredItems .itemSec .imgSec {
    width: 100%;
    cursor: pointer;
    background-color: white;
    overflow: hidden;
    position: relative;
    /*border-radius: 10px;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .catalogContainer .rightSec .itemSec .imgSec .imgWrapper, .featuredContainer .featuredItems .itemSec .imgSec .imgWrapper {
        width: 100%;
        padding-top: 67%;
        position: relative;
    }

    .catalogContainer .rightSec .itemSec .imgSec .outOfStockOverlay, .featuredContainer .featuredItems .itemSec .imgSec .outOfStockOverlay {
        filter: brightness(0.5);
    }

    .catalogContainer .rightSec .itemSec .imgSec .imgDiv-cell, .featuredContainer .featuredItems .itemSec .imgSec .imgDiv-cell {
        height: 228px;
    }

        .catalogContainer .rightSec .itemSec .imgSec .imgDiv-cell img, .featuredContainer .featuredItems .itemSec .imgSec .imgDiv-cell img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }
    /*@media (max-width:992px){
                    .catalogContainer .rightSec .itemSec .imgSec .imgDiv-cell img {
                        max-height: 100%;
                    }
                }*/
    .catalogContainer .rightSec .itemSec .imgSec .entityDiv, .featuredContainer .featuredItems .itemSec .imgSec .entityDiv {
        width: 92px;
        height: 85px;
        display: table;
        text-align: center;
        background-color: #fff;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        position: absolute;
        top: 0;
        right: 30px;
    }

        .catalogContainer .rightSec .itemSec .imgSec .entityDiv .tblCell, .featuredContainer .featuredItems .itemSec .imgSec .entityDiv .tblCell {
            display: table-cell;
            vertical-align: middle;
        }

        .catalogContainer .rightSec .itemSec .imgSec .entityDiv img, .featuredContainer .featuredItems .itemSec .imgSec .entityDiv img {
            max-width: 90%;
            max-height: 80px;
        }

.catalogContainer .rightSec .itemSec .descDiv, .featuredContainer .featuredItems .itemSec .descDiv {
    padding: 13px 15px;
    /*border-bottom: 1.2222px solid #7070705e;*/
    background: #FFFFFF;
}

.descDiv {
    overflow: hidden;
}

.lower-deal {
    padding: 0 13px 15px;
    display: flex;
    text-transform: capitalize;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 0px 0px 10px 10px;
    align-items: baseline;
}

.telco-lower-deal {
    justify-content: end !important;
}

.dealtype img, .lower-deal img {
    display: unset !important;
}

.lower-deal .desc {
    color: #333333;
    font-size: 13px;
    font-family: IRANYekanRegularRd;
    letter-spacing: -0px;
}

.catalogContainer .rightSec .itemSec .descDiv .title, .featuredContainer .featuredItems .itemSec .descDiv .title {
    color: #333333;
    font-size: 15px;
    font-family: IRANYekanRegularRd;
    height: 30px;
    letter-spacing: -0px;
    line-height: 1.1;
    /*text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;*/
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
}

@media (max-width: 580px) and (min-width: 320px) {
    .catalogContainer .rightSec .itemSec .descDiv .title, .featuredContainer .featuredItems .itemSec .descDiv .title {
        height: 26px !important;
    }
}

.catalogContainer .wishListItem .itemSec .descDiv .title, .catalogContainer .wishListItem .itemSec .descDiv .desc {
    text-align: left;
}

.catalogContainer .rightSec .itemSec .descDiv .desc, .featuredContainer .featuredItems .itemSec .descDiv .desc {
    color: #6B6B6B;
    font-size: 14px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/*  .catalogContainer .rightSec .itemSec .descDiv .lower-deal, .featuredContainer .featuredItems .itemSec .descDiv .lower-deal {
        display: table;
        width: 100%;
        margin-top: 5px;
    }
*/
.catalogContainer .rightSec .itemSec .descDiv .reviews, .featuredContainer .featuredItems .itemSec .descDiv .reviews {
    float: left;
    width: 50%;
    background-image: url('img/btn/star.png');
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-top: 5px;
}

.catalogContainer .wishListItem .itemSec .descDiv .reviews {
    text-align: left;
}

.catalogContainer .rightSec .itemSec .descDiv .reviews .rev-count, .featuredContainer .featuredItems .itemSec .descDiv .reviews .rev-count {
    padding-left: 5px;
}

.catalogContainer .rightSec .itemSec .amnt, .featuredContainer .featuredItems .itemSec .amnt {
}

.dealItemtext {
    font-size: 14px;
    color: #E82228;
    font-family: 'IRANYekanBoldRd';
}

.catalogContainer .rightSec .itemSec .descDiv .amnt-lbl, .featuredContainer .featuredItems .itemSec .descDiv .amnt-lbl {
    font-size: 10px;
}

.catalogContainer .rightSec .itemSec .descDiv .merchant, .featuredContainer .featuredItems .itemSec .descDiv .merchant {
    height: 25px;
    color: #6B6B6B;
    font-size: 15px;
    margin-top: 10px;
}
/*    
    .catalogContainer .rightSec .heartImg, .featuredContainer .featuredItems .heartImg {
        position: absolute;
        top: 10px;
        left: 25px;
        width: 15px;
    }
    .catalogContainer .rightSec .heartFillImg, .featuredContainer .featuredItems .heartFillImg {
        position: absolute;
        top: 10px;
        left: 25px;
        width: 15px;
    }*/

.catalogContainer .rightSec .detailsDiv, .featuredContainer .featuredItems .detailsDiv {
    width: 80px;
    height: 80px;
    background-color: #00416a;
    position: absolute;
    right: 30px;
    bottom: 135px;
    border-radius: 45px;
    padding: 5px 5px;
    font-size: 17px;
}

    .catalogContainer .rightSec .detailsDiv .detTxt, .featuredContainer .featuredItems .detailsDiv .detTxt {
        font-family: 'IRANYekanBoldRd';
        overflow: hidden;
        color: white;
        font-weight: unset;
        font-size: 12px;
        width: 70px;
        height: 70px;
        margin: 20px auto 0;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        line-height: 1;
    }

.catalogContainer .rightSec .counter, .featuredContainer .featuredItems .counter {
    background-color: #ED1C24;
    color: #fff;
    position: absolute;
    z-index: 3;
    padding: 5px 10px;
    text-align: center;
    border-radius: 15px;
    left: 20px;
    bottom: 145px;
}

.catalogContainer .rightSec .expired, .featuredContainer .featuredItems .expired {
    background-color: #ED1C24;
    color: #fff;
    position: absolute;
    z-index: 3;
    padding: 5px 10px;
    text-align: center;
    border-radius: 15px;
    left: 20px;
    bottom: 145px;
}

.catalogContainer .rightSec .dealtype, .featuredContainer .featuredItems .dealtype {
    background-color: rgba(201, 2, 35, 0.8);
    color: #fff;
    position: absolute;
    z-index: 3;
    padding: 5px;
    border-radius: 5px;
    right: 7px;
    top: 10px;
    font-family: IRANYekanRegularRd;
    text-align: center;
}

.catalogContainer .rightSec .outOfStocktag, .featuredContainer .featuredItems .outOfStocktag {
    background-color: #E82228;
    color: #fff;
    position: absolute;
    z-index: 3;
    padding: 0px 5px;
    width: 70px;
    height: 70px;
    border-radius: 70px;
    word-wrap: break-word;
    text-align: center;
    left: 15px;
    bottom: 35px;
    font-family: IRANYekanExtraBoldRd;
    display: table;
    font-size: 10px;
}

    .catalogContainer .rightSec .outOfStocktag i, .featuredContainer .featuredItems .outOfStocktag i {
        margin-right: 7px;
    }

.catalogContainer .rightSec .outOfStocktagDays, .featuredContainer .featuredItems .outOfStocktagDays {
    display: flex;
    align-items: center;
    background-color: rgba(201, 2, 35, 0.8);
    color: #fff;
    position: absolute;
    z-index: 3;
    padding: 4px 8px;
    border-radius: 1px;
    right: 0px;
    font-family: IRANYekanRegularRd;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    bottom: 0px;
    width: 100%;
    font-size: 10px;
}

    .catalogContainer .rightSec .outOfStocktagDays svg, .featuredContainer .featuredItems .outOfStocktagDays svg {
        fill: #fff;
        margin-right: 5px;
    }

.catalogContainer .balance-header, .catalogContainer .balance-header {
    width: 100%;
    color: #E82228;
}

.catalogContainer .balance-label, .catalogContainer .balance-label {
    font-size: 17px;
    color: #666666;
    padding-top: 20px;
    font-family: IRANYekanBoldRd;
    /*text-transform: uppercase;*/
}

.hint-label {
    font-family: IRANYekanBoldRd;
    font-size: 11px;
    padding-top: 7px;
    color: #666666;
}
#cat-balance-value {
    color: #E82228;
}

#gift-balance-value {
    color: #E82228;
}

.catalogContainer .points, .catalogContainer .points {
    font-size: 80px;
    font-family: IRANYekanExtraBoldRd;
    line-height: 1;
}

.catalogContainer .pts-label, .catalogContainer .pts-label {
    font-size: 20px;
    font-family: 'IRANYekanRegularRd';
}

.catalogContainer .rightSec .booster, .featuredContainer .featuredItems .booster {
    width: 80px;
    height: 80px;
    z-index: 3;
    background-image: url('img/bg/booster.png');
    background-size: contain;
    position: absolute;
    left: 30px;
    bottom: 135px;
    padding: 5px 8px;
}

    .catalogContainer .rightSec .booster .boostTxt, .featuredContainer .featuredItems .booster .boostTxt {
        font-family: 'IRANYekanBoldRd';
        overflow: hidden;
        color: #ED1C24;
        font-weight: unset;
        font-size: 13px;
        width: 70px;
        height: 70px;
        margin: 20px auto 0;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        line-height: 1;
    }

        .catalogContainer .rightSec .booster .boostTxt label, .featuredContainer .featuredItems .booster .boostTxt label {
            font-family: IRANYekanRegularRd;
            font-size: 10px;
            color: #ED1C24;
            cursor: pointer;
        }

/* deals filter-search section */
.catalogContainer .txtSearch {
    width: 100%;
    height: 44px;
    float: left;
    color: #666666;
    border-radius: 6px;
    padding: 10px 0 10px 0px;
    font-size: 16px;
    /*margin-right: 10px;*/
    font-family: IRANYekanBoldRd;
    background-color: #F2F2F2;
    border-color: #F2F2F2;
}

.statementContainer .txtSearch {
    width: 100%;
    height: 44px;
    float: left;
    color: #666666;
    border-radius: 6px;
    padding: 10px 0 10px 0px;
    font-size: 16px;
    margin-right: 10px;
    font-family: IRANYekanBoldRd;
    background-color: #F2F2F2;
    border-color: #F2F2F2;
}

.catalogContainer .btnFilter, .statementContainer .btnFilter {
    float: right;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    background-color: #F2F2F2;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}

    .catalogContainer .btnFilter .indicator, .statementContainer .btnFilter .indicator {
        width: 15px;
        height: 15px;
        text-align: center;
        position: relative;
        background-color: #c90223;
        color: white;
        border-radius: 10px;
        display: block;
        top: -40px;
        left: 25px;
        font-size: 10px;
        padding: 1px;
    }

.catalogContainer .btnLocation {
    float: right;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    background-color: #F2F2F2;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    /*margin-right: 10px;*/
}

.catalogContainer .btnSorting {
    float: right;
    border-radius: 6px;
    text-align: center;
    padding: 5px 10px 0;
    cursor: pointer;
    fill: #e82228;
}

    .catalogContainer .btnSorting svg {
        width: 30px;
        height: 30px;
    }

.filterPopup {
    width: 80%;
    max-width: 850px;
    background-color: #ffffff;
    padding: 30px;
    display: none;
    border-radius: 6px;
}

    .filterPopup .title {
        font-size: 30px;
        float: left;
        margin-bottom: 30px;
        font-family: IRANYekanBoldRd;
        color: #333333;
    }

.filter-popup .resultNum {
    cursor: pointer;
    text-transform: uppercase;
    font-family: IRANYekanBoldRd;
}

.filter-popup .resultNum {
    margin-bottom: 10px;
    padding: 10px 25px;
    background-color: #C90203;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    border-radius: 6px;
}

.filter-popup .btns .clearRes {
    float: left;
    cursor: pointer;
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
    color: #666666;
    margin-bottom: 15px;
    border-radius: 10px;
    border: 1px solid;
    width: 100%;
}

.filter-popup .filter-options {
    max-height: 550px;
    overflow-x: hidden;
    color: #333;
}

    .filter-popup .filter-options .title {
        font-size: 16px;
        font-family: IRANYekanExtraBoldRd;
        color: #666666;
        margin-bottom: 10px;
    }

    .filter-popup .filter-options .filterSlider {
        height: 25px;
        margin: 20px;
    }

    .filter-popup .filter-options .txtFromTo {
        display: inline-block;
        width: 100%;
    }

        .filter-popup .filter-options .txtFromTo .from {
            width: 48%;
            float: left;
        }

            .filter-popup .filter-options .txtFromTo .from label {
                float: left;
                padding-top: 5px;
                font-family: 'IRANYekanRegularRd';
            }

        .filter-popup .filter-options .txtFromTo .to {
            width: 48%;
            float: right;
        }

            .filter-popup .filter-options .txtFromTo .to label {
                float: left;
                padding-top: 5px;
                font-family: 'IRANYekanRegularRd';
            }

        .filter-popup .filter-options .txtFromTo .from input {
            border: 1px solid #E82228;
            font-size: 14px;
            color: #333333;
            border-radius: 3px;
            -webkit-appearance: none;
            -moz-appearance: textfield;
            width: calc(100% - 37px);
            height: 30px;
            padding-left: 5px;
            float: right;
        }

        .filter-popup .filter-options .txtFromTo .to input {
            border: 1px solid #E82228;
            font-size: 14px;
            color: #333333;
            border-radius: 3px;
            -webkit-appearance: none;
            -moz-appearance: textfield;
            width: calc(100% - 37px);
            height: 30px;
            padding-left: 5px;
            float: right;
        }

/* Filter Radio Buttons & Checkboxes */
.filter-popup .checkBoxBtn .radioContainer {
    display: block;
    position: relative;
    margin-bottom: unset;
    cursor: pointer;
    /*font-size: 16px;*/
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    float: left;
    width: 30px;
    color: #fff;
    font-weight: unset;
}

    .filter-popup .checkBoxBtn .radioContainer input {
        opacity: 0;
        cursor: pointer;
    }

.filter-popup .checkBoxBtn .radioCheckmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: white;
    border-radius: 28px;
    border: 2px solid #E82228;
}

.filter-popup .checkBoxBtn .radioContainer input:checked ~ .radioCheckmark {
    display: block;
    background-color: #E82228;
}

.filter-popup .checkBoxBtn .cat .radioTtl .stat {
    min-height: 20px;
}

.filter-popup .checkBoxBtn .radioContainer .radioCheckmark:after {
    top: 1px;
    left: 1px;
    width: 80%;
    height: 10px;
    border-radius: 50%;
    background: #E82228;
}

.filter-popup .checkBoxBtn .radioContainer input:checked ~ .radioCheckmark:after {
    display: block;
}

.filter-popup .checkBoxBtn .checkboxContainer {
    /*margin: 0px 0px 10px 0px !important;*/
    border-bottom: none !important;
    font-weight: bold;
    /*padding: 0px 0px 0px 30px !important;*/
    /*padding-top: -5px !important;*/
}

.filter-popup .checkBoxBtn .radioTtl {
    margin-bottom: 10px !important;
}

.filter-popup .checkboxContainer .checkmark {
    border: 2px solid #E82228;
}

.filter-popup .checkboxContainer input:checked ~ .checkmark {
    background-color: #E82228;
}

.filter-popup .filter-options .categories-container .checkboxContainer input {
    display: none;
}

/* Filter Radio Buttons */

.filterSlider .slider-container {
    background-color: transparent !important;
}

    .filterSlider .slider-container .back-bar {
        background-color: #D1D1D1 !important;
        background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
        height: 14px !important;
        border-radius: 20px !important;
        border: 1px solid #D1D1D1 !important;
    }

        .filterSlider .slider-container .back-bar .pointer {
            width: 25px !important;
            height: 25px !important;
            border-radius: 13px;
            background-image: linear-gradient(to bottom, #D1D1D1, #D1D1D1);
            border: 1px solid #fff !important;
        }

        .filterSlider .slider-container .back-bar .selected-bar {
            background-image: linear-gradient(to bottom, #E82228, #C90223);
            height: 14px;
        }

/* deals filter-search section */

/* tabs section */
.nav-tabs {
    margin-top: 20px;
}

.navStatement > li {
    width: 100% !important;
}

.nav-tabs > li {
    width: 50%;
    text-align: center;
    border-bottom: 2px solid #ddd;
}

    .nav-tabs > li.active {
        border-bottom: 2px solid #E82228 !important;
    }

    .nav-tabs > li > a {
        border-radius: 0px !important;
        margin-right: 0px;
        padding-top: 20px;
    }

        .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
            cursor: pointer !important;
            border: 0 !important;
            font-size: 16px;
            height: 56px;
            color: black !important;
            background-color: white !important;
            text-transform: uppercase;
            font-family: 'IRANYekanBoldRd';
        }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-color: #F2F2F2 !important;
        color: #C90223 !important;
    }

@media (max-width: 389px) and (min-width: 320px) {
    .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
        font-size: 15px !important;
    }
}
/* tabs section */
.partnersContainer {
    margin-top: 50px;
    border-top: 2px solid #5D5D5D;
}

    .partnersContainer .homeTitle {
        margin: 15px 0 -10px;
    }

    .partnersContainer .owl-carousel .owl-stage {
        display: flex;
    }

    .partnersContainer .partners {
        overflow: hidden;
    }

        .partnersContainer .partners .partner {
            height: 100%;
            text-align: center;
            float: left;
            display: table;
        }

            .partnersContainer .partners .partner .tblCell {
                display: table-cell;
                vertical-align: middle
            }

            .partnersContainer .partners .partner img {
                max-width: 100%;
                max-height: 100%;
                width: auto;
                margin: auto;
            }

        .partnersContainer .partners .owl-dots {
            display: none;
        }


@media (max-width: 1283px) and (min-width: 991px) {
    /*.catalogContainer .rightSec .itemSec .imgSec .imgDiv-cell {
            height: 170px;
        }

            .catalogContainer .rightSec .itemSec .imgSec .imgDiv-cell img {
                width: 100%;
                height: 30vw;
            }*/

    .catalogContainer .rightSec .counter, .catalogContainer .rightSec .expired, .catalogContainer .rightSec .dealtype, .featuredContainer .featuredItems .dealtype {
        font-size: 12px;
    }

    .catalogContainer .rightSec .counter, .catalogContainer .rightSec .expired, .catalogContainer .rightSec .outOfStocktag, .featuredContainer .featuredItems .outOfStocktag {
        font-size: 12px;
    }

    .catalogContainer .rightSec .counter, .catalogContainer .rightSec .expired, .catalogContainer .rightSec .outOfStocktagDays, .featuredContainer .featuredItems .outOfStocktagDays, .promotion-text {
        font-size: 12px;
    }
}

@media (max-width: 990px) and (min-width: 801px) {
    /*.catalogContainer .rightSec .itemSec .imgSec .imgDiv-cell {
            height: 155px;
        }

            .catalogContainer .rightSec .itemSec .imgSec .imgDiv-cell img {
                width: 100%;
            }*/

    .catalogContainer .rightSec .counter, .catalogContainer .rightSec .expired, .catalogContainer .rightSec .dealtype {
        /*bottom: 150px;*/
    }

    .catalogContainer .rightSec .outOfStocktag, .featuredContainer .featuredItems .outOfStocktag {
        font-size: 10px;
    }

    .catalogContainer .rightSec .counter, .catalogContainer .rightSec .expired, .catalogContainer .rightSec .outOfStocktagDays, .featuredContainer .featuredItems .outOfStocktagDays, .promotion-text {
        font-size: 10px;
    }

    .catalogContainer .rightSec .dealtype, .featuredContainer .featuredItems .dealtype {
        /*bottom: 15px;*/
    }
}

@media (max-width: 800px) and (min-width: 701px) {
    /*.catalogContainer .rightSec .itemSec .imgSec .imgDiv-cell {
            height: 155px;
        }

            .catalogContainer .rightSec .itemSec .imgSec .imgDiv-cell img {
                width: 100%;
            }*/

    .catalogContainer .rightSec .outOfStocktag, .featuredContainer .featuredItems .outOfStocktag {
        font-size: 10px;
    }

    .catalogContainer .rightSec .counter, .catalogContainer .rightSec .expired, .catalogContainer .rightSec .outOfStocktagDays, .featuredContainer .featuredItems .outOfStocktagDays, .promotion-text {
        font-size: 10px;
    }

    .catalogContainer .rightSec .outOfStocktagDays, .featuredContainer .featuredItems .outOfStocktagDays {
        /*top:125px;*/
    }

    .catalogContainer .rightSec .dealtype, .featuredContainer .featuredItems .dealtype {
        /*bottom: 15px;*/
    }
}

@media (max-width: 700px) and (min-width: 600px) {
    /*.catalogContainer .rightSec .itemSec .imgSec .imgDiv-cell {
            height: 155px;
        }

            .catalogContainer .rightSec .itemSec .imgSec .imgDiv-cell img {
                width: 100%;
            }*/

    .catalogContainer .rightSec .counter, .catalogContainer .rightSec .expired, .catalogContainer .rightSec .dealtype {
        /*bottom: 150px;*/
    }

    .catalogContainer .rightSec .outOfStocktag, .featuredContainer .featuredItems .outOfStocktag {
        font-size: 10px;
    }

    .catalogContainer .rightSec .counter, .catalogContainer .rightSec .expired, .catalogContainer .rightSec .outOfStocktagDays, .featuredContainer .featuredItems .outOfStocktagDays, .promotion-text {
        font-size: 10px;
    }

    .catalogContainer .rightSec .dealtype, .featuredContainer .featuredItems .dealtype {
        /*bottom: 15px;*/
    }
}

@media (max-width: 599px) and (min-width: 536px) {
    .catalogContainer .rightSec .outOfStocktag, .featuredContainer .featuredItems .outOfStocktag {
        font-size: 10px;
    }

    .catalogContainer .rightSec .counter, .catalogContainer .rightSec .expired, .catalogContainer .rightSec .outOfStocktagDays, .featuredContainer .featuredItems .outOfStocktagDays, .promotion-text {
        font-size: 10px;
    }
}

@media (max-width: 535px) and (min-width: 461px) {
    .catalogContainer .rightSec .outOfStocktag, .featuredContainer .featuredItems .outOfStocktag {
        width: 60px;
        height: 60px;
        font-size: 10px;
    }

    .catalogContainer .rightSec .outOfStocktagDays, .featuredContainer .featuredItems .outOfStocktagDays, .promotion-text {
        font-size: 10px !important;
    }
}

@media (max-width: 460px) and (min-width: 320px) {
    .catalogContainer .rightSec .outOfStocktag, .featuredContainer .featuredItems .outOfStocktag {
        font-size: 7px !important;
        height: 50px;
        width: 50px;
        bottom: 25px;
    }

    .catalogContainer .rightSec .outOfStocktagDays, .featuredContainer .featuredItems .outOfStocktagDays, .promotion-text {
        /*top: 50px !important;*/
        font-size: 9px !important;
        /*padding: 2px 14px 0px 4px;*/
    }
}

@media (max-width: 599px) and (min-width: 320px) {
    /*.catalogContainer .rightSec .itemSec .imgSec .imgDiv-cell {
            height: 90px;
        }

            .catalogContainer .rightSec .itemSec .imgSec .imgDiv-cell img {
                width: 100%;
            }*/

    .catalogContainer .rightSec .counter, .catalogContainer .rightSec .expired, .catalogContainer .rightSec .dealtype, .featuredContainer .featuredItems .dealtype {
        /*bottom: 115px;*/
        font-size: 7px;
    }

    .catalogContainer .rightSec .itemSec .descDiv .title, .featuredContainer .featuredItems .itemSec .descDiv .title {
        font-size: 12px;
    }


    .catalogContainer .rightSec .dealtype, .featuredContainer .featuredItems .dealtype {
        /*bottom: 0px;*/
        /*padding: 2px 14px 0px 4px;*/
        font-size: 9px !important
    }

    .filterPopup .filter-options .txtFromTo {
        width: 100%;
    }

        .filterPopup .filter-options .txtFromTo .from input, .filterPopup .filter-options .txtFromTo .to input {
            width: calc(100% - 37px);
        }
}

@media (max-width: 450px) and (min-width: 320px) {
    .catalogContainer .rightSec .itemSec .descDiv .title, .featuredContainer .featuredItems .itemSec .descDiv .title {
        font-size: 12px;
    }

    .lower-deal .desc {
        font-size: 9px !important;
    }

    .filterPopup .title {
        font-size: 16px !important;
    }

    .header .menu {
        width: 35%;
    }

    .header .title {
        width: 40%;
    }
}

@media (max-width:1000px) {
    /*.catalogContainer .rightSec .itemSec .imgSec .entityDiv, .featuredContainer .featuredItems .itemSec .imgSec .entityDiv {
            width: 60px;
            height: 60px;
        }

            .catalogContainer .rightSec .itemSec .imgSec .entityDiv img, .featuredContainer .featuredItems .itemSec .imgSec .entityDiv img {
                max-height: 50px;
            }*/
}

@media (max-width: 991px) {
    .catalogContainer .leftSec .fltrDiv {
        margin-top: 25px;
    }

    /*.catalogContainer .rightSec .itemSec .imgSec .imgDiv-cell img {
            width: 100%;
            height: 30vw;
        }*/

    .catalogContainer .checkBoxBtn .radioCheckmark {
        background-color: #ffffff;
    }
}

@media (max-width: 766px) {
    .catalogContainer .rightSec .itemSec .descDiv {
        padding: 10px;
    }

    .lower-deal {
        padding: 5px 10px !important;
    }

    .catalogContainer .rightSec .detailsDiv {
        width: 70px;
        height: 70px;
        right: 30px;
        bottom: 115px;
    }

        .catalogContainer .rightSec .detailsDiv .detTxt {
            width: 70px;
            height: 60px;
        }

    .catalogContainer .rightSec .booster {
        width: 70px;
        height: 70px;
        left: 20px;
        bottom: 115px;
    }

        .catalogContainer .rightSec .booster .boostTxt {
            width: 60px;
            height: 60px;
        }

    .catalogContainer .rightSec .detailsDiv .detTxt {
        font-size: 12px;
    }

    .partnersContainer .partners .partner {
        width: 80px;
    }
}

@media (min-width:320px) and (max-width:549px) {
    .catalogContainer .rightSec .itemSec .descDiv .amnt, .featuredContainer .featuredItems .itemSec .descDiv .amnt {
        width: 60%;
        font-size: 9px !important;
        margin-top: 10px;
        float: left;
        padding: 2px;
        /*  margin-top:10px;
       margin-left:auto;
       margin-right:auto;
       float:none;
       margin-top:20px;
       clear:both;*/
    }

    .catalogContainer .wishListItem .itemSec .descDiv .amnt {
        width: 75%;
    }

    .catalogContainer .rightSec .itemSec .descDiv .lower-deal, .featuredContainer .featuredItems .itemSec .descDiv .lower-deal,
    .catalogContainer .rightSec .itemSec .reviews, .featuredContainer .featuredItems .itemSec .reviews {
        margin-top: 0 !important;
    }

    .catalogContainer .rightSec .itemSec .reviews, .featuredContainer .featuredItems .itemSec .reviews {
        /*width: 100%;*/
        font-size: 12px;
        background-size: 13px;
        padding-right: 10px;
    }

    .catalogContainer .rightSec .itemSec .descDiv .title, .featuredContainer .featuredItems .itemSec .descDiv .title {
        /*height: 20px;*/
        margin-bottom: 0;
    }

    .catalogContainer .rightSec .itemSec .descDiv .amnt, .featuredContainer .featuredItems .itemSec .descDiv .amnt {
        margin-top: 5px;
    }
}

/*@media (min-width:320px) and (max-width:650px) {
    .catalogContainer .rightSec .itemSec .descDiv .title, .featuredContainer .featuredItems .itemSec .descDiv .title,
    .catalogContainer .rightSec .itemSec .descDiv .desc, .featuredContainer .featuredItems .itemSec .descDiv .desc {*/
/* height: 25px;
        overflow-y:scroll;*/
/*text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 25ch;
        height: 20px;

    }
}*/
@media (min-width:549px) and (max-width:650px) {
    .catalogContainer .rightSec .itemSec .descDiv .amnt, .featuredContainer .featuredItems .itemSec .descDiv .amnt {
        font-size: 10px;
    }
}


@media (max-width: 549px) {
    .catalogContainer .rightSec .itemSec .descDiv {
        padding: 10px 5px 5px;
        margin-top: unset;
    }

    .lower-deal {
        padding: 5px !important;
    }

    .catalogContainer .rightSec .detailsDiv {
        width: 60px;
        height: 60px;
        right: 21px;
        bottom: 95px;
    }

        .catalogContainer .rightSec .detailsDiv .detTxt {
            width: 60px;
            height: 50px;
            font-size: 10px;
            margin-top: 13px;
        }

    .catalogContainer .rightSec .booster {
        width: 60px;
        height: 60px;
        left: 20px;
        bottom: 95px;
    }

        .catalogContainer .rightSec .booster .boostTxt {
            font-size: 11px;
            width: 50px;
            height: 50px;
        }

    .catalogContainer .rightSec .itemSec .descDiv .desc {
        font-size: 13px;
    }

    .catalogContainer .rightSec .itemSec .descDiv .merchant {
        font-size: 13px;
    }
    /* .catalogContainer .rightSec .itemSec .descDiv .amnt{font-size: 15px;margin-top: unset;}*/
    .partnersContainer .partners .partner {
        width: 80px;
    }

    .catalogContainer .rightSec .itemSec .imgSec .entityDiv, .featuredContainer .featuredItems .itemSec .imgSec .entityDiv {
        width: 40px;
        height: 40px;
    }
}

@media (max-width:450px) {
    .catalogContainer .rightSec .detailsDiv {
        width: 50px;
        height: 50px;
        right: 20px;
        bottom: 95px;
    }

        .catalogContainer .rightSec .detailsDiv .detTxt {
            width: 40px;
            height: 40px;
            font-size: 9px;
            margin-top: 13px;
        }
}

@media (max-width:400px) {
    .catalogContainer .rightSec .itemSec .descDiv .desc, .featuredContainer .featuredItems .itemSec .descDiv .desc {
        font-size: 10px;
        /* height: 47px;*/
    }

    .catalogContainer .rightSec .itemSec .descDiv .merchant {
        font-size: 12px;
    }
    /*  .catalogContainer .rightSec .itemSec .descDiv .amnt{font-size: 14px;margin-top: unset;}*/
    .mobFilter {
        font-size: 14px;
    }

    .catalogContainer .rightSec .detailsDiv {
        width: 40px;
        height: 40px;
        right: 20px;
        bottom: 95px;
    }

        .catalogContainer .rightSec .detailsDiv .detTxt {
            width: 30px;
            height: 30px;
            font-size: 7px;
            margin-top: 13px;
        }

    .catalogContainer .rightSec .itemSec .imgSec .entityDiv, .featuredContainer .featuredItems .itemSec .imgSec .entityDiv {
        width: 30px;
        height: 30px;
    }
}


/*details Container*/
.detailsContainer {
}

    .detailsContainer .imgSec {
        text-align: center;
    }

        .detailsContainer .imgSec img {
            height: auto;
            width: 100%;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

    .detailsContainer .infoSec {
        min-height: 373px;
        text-align: left;
        border-bottom: 2px solid #5D5D5D;
        padding: 40px 0 20px;
        margin-left: 20px;
        border-top: 2px solid #5D5D5D;
    }

        .detailsContainer .infoSec .ttl {
            color: #00416a;
            font-size: 14px;
            text-transform: uppercase;
            font-family: IRANYekanRegularRd;
        }

        .detailsContainer .infoSec .offerDiv {
            color: #00416a;
            font-size: 32px;
            font-family: 'IRANYekanBoldRd';
        }

        .detailsContainer .infoSec .itmNumDiv {
            color: #6B6B6B;
            font-size: 14px;
            margin-bottom: 5px;
        }

        .detailsContainer .infoSec .descDiv {
            color: #6B6B6B;
            font-size: 14px;
        }

        .detailsContainer .infoSec .leftVouchers {
            width: 140px;
            color: #ED1C24;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            padding: 3px 5px;
            border: 1px solid #ED1C24;
            margin: 5px 0 15px;
        }

        .detailsContainer .infoSec .termsDiv {
            color: #6B6B6B;
            font-size: 14px;
            margin-top: 30px;
        }

        .detailsContainer .infoSec .txtDiv {
            color: #6B6B6B;
            font-size: 14px;
        }

        .detailsContainer .infoSec .qtySec {
            display: inline-flex;
            border: 1px solid #5D5D5D;
            border-radius: 19px;
            width: 170px;
            cursor: pointer;
            margin-top: 50px;
        }

            .detailsContainer .infoSec .qtySec .ttl {
                color: #6B6B6B;
                font-size: 14px;
                padding: 10px 14px;
                border-right: 1px solid #6B6B6B;
            }

            .detailsContainer .infoSec .qtySec .minus {
                padding: 10px 14px;
                border-right: 1px solid #6B6B6B;
                user-select: none;
            }

            .detailsContainer .infoSec .qtySec .number {
                padding: 10px 18px;
                border-right: 1px solid #6B6B6B;
            }

            .detailsContainer .infoSec .qtySec .plus {
                padding: 10px 12px;
                user-select: none;
            }

.detailsMAContainer .infoSec .ttl {
    color: #ED1C24
}

.detailsMAContainer .infoSec .offerDiv {
    color: #ED1C24
}

.detailsContainer .smallImgCont {
    margin-top: 10px;
    cursor: pointer;
}

.detailsContainer .imgDiv {
    float: left;
    margin-right: 5px;
}

    .detailsContainer .imgDiv img {
        width: 100%;
    }

.detailsContainer .actionDiv {
    margin-top: 40px;
    margin-left: 20px;
}

    .detailsContainer .actionDiv .amnt {
        float: left;
        color: #00416a;
        font-size: 32px;
        font-family: 'IRANYekanBoldRd';
    }

    .detailsContainer .actionDiv .rightDiv {
        float: right;
    }

        .detailsContainer .actionDiv .rightDiv .boostDiv {
            width: 80px;
            height: 80px;
            background-image: url('img/bg/boost.png');
            background-size: contain;
            cursor: pointer;
            background-repeat: no-repeat;
            float: left;
            margin-top: -15px;
            padding: 5px 8px;
        }

            .detailsContainer .actionDiv .rightDiv .boostDiv .boostTxt {
                font-family: 'IRANYekanBoldRd';
                overflow: hidden;
                color: #ED1C24;
                font-weight: unset;
                font-size: 13px;
                width: 70px;
                height: 70px;
                text-align: center;
                display: table-cell;
                vertical-align: middle;
                line-height: 1;
            }

                .detailsContainer .actionDiv .rightDiv .boostDiv .boostTxt label {
                    font-family: IRANYekanRegularRd;
                    font-size: 10px;
                    color: #ED1C24;
                    cursor: pointer;
                }

.detailsContainer .ms-lightbox-template .ms-lightbox {
    display: none;
}

.detailsContainer .actionDiv .rightDiv .wishlistDiv {
    width: 35px;
    height: 35px;
    float: left;
    margin: 6px 20px;
    cursor: pointer;
}

    .detailsContainer .actionDiv .rightDiv .wishlistDiv img {
        width: 100%;
    }

.detailsContainer .actionDiv .rightDiv .redeemBtn {
    padding: 8px 15px;
    background-color: #ED1C24;
    border-radius: 25px;
    font-size: 20px;
    color: white;
    font-weight: bold;
    float: left;
    cursor: pointer;
}

.detailsMAContainer .actionDiv .amnt {
    color: #ED1C24
}

.detailsContainer .mediaDiv {
    float: right;
    margin-top: 9px;
    cursor: pointer;
    padding-bottom: 15px;
}

    .detailsContainer .mediaDiv li {
        margin-left: 16px;
    }

.detailsContainer .footerCont {
    margin-top: 50px;
}

    .detailsContainer .footerCont .ttl {
        color: #00416a;
        font-size: 32px;
        text-align: center;
        width: auto;
        float: left;
        margin: 0px 60px;
        font-family: 'IRANYekanBoldRd';
    }

    .detailsContainer .footerCont span {
        display: block;
        background-color: #ccc;
        width: 33%;
        height: 1px;
        margin-top: 23px;
        float: left;
    }

    .detailsContainer .footerCont .featuredContainer {
        margin: 50px 0;
    }

.detailsContainer .dealSection {
    float: left;
    margin-top: 1px;
}

    .detailsContainer .dealSection .txt {
        font-size: 14px;
    }

    .detailsContainer .dealSection .counter {
        background-color: #ED1C24;
        color: #fff;
        position: absolute;
        z-index: 3;
        padding: 5px 10px;
        text-align: center;
        border-radius: 25px;
        left: 0;
        border: 10px solid #fff;
    }

    .detailsContainer .dealSection .expired {
        background-color: #ED1C24;
        color: #fff;
        position: absolute;
        z-index: 3;
        padding: 5px 10px;
        text-align: center;
        border-radius: 25px;
        left: 0;
        border: 10px solid #fff;
    }

.detailsContainer .infoLoc {
    margin-top: 5px;
}

    .detailsContainer .infoLoc .phone {
        font-size: 14px;
        float: left;
        margin-right: 20px;
        color: #6b6b6b
    }

        .detailsContainer .infoLoc .phone label {
            color: #00416a;
        }

    .detailsContainer .infoLoc .location {
        font-size: 14px;
        color: #6b6b6b;
        margin-left: 10px;
        display: block;
        height: 30px;
    }

        .detailsContainer .infoLoc .location img {
            margin-right: 5px;
        }

.detailsContainer .website {
    font-size: 14px;
    color: #6b6b6b;
    cursor: pointer;
    word-break: break-all;
    margin: 10px 0;
    display: block
}

    .detailsContainer .website .instaLink {
        float: left;
        margin-right: 5px;
        margin-top: 0px;
    }

.detailsMAContainer .website {
    color: #6b6b6b
}

    .detailsMAContainer .website .instaLink {
        float: left;
        margin-top: 0px;
        margin-right: 5px;
    }

.detailsContainer .entityDiv {
    width: 92px;
    height: 92px;
    z-index: 5;
    text-align: center;
    display: table;
    background-color: #fff;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    position: absolute;
    top: 5px;
    right: 30px;
}

    .detailsContainer .entityDiv img {
        max-width: 90%;
        max-height: 80px;
    }

    .detailsContainer .entityDiv .tblCell {
        display: table-cell;
        vertical-align: middle;
    }

@media (max-width:600px) {
    .detailsContainer .entityDiv {
        width: 60px;
        height: 60px;
    }

        .detailsContainer .entityDiv img {
            max-height: 50px;
        }
}

@media (max-width:400px) {
    .detailsContainer .entityDiv {
        width: 50px;
        height: 50px;
    }

        .detailsContainer .entityDiv img {
            max-height: 45px;
        }

    .detailsContainer .ms-thumb-list {
        opacity: 1 !important;
        display: block !important;
    }
}


.relatedItemSec {
    max-width: 380px;
    margin: auto;
    margin-bottom: 50px; /*border:1px solid #eee;*/
}

    .relatedItemSec .prod-img {
        width: 100%;
        height: 200px;
        padding: 15px;
        display: table;
        cursor: pointer;
    }

        .relatedItemSec .prod-img .prod-img-cell {
            display: table-cell;
            vertical-align: middle;
            height: 200px;
        }

        .relatedItemSec .prod-img img {
            width: 100%;
            max-height: 100%;
            margin: auto;
            display: block;
        }

    .relatedItemSec .detailsDiv {
        width: 80px;
        height: 80px;
        background-color: #00416a;
        position: absolute;
        right: 30px;
        bottom: 170px;
        border-radius: 45px;
        padding: 5px;
        font-size: 17px;
    }

        .relatedItemSec .detailsDiv .detTxt {
            font-family: 'IRANYekanBoldRd';
            overflow: hidden;
            color: white;
            font-weight: unset;
            font-size: 12px;
            width: 70px;
            height: 70px;
            margin: 20px auto 0;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
            line-height: 1;
        }

    .relatedItemSec .descDiv {
        padding: 20px 30px;
        margin-top: 10px;
    }

        .relatedItemSec .descDiv .desc {
            color: #6B6B6B;
            font-size: 15px;
            height: 50px;
            overflow: hidden;
            padding-top: 10px;
        }

        .relatedItemSec .descDiv .amnt {
            color: #00416a;
            font-size: 17px;
            margin-top: 15px;
            font-family: 'IRANYekanBoldRd';
        }

.detailsContainer .owl-nav {
    display: none;
}

.detailsContainer .owl-dots {
    display: none;
}

.boosterPopUp {
    width: 80%;
    max-width: 970px;
    background-color: #fff;
    padding: 25px;
    display: none;
    font-family: 'IRANYekanBoldRd';
}

    .boosterPopUp .close {
        float: right;
        cursor: pointer;
        margin-bottom: 10px;
        margin-top: -25px;
    }

    .boosterPopUp .bigTitle {
        color: #00416a;
        font-size: 40px;
    }

    .boosterPopUp .smallTitle {
        color: #00416a;
        font-size: 18px;
        font-family: 'IRANYekanBoldRd';
    }

    .boosterPopUp .timer {
        width: 200px;
        height: 200px;
        margin-top: -20px;
        text-align: center;
        position: absolute;
        right: 10px;
        padding-top: 45px;
        color: #ED1C24;
        font-size: 70px;
        font-family: 'IRANYekanBoldRd';
        background-image: url('img/bg/bgboost.png');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .boosterPopUp .imgContainer {
        margin: 25px auto;
        position: relative;
    }

        .boosterPopUp .imgContainer .imgContent {
            width: 300px;
            vertical-align: top
        }

        .boosterPopUp .imgContainer .entityDiv {
            width: 65px;
            height: 60px;
            text-align: center;
            background-color: #fff;
            border-bottom-left-radius: 7px;
            border-bottom-right-radius: 7px;
            position: absolute;
            top: 0px;
            left: 30px;
        }

            .boosterPopUp .imgContainer .entityDiv img {
                max-width: 90%;
                max-height: 90%;
                padding-top: 5%;
            }

    .boosterPopUp .boost {
        font-size: 46px;
        font-family: 'IRANYekanBoldRd';
        color: #ED1C24
    }

    .boosterPopUp .offerContainer .offer {
        font-size: 32px;
        font-family: 'IRANYekanBoldRd';
        color: #00416a
    }

    .boosterPopUp .offerContainer .original {
        font-size: 20px;
        font-family: 'Noto Sans';
        color: #00416a
    }

    .boosterPopUp .leftVouchers {
        width: 125px;
        color: #ED1C24;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding: 3px 5px;
        border: 1px solid #ED1C24;
        margin: 5px 0 15px;
    }

    .boosterPopUp .descDiv {
        font-family: 'Noto Sans';
    }

    .boosterPopUp .infoLoc {
        font-family: 'Noto Sans';
    }

    .boosterPopUp .website {
        font-family: 'Noto Sans';
    }

    .boosterPopUp .imgContainer .overlay {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.6);
        opacity: 1;
    }

    .boosterPopUp .imgContainer .offerContainer {
        width: 200px;
        height: 200px;
        padding: 20px;
        background-image: url('img/bg/bigboost.png');
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        z-index: 2;
        text-align: center;
        color: #ED1C24;
        font-size: 28px;
        top: 15%;
        left: 100px;
    }

        .boosterPopUp .imgContainer .offerContainer .boostTxt {
            width: 200px;
            height: 160px;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
            line-height: 1;
        }

    .boosterPopUp .redeemBoost {
        padding: 10px 20px;
        margin-top: 30px;
        margin-bottom: 30px;
        background-color: #ED1C24;
        color: #fff;
        text-align: center;
        cursor: pointer;
        text-transform: uppercase;
        float: left;
        margin-right: 20px;
        border-radius: 20px;
        font-family: 'Noto Sans';
        font-weight: bold;
    }

    .boosterPopUp .lblMsg {
        text-align: center;
        color: #00416a;
        margin-bottom: 20px;
    }

    .boosterPopUp .boostAgainTxt {
        color: #ED1C24;
        display: none;
    }

    .redeemedPopup {
        width: 100%;
        max-width: 400px;
        background-color: white;
        text-align: center;
        padding: 30px;
        padding-top: 75px;
        font-family: 'IRANYekanBoldRd';
        display: none;
        border-radius: 10px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: visible;
    }

    .redeemedPopup .close {
        float: right;
        cursor: pointer;
    }

    .redeemedPopup .thanks {
        font-size: 70px;
        margin: 0 auto 40px;
        line-height: 1;
    }

    .redeemedPopup .txt {
        font-size: 20px;
        font-family: IRANYekanRegularRd;
        margin: 0 auto 0px;
    }

    .redeemedPopup .txtVoucher {
        font-size: 20px;
        width: 70%;
        margin: 0 auto 20px;
    }

    .redeemedPopup .code {
        font-size: 20px;
        width: 70%;
        margin: auto;
    }

    .redeemedPopup .redeemedPopupMsg {
        font-size: 15px;
        font-family: IRANYekanRegularRd;
        margin: 20px 20px;
    }

    .redeemedPopup .redeemedPopupMsg-Bundle {
        font-size: 18px !important;
    }
    /*.redeemedPopup img{width:150px}*/
    .redeemedPopup .dealredeemedsuccessfully {
        margin-top: 10px;
        color: red;
        font-family: IRANYekanExtraBoldRd;
        text-transform: uppercase;
        font-size: 20px;
    }

    .redeemedPopup .redeemDetails {
        max-height: 500px;
        overflow-x: hidden;
    }



.bar-qr-code-content {
    display: flex;
    gap: 4px;
}

.code-toggle-btn {
    background: #f2f2f2;
    border: none;
    border-radius: 12px;
    padding: 6px 8px;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .code-toggle-btn.active {
        background: #e0e0e0;
    }

    .code-toggle-btn i {
        pointer-events: none;
    }

.voucher-code {
    display: flex;
    align-items: center;
    background: #F2F2F2;
    border-radius: 8px;
    padding: 10px 14px;
    gap: 12px;
    position: relative;
}

.voucher-code-label {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    word-break: break-all;
}



    .copy-voucher i {
        font-size: 16px;
        color: #666;
    }

.copied-label {
    margin-top: 6px;
    font-size: 12px;
    color: #888;
}


.copy-voucher {
    padding: 5px;
    border-radius: 40px;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 70px;
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

.copy-voucher-bundle {
    top: 5px !important;
}
.redeemPopupheader {
    position: relative;
}
    .redeemPopupheader .close {
        position: absolute;
        top: -100px;
        right: -40px;
        width: 32px;
        height: 32px;
        background: #fff !important;
        opacity: unset;
        border-radius: 50%;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 10;
    }

@media (max-width: 900px) {
    .redeemedPopup .close {
         margin-right: 0 !important; 
         margin-top: 0 !important; 
    }
}

    .redeemPopupheader .close .closepopUpBtn {
        font-size: 16px;
        color: #333;
    }

    .full-width {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    .redeemedPopup .okay-btn {
        width: 100%;
        background-color: red;
        color: white;
        font-family: IRANYekanExtraBoldRd;
        border-radius: 8px;
        padding: 14px;
        font-size: 17px;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 6px;
        text-transform: uppercase;
    }

    .redeemedPopup .dismiss-btn {
        width: 45%;
        background-color: white;
        color: #C90203;
        border-color: #C90203;
        font-family: IRANYekanExtraBoldRd;
        padding: 13px;
        margin-left: auto;
        display: inline-block;
        margin-right: auto;
        margin-top: 6px;
        border-radius: 2px;
        cursor: pointer;
        text-transform: uppercase;
        border: 1px solid;
    }

    .redeemedPopup .closeredeem {
        text-align: right;
        width: 100%;
    }

        .redeemedPopup .closeredeem img {
            width: 50px;
        }


.redeemPopupheader .redeemSuccessImg {
    position: absolute;
    top: -162px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    padding: 4px;
    z-index: 10;
    width: 160px;
}

    .redeemedPopup .redeemDetails .apple-google-wallet-content {
        width: 100%;
    }

.redeemTicketWon {
    font-size: 14px;
    color: red;
    margin: 10px;
    font-weight: bold;
    text-align: left;
}

.my-voucher-barcode-holder {
    display: inline-block;
    position: relative;
}

    .my-voucher-barcode-holder::before {
        content: "";
        position: absolute;
        border-radius: 12px;
        top: -3px;
        left: -10px;
        right: -10px;
        bottom: -3px;
        /*background: #F2F2F2;*/
        z-index: 0;
    }


    .my-voucher-barcode-holder canvas {
        position: relative;
        z-index: 1;
        display: block;
    }

.my-voucher-qrcode-holder {
    display: inline-block;
    position: relative;
}

    .my-voucher-qrcode-holder::before {
        content: "";
        position: absolute;
        border-radius: 12px;
        top: -3px;
        left: -10px;
        right: -10px;
        bottom: -3px;
        background: #F2F2F2;
        z-index: 0;
    }

    .my-voucher-qrcode-holder > div,
    .my-voucher-qrcode-holder canvas {
        position: relative;
        z-index: 1;
        display: block;
    }


    .code-header-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 12px;
    }

    .code-title {
        font-size: 14px;
        color: #888;
    }

    .codes-container {
        display: flex;
        justify-content: space-between;
        gap: 6px;
    }

    .code-btn {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background: #F2F2F2 !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background .2s;
    }


        .code-btn i {
            font-size: 16px;
            color: #333;
        }

    .hide {
        display: none !important;
    }

    .codes-container .barcode, .codes-container .qrcode {
        width: 170px;
        color: #E82228;
        border: 2px solid #E82228;
        padding: 18px 25px;
        font-size: 18px;
        border-radius: 6px;
        cursor: pointer;
        line-height: 1;
        font-family: IRANYekanExtraBoldRd;
        height: 60px;
        text-transform: uppercase;
        display: inline-block;
        margin: 10px;
    }

    .walletBtn {
        margin: 0 !important;
        width: 50%;
        max-width: 180px;
        min-width: 130px;
    }

    .redeemedPopup .redeemDetails .apple-google-wallet-content .apple-wallet, .redeemedPopup .redeemDetails .apple-google-wallet-content .google-wallet {
        width: 170px;
        text-transform: uppercase;
        display: inline-block;
        margin: 10px;
    }

        .redeemedPopup .redeemDetails .apple-google-wallet-content .apple-wallet img, .redeemedPopup .redeemDetails .apple-google-wallet-content .google-wallet img {
            width: 100%;
            height: 60px;
        }

    .redeemedPopup .bar-qr-code-content, .voucherPopup .bar-qr-code-content {
        margin-top: 15px;
    }

        .redeemedPopup .bar-qr-code-content .wallet {
            display: none !important;
        }

    .copied-label {
        font-family: 'IRANYekanExtraBoldRd';
        color: #666666;
        margin-top: 10px;
        display: none;
    }

    .msgPopup {
        width: 80%;
        max-width: 680px;
        background-color: #00416a;
        text-align: center;
        padding: 30px;
        font-family: 'IRANYekanBoldRd';
        color: #fff;
        display: none;
    }

        .msgPopup .close {
            float: right;
            cursor: pointer;
        }

        .msgPopup .txtMsgPopup {
            font-size: 20px;
            font-family: IRANYekanRegularRd;
            width: 70%;
            margin: 20px auto;
        }

    .itemPopup {
        width: 80%;
        max-width: 970px;
        background-color: #fff;
        padding: 30px;
        display: none;
    }

        .itemPopup .close {
            float: right;
            cursor: pointer;
        }

        .itemPopup .boostDiv {
            width: 80px;
            height: 80px;
            background-image: url('img/bg/boost.png');
            background-size: contain;
            cursor: pointer;
            background-repeat: no-repeat;
            float: left;
            margin-top: 120px;
            padding: 5px 8px;
        }

            .itemPopup .boostDiv .boostTxt {
                font-family: 'IRANYekanBoldRd';
                overflow: hidden;
                color: #ED1C24;
                font-weight: unset;
                font-size: 13px;
                width: 70px;
                height: 70px;
                text-align: center;
                display: table-cell;
                vertical-align: middle;
                line-height: 1;
            }

                .itemPopup .boostDiv .boostTxt label {
                    font-family: IRANYekanRegularRd;
                    font-size: 10px;
                    color: #ED1C24
                }

    @media (max-width:900px) {
        .boosterPopUp .imgContainer .offerContainer {
            width: 180px;
            height: 180px;
            padding: 20px;
            font-size: 25px;
            top: 10%;
            left: 110px
        }

            .boosterPopUp .imgContainer .offerContainer .boostTxt {
                width: 160px;
                height: 150px;
            }

        .boosterPopUp .timer {
            width: 100px;
            height: 100px;
            font-size: 30px;
            padding-top: 27px;
        }

        .boosterPopUp .boost {
            font-size: 30px;
        }

        .boosterPopUp .offerContainer .offer {
            font-size: 24px;
        }

        .boosterPopUp .offerContainer .original {
            font-size: 16px;
        }

        .boosterPopUp .descDiv {
            font-size: 12px;
        }

        .boosterPopUp .infoLoc, .boosterPopUp .infoLoc .phone, .boosterPopUp .infoLoc .location {
            font-size: 12px;
        }

        .boosterPopUp .website {
            font-size: 12px;
        }

        .boosterPopUp .redeemBoost {
            margin-top: 30px;
            font-size: 14px;
        }

        .redeemedPopup .thanks {
            font-size: 25px;
            margin-bottom: 20px;
        }

        .redeemedPopup .txt {
            font-size: 14px;
        }

        .redeemedPopup .txtVoucher {
            font-size: 14px;
        }

        .redeemedPopup .code {
            font-size: 14px;
        }

        .redeemedPopup .close {
            margin-right: -20px;
            margin-top: -20px;
        }
    }

    @media (max-width:750px) {
        .boosterPopUp .bigTitle {
            font-size: 25px;
        }

        .boosterPopUp .smallTitle {
            font-size: 14px;
        }

        .boosterPopUp .boost {
            font-size: 25px;
        }

        .boosterPopUp .offerContainer .offer {
            font-size: 20px;
        }

        .boosterPopUp .offerContainer .original {
            font-size: 12px;
        }

        .detailsContainer .actionDiv .rightDiv .boostDiv {
            width: 60px;
            height: 60px;
        }

            .detailsContainer .actionDiv .rightDiv .boostDiv .boostTxt {
                width: 50px;
                height: 50px;
                font-size: 11px;
            }
    }

    @media (max-width:600px) {
        .boosterPopUp .bigTitle {
            font-size: 20px;
        }

        .boosterPopUp .smallTitle {
            font-size: 12px;
        }

        .boosterPopUp .imgContainer .offerContainer {
            width: 120px;
            height: 120px;
            padding: 20px;
            font-size: 15px;
            top: 10%;
            left: 58px
        }

            .boosterPopUp .imgContainer .offerContainer .boostTxt {
                width: 110px;
                height: 80px;
            }

        .boosterPopUp .boost {
            font-size: 20px;
        }

        .boosterPopUp .offerContainer .offer {
            font-size: 16px;
        }

        .boosterPopUp .offerContainer .original {
            font-size: 12px;
        }

        .boosterPopUp .timer {
            width: 60px;
            height: 60px;
            font-size: 16px;
            padding-top: 18px;
        }

        .boosterPopUp .redeemBoost {
            margin-top: 20px;
            font-size: 12px;
        }

        .boosterPopUp .descDiv {
            font-size: 10px;
        }

        .boosterPopUp .infoLoc, .boosterPopUp .infoLoc .phone, .boosterPopUp .infoLoc .location {
            font-size: 10px;
        }

        .boosterPopUp .website {
            font-size: 10px;
        }

        .boosterPopUp .imgContainer .entityDiv {
            width: 60px;
            height: 60px;
        }
    }

    @media (max-width:400px) {
        .boosterPopUp .bigTitle {
            font-size: 16px;
        }

        .boosterPopUp .smallTitle {
            font-size: 12px;
        }

        .boosterPopUp .imgContainer .offerContainer {
            width: 100px;
            height: 100px;
            padding: 20px;
            font-size: 13px;
            top: 10%;
            left: 50px
        }

            .boosterPopUp .imgContainer .offerContainer .boostTxt {
                width: 80px;
                height: 65px;
            }

        .detailsContainer .dealSection {
            float: none;
            margin-top: 0;
        }

        .detailsContainer .mediaDiv {
            margin-top: 60px;
        }

        .boosterPopUp .boost {
            font-size: 14px;
        }

        .boosterPopUp .offerContainer .offer {
            font-size: 12px;
        }

        .boosterPopUp .offerContainer .original {
            font-size: 10px;
        }

        .boosterPopUp .redeemBoost {
            margin-top: 20px;
            font-size: 10px;
            padding: 5px 8px
        }
    }


    ul.share-buttons {
        list-style: none;
        padding: 0;
    }

        ul.share-buttons li {
            display: inline;
        }

        ul.share-buttons .sr-only {
            position: absolute;
            clip: rect(1px 1px 1px 1px);
            clip: rect(1px, 1px, 1px, 1px);
            padding: 0;
            border: 0;
            height: 1px;
            width: 1px;
            overflow: hidden;
        }

    @media (max-width: 1308px) and (min-width:767px) {
        .detailsContainer .infoSec {
            margin-left: unset;
        }

        .detailsContainer .footerCont .ttl {
            font-size: 20px;
            margin: 0px 6%;
            width: 20%
        }
    }

    @media (max-width: 895px) and (min-width:450px) {
        .detailsContainer .footerCont .ttl {
            font-size: 17px;
            margin: 10px 5%;
        }

        .detailsContainer .footerCont span {
            width: 30%;
        }

        .detailsContainer .infoSec {
            margin-left: unset;
        }
    }

    @media (max-width: 766px) and (min-width:450px) {
        .detailsContainer .footerCont .ttl {
            font-size: 13px;
            width: 30%;
            margin: 10px 3%;
        }

        .catalogContainer .txtSearch, .statementContainer .txtSearch {
            background-position: 2% center;
        }
    }

    @media (max-width: 449px) and (min-width:320px) {
        .detailsContainer .infoSec {
            margin-left: unset;
        }

        .detailsContainer .footerCont .ttl {
            font-size: 13px;
            width: 35%;
            margin: 10px 5%;
        }

        .detailsContainer .footerCont span {
            width: 24%;
        }

        .detailsContainer .footerCont {
            padding-left: 10px;
        }

        .catalogContainer .txtSearch, .statementContainer .txtSearch {
            background-position: 4% center;
        }

        .my-voucher-barcode-holder .my-voucher-barcode-validity {
            font-size: 13px !important;
        }

        .my-voucher-title {
            font-size: 14px !important;
        }

        .my-voucher-listing .my-voucher-obj .my-voucher-content {
            padding: 0 10px 15px;
        }
    }

    @media (max-width: 449px) and (min-width:320px) {
        .detailsContainer .infoSec .ttl {
            font-size: 13px;
        }

        .detailsContainer .infoSec .offerDiv {
            font-size: 25px;
        }

        .detailsContainer .infoSec .qtySec .ttl {
            font-size: 13px;
        }

        .detailsContainer .actionDiv .amnt {
            font-size: 20px;
        }

        .detailsContainer .actionDiv .rightDiv .wishlistDiv {
            margin: 6px 7px;
        }

            .detailsContainer .actionDiv .rightDiv .wishlistDiv img {
                width: 18px;
            }

        .detailsContainer .actionDiv .rightDiv .redeemBtn {
            padding: 8px 10px;
            font-size: 18px;
        }

        .detailsContainer .mediaDiv {
            text-align: center;
        }

        .my-voucher-barcode-holder .my-voucher-barcode-validity {
            font-size: 13px !important;
        }

        .my-voucher-title {
            font-size: 14px !important;
        }
    }

    @media (max-width: 900px) and (min-width:767px) {
        .relatedItemSec .detailsDiv {
            width: 80px;
            height: 80px;
            right: 10px;
            bottom: 155px;
        }

            .relatedItemSec .detailsDiv .detTxt {
                width: 70px;
                height: 70px;
                font-size: 12px;
            }

        .detailsContainer .owl-carousel {
            min-height: 230px;
        }
    }

    @media (max-width: 766px) and (min-width:320px) {
        .relatedItemSec .detailsDiv {
            width: 70px;
            height: 70px;
            right: 6px;
            bottom: 130px;
        }

            .relatedItemSec .detailsDiv .detTxt {
                width: 60px;
                height: 60px;
                font-size: 10px;
                margin-top: 10px;
            }

        .relatedItemSec .descDiv {
            padding: 10px 5px;
            margin-top: 10px;
        }

            .relatedItemSec .descDiv .desc {
                font-size: 13px;
            }

            .relatedItemSec .descDiv .amnt {
                font-size: 15px;
                margin-top: unset;
            }

        .detailsContainer .owl-carousel {
            min-height: 230px;
        }

        .my-voucher-barcode-holder .my-voucher-barcode-validity {
            font-size: 13px !important;
        }

        .my-voucher-title {
            font-size: 14px !important;
        }
    }

    @media (min-width:850px) {
        .my-voucher-listing .my-voucher-obj .my-voucher-image-holder .my-voucher-imgSec .my-voucher-imgWrapper .voucher-img {
            height: 165px !important;
        }
    }

    /*ContactUs Container*/
    .contactCont {
        min-height: 935px;
    }

        .contactCont .topSec .ttl {
            color: #00416A;
            font-size: 55px;
            margin-top: 20px;
        }

        .contactCont .topSec .txt {
            color: #6B6B6B;
            font-size: 15px;
        }

        .contactCont .bodySec {
            margin-top: 50px;
        }

            .contactCont .bodySec .ttl {
                color: #ED1C24;
                font-size: 55px;
            }

            .contactCont .bodySec .contactForm .ttl {
                color: #707070;
                font-size: 13px;
                margin-top: 35px;
                text-transform: capitalize;
            }

            .contactCont .bodySec .contactForm .txtInput {
                color: #00416A;
                font-size: 15px;
                border-bottom: 1px solid #E2E2E2;
                width: 100%;
                padding: 10px 0;
            }

            .contactCont .bodySec .contactForm .txtArea {
                border: 1px solid #E2E2E2;
                width: 100%;
                height: 300px;
                margin-top: 15px;
                padding: 15px 15px;
                color: #00416A;
                font-size: 15px;
            }

        .contactCont .sendBtn {
            padding: 8px 40px;
            background: #ED1C24;
            border-radius: 14px;
            color: white;
            text-align: center;
            font-size: 17px;
            cursor: pointer;
            float: right;
            margin-top: 10px;
            margin-right: 15px;
            margin-bottom: 20px;
        }

        .contactCont .lblMsg {
            float: right;
        }

        .contactCont .ldrContact {
            float: right;
        }

    @media (max-width: 506px) and (min-width:400px) {
        .contactCont .bodySec .ttl {
            font-size: 45px;
        }

        .mybtnSec .mybtn {
            font-size: 12px;
            /*padding: 13px 11px 0;*/
            height: 50px;
        }
    }

    @media (max-width: 361px) {
        .mybtnSec .mybtn {
            font-size: 10px !important;
            /*padding: 13px 11px 0;*/
            height: 50px;
        }
    }

    @media (max-width: 400px) and (min-width:320px) {
        .contactCont .topSec {
            padding: 0 7px;
        }

            .contactCont .topSec .ttl {
                font-size: 35px;
            }

            .contactCont .topSec .txt {
                font-size: 14px;
            }

        .contactCont .bodySec .ttl {
            font-size: 35px;
        }

        .contactCont .sendBtn {
            margin-bottom: 10px;
        }

        .mybtnSec .mybtn {
            font-size: 11px;
            /*padding: 6px 2px 0;*/
            height: 40px;
        }
    }

    @media (max-width: 730px) and (min-width:350px) {
        .voucherPopup .my-voucher-obj .my-voucher-content .copy-vcode-container .my-voucher-title {
            font-size: 18px !important;
        }
    }

    .paddingMybtn {
        padding-left: 4px !important;
        padding-right: 6px !important;
    }
    /*wishlist page*/
    .wishlistCont {
        margin-top : 20px;
        width: 100%;
        overflow: hidden;
        min-height: 604px;
    }

        .wishlistCont .ttl {
            color: #ED1C24;
            font-size: 36px;
            font-family: 'IRANYekanBoldRd';
            margin-top: 20px;
        }

        .wishlistCont .ttlTxt {
            font-size: 22px;
            margin: 20px;
        }

        .wishlistCont .wishlistSec {
            margin-top: 50px;
        }

            .wishlistCont .wishlistSec .relatedItemSec {
                width: 100%;
                max-width: 100%; /*background-color: #E2E2E2;*/
                margin-bottom: 20px;
            }

                .wishlistCont .wishlistSec .relatedItemSec .imgSec {
                    width: 100%;
                    height: auto;
                    padding: 0;
                    display: table;
                    cursor: pointer;
                    position: relative;
                }

                    .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell {
                        height: 228px; /*border-radius:5px; border:3px solid transparent;*/
                        display: block;
                    }
                        /*.wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell.redBorder{border-color:#ED1C24;}*/
                        .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell img {
                            max-width: 100%;
                            height: 100%;
                            width: 100%;
                            margin: auto;
                            display: block;
                        }

                            .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell img:not(.hot-deal-img) {
                                border-radius: 20px;
                            }

                            .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell img.hot-deal-img {
                                border-top-right-radius: 20px !important;
                                border-bottom-right-radius: 20px !important;
                                border-bottom-left-radius: 20px !important;
                            }

                        .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell .hotDeal {
                            font-size: 14px;
                            font-family: 'IRANYekanBoldRd';
                            top: -29px;
                            background-color: #ED1C24;
                            color: #fff;
                            text-align: center;
                            border-top-left-radius: 5px;
                            border-top-right-radius: 5px;
                            padding: 5px 10px;
                            position: absolute;
                        }

                        .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell .counter {
                            background-color: #ED1C24;
                            color: #fff;
                            position: absolute;
                            z-index: 3;
                            padding: 5px 10px;
                            text-align: center;
                            border-radius: 15px;
                            left: 30px;
                            bottom: 145px;
                        }

                        .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell .expired {
                            background-color: #ED1C24;
                            color: #fff;
                            position: absolute;
                            z-index: 3;
                            padding: 5px 10px;
                            text-align: center;
                            border-radius: 5px;
                            right: 15px;
                            bottom: 15px;
                            font-family: 'IRANYekanExtraBoldRd'
                        }

                        .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell .discount-label {
                            position: absolute;
                            left: 15px;
                            bottom: 15px;
                            font-family: IRANYekanExtraBoldRd;
                            color: #ED1C24;
                            font-size: 15px;
                        }

                .wishlistCont .wishlistSec .relatedItemSec .descDiv {
                    padding: 0;
                }

                    .wishlistCont .wishlistSec .relatedItemSec .descDiv .desc {
                        color: #333333;
                        font-size: 15px;
                        overflow: hidden;
                        padding: 10px;
                        margin-bottom: 5px;
                        font-family: IRANYekanExtraBoldRd;
                        text-align: left;
                    }

                    .wishlistCont .wishlistSec .relatedItemSec .descDiv .amnt {
                        color: #00416a;
                        font-size: 15px;
                        margin: 15px 10px;
                        background-color: #ED1C24;
                        color: #fff;
                        z-index: 3;
                        padding: 1px 10px;
                        text-align: center;
                        border-radius: 5px;
                        font-family: 'IRANYekanExtraBoldRd';
                        width: 130px;
                    }

                .wishlistCont .wishlistSec .relatedItemSec .detailsDiv {
                    background-color: unset;
                    position: absolute;
                    left: 15px;
                    bottom: 15px;
                    border-radius: 45px;
                    padding: 5px 8px;
                    font-size: 17px;
                }

                    .wishlistCont .wishlistSec .relatedItemSec .detailsDiv .detTxt {
                        font-family: 'IRANYekanBoldRd';
                        overflow: hidden;
                        color: white;
                        font-weight: unset;
                        font-size: 15px;
                        width: 70px;
                        height: 70px;
                        margin: 20px auto 0;
                        text-align: center;
                        display: table-cell;
                        vertical-align: middle;
                        line-height: 1;
                    }

        .wishlistCont .wishlistMobileApp.wishlistSec .relatedItemSec .detailsDiv {
            background-color: #ED1C24;
        }

        .wishlistCont .wishlistMobileApp.wishlistSec .relatedItemSec .descDiv .amnt {
            color: #ED1C24;
        }

        .wishlistCont .deleteBtn {
            /*width: 30px;*/
            height: 27px;
            border-radius: 15px;
            color: white;
            cursor: pointer;
            position: absolute;
            top: 15px;
            left: 20px;
            z-index: 999;
        }

        .wishlistCont .wishListItem .deleteBtn {
            display: block !important;
        }

        .wishlistCont .wishListItem .wishListFavContent {
            display: none !important;
        }

        .wishlistCont .deleteBtn i {
            vertical-align: middle;
            color: rgba(201, 2, 35, 0.8);
            font-size: 20px;
        }

    @media (min-width:320px) and (max-width:500px) {
        .wishlistCont .deleteBtn i {
            font-size: 17px;
        }

        .wishlistCont .deleteBtn .loader-content img {
            width: 13px !important;
            height: 13px !important;
        }
    }

    .wishlistCont .deleteBtn .loader-content img {
        width: 20px;
        height: 20px;
    }

    .wishlistCont .wishlistMobileApp.wishlistSec .relatedItemSec .deleteBtn {
        background-color: #ED1C24;
    }

    @media (min-width:760px) {
        .wishlistCont .deleteBtn {
            right: 36px !important;
        }
    }

    @media (max-width: 1283px) and (min-width: 991px) {
        .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell {
            height: 230px;
        }

            .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell img {
                width: 100%;
            }
    }

    @media (max-width: 990px) and (min-width: 768px) {
        .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell {
            height: 230px;
        }

            .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell img {
                width: 100%;
            }

            .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell .counter, .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell .expired {
                bottom: 10px;
            }

        .my-voucher-listing .my-voucher-obj .my-voucher-content .my-voucher-barcode-validity {
            font-size: 13px !important;
        }
    }

    @media (max-width: 767px) and (min-width: 600px) {
        .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell {
            height: 280px;
        }

            .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell img {
                width: 100%;
            }

            .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell .counter, .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell .expired {
                bottom: 10px;
            }
    }

    @media (max-width: 599px) and (min-width: 320px) {
        .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell {
            height: 220px;
        }

            .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell img {
                width: 100%;
            }
    }

    @media (max-width: 991px) and (min-width: 767px) {
        /* .wishlistCont .wishlistSec .relatedItemSec .descDiv{padding: 10px 14px;}*/
        .wishlistCont .wishlistSec .relatedItemSec .detailsDiv {
            width: 70px;
            height: 70px;
            right: 15px;
            bottom: 15px;
        }

            .wishlistCont .wishlistSec .relatedItemSec .detailsDiv .detTxt {
                font-size: 13px;
                width: 60px;
                height: 60px;
            }
    }

    @media (max-width: 766px) and (min-width:549px) {
        /*   .wishlistCont .wishlistSec .relatedItemSec .descDiv{padding: 10px 14px;}*/
        .wishlistCont .wishlistSec .relatedItemSec .detailsDiv {
            width: 80px;
            height: 80px;
            right: 15px;
            bottom: 15px;
        }

            .wishlistCont .wishlistSec .relatedItemSec .detailsDiv .detTxt {
                width: 70px;
                height: 70px;
                font-size: 13px;
            }
    }

    @media (max-width: 548px) and (min-width:400px) {
        /*.wishlistCont .wishlistSec .relatedItemSec .descDiv{padding: 10px 14px;}*/
        .wishlistCont .wishlistSec .relatedItemSec .detailsDiv {
            right: 15px;
            bottom: 15px;
        }

            .wishlistCont .wishlistSec .relatedItemSec .detailsDiv .detTxt {
                font-size: 12px;
            }
        /*.wishlistCont .wishlistSec .relatedItemSec .descDiv{padding: 10px 14px;margin-top:unset;}*/
        .wishlistCont .wishlistSec .relatedItemSec .descDiv .desc {
            font-size: 13px;
        }

        .wishlistCont .wishlistSec .relatedItemSec .descDiv .amnt {
            font-size: 15px;
            margin-top: unset;
        }

        .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell .counter, .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell .expired {
            bottom: 10px;
        }
    }

    @media (max-width: 399px) and (min-width:320px) {
        .wishlistCont .wishlistSec .relatedItemSec .detailsDiv {
            width: 70px;
            height: 70px;
            right: 15px;
            bottom: 15px;
        }

            .wishlistCont .wishlistSec .relatedItemSec .detailsDiv .detTxt {
                font-size: 12px;
                width: 60px;
                height: 60px;
            }

        .wishlistCont .wishlistSec .relatedItemSec .descDiv {
            padding: 10px 14px;
        }

            .wishlistCont .wishlistSec .relatedItemSec .descDiv .desc {
                font-size: 12px; /*height:47px;*/
            }

            .wishlistCont .wishlistSec .relatedItemSec .descDiv .amnt {
                font-size: 14px;
                margin-top: unset;
            }

        .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell .counter, .wishlistCont .wishlistSec .relatedItemSec .imgSec .imgDiv-cell .expired {
            bottom: 10px;
        }
    }

    @media (max-width:600px) {
        .wishlistCont .ttl {
            font-size: 18px;
        }

        .wishlistCont .ttlTxt {
            font-size: 14px;
        }

        .voucherPopup .my-voucher-obj .my-voucher-image-holder {
            max-width: 270px !important;
        }
    }

    /*FAQ*/
    .faqContainer {
        min-height: 700px;
    }

        .faqContainer .title {
            font-size: 40px;
            color: #ED1C24;
            margin: 30px 0;
            font-family: 'IRANYekanBoldRd';
        }

        .faqContainer .quest {
            font-size: 24px;
            color: #00416a;
            margin-bottom: 20px;
            font-family: 'IRANYekanBoldRd';
        }

        .faqContainer .answer {
            font-size: 16px;
            color: #5D5D5D;
            margin-bottom: 30px;
        }

    /*Static Pages*/
    .aboutContainer {
        min-height: 700px;
    }

        .aboutContainer .title {
            font-size: 40px;
            color: #ED1C24;
            margin: 30px 0;
            font-family: 'IRANYekanBoldRd';
        }

        .aboutContainer .subTitle {
            font-size: 24px;
            color: #00416a;
            margin-bottom: 20px;
            font-family: 'IRANYekanBoldRd';
        }

        .aboutContainer .desc {
            font-size: 16px;
            color: #5D5D5D;
            margin-bottom: 30px;
        }

    /*Login*/
    .loginContainer {
        margin: 50px auto 100px;
        width: 300px;
    }

        .loginContainer .pageTitle {
            font-size: 30px;
            color: #ED1C24;
            margin-bottom: 40px;
            font-family: 'IRANYekanBoldRd';
        }

        .loginContainer .loginForm {
        }

            .loginContainer .loginForm .txtTitle {
                font-size: 19px;
                color: #00416a;
                margin-bottom: 5px;
                font-family: 'IRANYekanBoldRd';
            }

            .loginContainer .loginForm .inputTxt {
                width: 300px;
                color: #6b6b6b;
                background-color: transparent;
                border: 0;
                outline: 0;
                border-bottom: 2px solid #00416a;
                font-size: 16px;
                margin-bottom: 35px;
                padding: 5px 0;
            }

        .loginContainer .remMe {
            float: left;
        }

            .loginContainer .remMe .container {
                width: 180px;
                display: block;
                font-weight: normal;
                position: relative;
                margin-left: 0;
                padding-left: 25px;
                margin-bottom: 12px;
                color: #00416a;
                cursor: pointer;
                font-size: 14px;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

                .loginContainer .remMe .container input {
                    position: absolute;
                    opacity: 0;
                    cursor: pointer;
                    height: 0;
                    width: 0;
                }

            .loginContainer .remMe .checkmark {
                position: absolute;
                top: 0;
                left: 0;
                height: 15px;
                width: 15px;
                background-color: #fff;
                border: 1px solid #00416a;
            }

            .loginContainer .remMe .container:hover input ~ .checkmark {
                background-color: #ccc;
            }

            .loginContainer .remMe .container input:checked ~ .checkmark {
                background-color: #fff;
                color: #00416a;
            }

            .loginContainer .remMe .checkmark:after {
                content: "";
                position: absolute;
                display: none;
            }

            .loginContainer .remMe .container input:checked ~ .checkmark:after {
                display: block;
            }

            .loginContainer .remMe .container .checkmark:after {
                left: 4px;
                top: 0.5px;
                width: 5px;
                height: 10px;
                border: solid #00416a;
                border-width: 0 3px 3px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

        .loginContainer .forgPassBtn {
            float: right;
            font-size: 14px;
            color: #00416a;
        }

        .loginContainer .loginBtn {
            width: 100%;
            border: 2px solid #00416a;
            text-align: center;
            font-size: 16px;
            font-family: 'IRANYekanBoldRd';
            cursor: pointer;
            padding: 5px 0;
            color: #00416a;
            margin: 20px 0
        }

        .loginContainer .changeBtn, #btnRecoverPswd {
            width: 100%;
            border: 2px solid #00416a;
            text-align: center;
            font-size: 16px;
            font-family: 'IRANYekanBoldRd';
            cursor: pointer;
            padding: 5px 0;
            color: #00416a;
            margin: 20px 0
        }


    /*Profile Container*/
    .profileCont {
    }

        .profileCont .ttl {
            font-size: 50px;
            color: #00416a;
            font-family: 'IRANYekanBoldRd';
            margin-bottom: 80px;
        }

        .profileCont .bodySec {
            margin-bottom: 50px;
        }

            .profileCont .bodySec .ttlSec {
                font-size: 19px;
                border-bottom: 2px solid #00416a;
                color: #00416a;
                font-family: 'IRANYekanBoldRd';
                margin-bottom: 20px;
            }

            .profileCont .bodySec .infoDiv .titleSec {
                font-size: 13px;
                color: #6b6b6b;
                font-family: IRANYekanRegularRd;
                margin-bottom: 5px;
            }

            .profileCont .bodySec .infoDiv .inputSec {
                width: 100%;
                font-size: 15px;
                color: #00416a;
                font-family: IRANYekanRegularRd;
                margin-bottom: 20px;
                padding: 5px 0;
                border: 0;
                border-bottom: 2px solid #E2E2E2;
            }

                .profileCont .bodySec .infoDiv .inputSec:disabled {
                    background-color: #fff;
                }

            .profileCont .bodySec .infoDiv .ddlSelect {
                width: 100%;
                font-size: 15px;
                background-image: url('img/btn/arw.png');
                background-repeat: no-repeat;
                background-position: right center;
                color: #00416a;
                font-family: IRANYekanRegularRd;
                margin-bottom: 20px;
                padding: 5px 0;
                border: 0;
                border-bottom: 2px solid #E2E2E2;
                overflow: hidden;
            }

                .profileCont .bodySec .infoDiv .ddlSelect select {
                    width: 120%;
                    border: 0;
                    outline: 0;
                    background-color: transparent;
                }

        .profileCont .btnUpdate {
            width: 150px;
            cursor: pointer;
            margin: 15px 0;
            background-color: #00416a;
            color: #fff;
            text-align: center;
            padding: 10px 0;
            float: right;
        }

        .profileCont .changePswd {
            color: #00416a;
            cursor: pointer;
            text-decoration: underline !important;
            font-size: 15px;
            float: left;
            padding: 10px 0;
            margin: 15px 0 0;
        }

        .profileCont .divInterest .container {
            width: 100%;
            display: block;
            position: relative;
            float: left;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 17px;
            color: #00416a;
            font-weight: normal;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .profileCont .divInterest .container input {
                position: absolute;
                opacity: 0;
            }

        .profileCont .divInterest .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: transparent;
            border: 2px solid #00416a;
            border-radius: 50%;
        }

        .profileCont .divInterest .container:hover input ~ .checkmark {
            background-color: transparent;
        }

        .profileCont .divInterest .container input:checked ~ .checkmark {
            background-color: transparent;
        }

        .profileCont .divInterest .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        .profileCont .divInterest .container input:checked ~ .checkmark:after {
            display: block;
        }

        .profileCont .divInterest .container .checkmark:after {
            top: 3px;
            left: 3px;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: #0D618D;
        }

        .profileCont .completion {
        }

            .profileCont .completion .txt {
                width: calc(100% - 120px);
                height: 89px;
                float: left;
                background-color: #333f48;
                color: #fff;
                font-size: 15px;
                font-family: IRANYekanRegularRd;
                border-bottom-left-radius: 100px;
                border-top-left-radius: 100px;
                padding: 20px 20px 15px 40px;
            }
    /*progress bar*/
    #progress-bar {
        max-width: 100px;
        max-height: 100px;
        position: relative;
        display: inline-block;
        float: right;
        z-index: 3;
        right: 50px;
        top: -5px;
        border: 6px solid #fff;
        border-radius: 100px;
        background-color: #fff;
    }

        #progress-bar .progress-content-container {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            margin: auto;
            width: 80%;
            height: 80%;
            border: 8px solid #fff;
            border-radius: 50%;
        }

            #progress-bar .progress-content-container .progress-content-title {
                font-size: 24px;
                color: #333f48;
                line-height: 50px;
                text-align: center;
                font-family: 'IRANYekanBoldRd';
            }

        #progress-bar::-moz-progress-bar {
            width: 100px;
            height: 100px;
        }
        /* Force indeterminate bars to have zero width */
        #progress-bar:indeterminate::-moz-progress-bar {
            width: 100px;
            height: 100px;
        }

    .my-voucher-listing {
        margin-top : 20px;
        padding: 15px 15px 25px 15px;
    }

        .my-voucher-listing .expired {
            /*background-color: transparent !important;*/
            pointer-events: none !important;
            filter: grayscale(1) brightness(0.5);
        }

        .my-voucher-listing .my-voucher-obj {
            margin-bottom: 20px;
            border-radius: 10px;
            box-shadow: 0px 4px 9px -3px rgba(0, 0, 0, 0.2);
            background-color: white;
        }

            .my-voucher-listing .my-voucher-obj .expired-foreground {
                z-index: 2;
                background-color: rgba(0,0,0,0.5);
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                width: 100%;
                height: 100%;
            }

            .my-voucher-listing .my-voucher-obj .my-voucher-image-holder {
                margin-bottom: 15px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                border-bottom-left-radius: 0px;
                border-bottom-right-radius: 0px;
                box-shadow: 0px 4px 9px -3px rgba(0, 0, 0, 0.2);
                background-color: white;
            }

                .my-voucher-listing .my-voucher-obj .my-voucher-image-holder .my-voucher-imgSec {
                    width: 100%;
                    cursor: pointer;
                    background-color: white;
                    overflow: hidden;
                    position: relative;
                    border-top-left-radius: 10px;
                    border-top-right-radius: 10px;
                    border-bottom-left-radius: 0px;
                    border-bottom-right-radius: 0px;
                }

                    .my-voucher-listing .my-voucher-obj .my-voucher-image-holder .my-voucher-imgSec .my-voucher-imgWrapper {
                        width: 100%;
                        position: relative;
                    }

                        .my-voucher-listing .my-voucher-obj .my-voucher-image-holder .my-voucher-imgSec .my-voucher-imgWrapper .voucher-img {
                            height: 120px;
                        }

                            .my-voucher-listing .my-voucher-obj .my-voucher-image-holder .my-voucher-imgSec .my-voucher-imgWrapper .voucher-img img {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                                border-top-left-radius: 10px;
                                border-top-right-radius: 10px;
                                border-bottom-left-radius: 0px;
                                border-bottom-right-radius: 0px;
                            }

                .my-voucher-listing .my-voucher-obj .my-voucher-image-holder .voucher-print {
                    font-family: IRANYekanExtraBoldRd;
                    color: #666666;
                    width: 80%;
                    min-width: 100px;
                    height: 38px;
                    background-color: #F5F5F5;
                    padding: 10px 10px;
                    font-size: 14px;
                    text-align: center;
                    border-radius: 6px;
                    cursor: pointer;
                    display: block;
                }

                    .my-voucher-listing .my-voucher-obj .my-voucher-image-holder .voucher-print img {
                        margin-right: 10px;
                    }

            .my-voucher-listing .my-voucher-obj .my-voucher-content {
                display: inline-block;
                padding: 0px 10px 15px 10px;
                position: relative;
                width: 100%;
            }

                .my-voucher-listing .my-voucher-obj .my-voucher-content .my-voucher-title {
                    height: 40px;
                    overflow: hidden;
                    width: 100%;
                    float: none;
                    display: block;
                    color: #333333;
                    font-family: IRANYekanRegularRd;
                    font-size: 18px;
                    line-height: 1.1;
                }

                .my-voucher-listing .my-voucher-obj .my-voucher-content .my-voucher-description {
                    height: 43px;
                    display: block;
                    overflow: hidden;
                    color: #6B6B6B;
                    font-size: 14px;
                    line-height: 1;
                    margin-bottom: 10px;
                }

                .my-voucher-listing .my-voucher-obj .my-voucher-content .my-voucher-barcode-holder {
                    display: block;
                    height: 50px;
                }

                    .my-voucher-listing .my-voucher-obj .my-voucher-content .my-voucher-barcode-holder img {
                        display: inline-block;
                        width: auto;
                        vertical-align: bottom;
                        margin-right: 10px;
                    }

                    .my-voucher-listing .my-voucher-obj .my-voucher-content .my-voucher-barcode-holder .my-voucher-barcode-validity {
                        width: auto;
                        font-size: 18px;
                        vertical-align: bottom;
                        color: #333333;
                    }

                    .my-voucher-listing .my-voucher-obj .my-voucher-content .my-voucher-barcode-holder .my-voucher-expiry {
                        /*                            text-align: end;
*/
                    }

                    .my-voucher-listing .my-voucher-obj .my-voucher-content .my-voucher-barcode-holder .my-voucher-barcode-validity label {
                        font-weight: normal;
                    }

                    .my-voucher-listing .my-voucher-obj .my-voucher-content .my-voucher-barcode-holder .my-voucher-barcode-validity .pts-lbl {
                        font-family: IRANYekanExtraBoldRd;
                        font-weight: bold;
                        color: #e82228;
                    }

                    .my-voucher-listing .my-voucher-obj .my-voucher-content .my-voucher-barcode-holder .my-voucher-barcode-validity .expired-holder {
                        font-family: IRANYekanExtraBoldRd;
                    }

                .my-voucher-listing .my-voucher-obj .my-voucher-content .print-btn-holder {
                    position: absolute;
                    top: 10px;
                    right: 10px;
                }

    .expired-img {
        filter: grayscale(1);
    }

    @media (max-width: 445px) {
        .my-voucher-listing .my-voucher-obj {
            padding-bottom: 0px !important;
        }
    }

    @media (max-width:500px) {
        .codes-container .barcode, .codes-container .qrcode {
            width: 120px;
            color: #E82228;
            border: 2px solid #E82228;
            padding: 12px 25px;
            font-size: 14px;
            border-radius: 6px;
            cursor: pointer;
            line-height: 1;
            font-family: IRANYekanExtraBoldRd;
            height: 42px;
            text-transform: uppercase;
            display: inline-block;
            margin: 7px;
        }
    }

    .codes-container .wallet {
        width: 220px;
        color: #fff;
        background-color: #000;
        padding: 15px;
        font-size: 18px;
        border-radius: 6px;
        cursor: pointer;
        font-family: IRANYekanBoldRd;
        height: 60px;
        display: inline-block;
        margin: 10px;
    }

    .wallet img {
        margin-right: 5px;
        margin-top: -5px;
    }
    /*End of QR-Barcode */

    /*How it works*/
    .howitworkContainer {
    }

        .howitworkContainer .howitwork {
            text-align: center;
            padding: 20px 10px;
        }

            .howitworkContainer .howitwork .sep {
                width: 60px;
                height: 2px;
                background-color: #ED1C24;
                margin: 20px auto;
            }

            .howitworkContainer .howitwork .img img {
                max-width: 100%;
                margin: auto;
                width: auto;
            }

            .howitworkContainer .howitwork .level {
                font-family: 'IRANYekanBoldRd';
                font-size: 36px;
                color: #00416a;
                padding-top: 20px;
            }

            .howitworkContainer .howitwork .desc {
                font-family: IRANYekanRegularRd;
                font-size: 22px;
                color: #00416a;
                line-height: 1;
            }

    /*Benefits*/
    .benefitsContainer {
    }

        .benefitsContainer .benefit {
            text-align: center;
            padding: 20px 10px;
            margin-bottom: 30px;
        }

            .benefitsContainer .benefit .sep {
                width: 60px;
                height: 2px;
                background-color: #ED1C24;
                margin: 20px auto;
            }

            .benefitsContainer .benefit .img img {
                max-width: 100%;
                margin: auto;
                width: auto
            }

            .benefitsContainer .benefit .level {
                font-family: 'IRANYekanBoldRd';
                font-size: 36px;
                color: #00416a;
                padding-top: 20px;
            }

            .benefitsContainer .benefit .desc {
                font-family: IRANYekanRegularRd;
                font-size: 22px;
                color: #00416a;
                line-height: 1;
            }

    @media (max-width:1100px) {
        .howitworkContainer .howitwork .level {
            font-size: 30px;
        }

        .howitworkContainer .howitwork .desc {
            font-size: 18px;
        }

        .benefitsContainer .benefit .level {
            font-size: 30px;
        }

        .benefitsContainer .benefit .desc {
            font-size: 18px;
        }
    }

    @media (max-width:800px) {
        .howitworkContainer .howitwork .level {
            font-size: 15px;
        }

        .howitworkContainer .howitwork .desc {
            font-size: 12px;
        }

        .benefitsContainer .benefit .level {
            font-size: 15px;
        }

        .benefitsContainer .benefit .desc {
            font-size: 12px;
        }
    }

    .voucherPopup {
        width: 80%;
        max-width: 600px;
        padding: 30px;
        color: #333333;
        display: none;
    }

        .voucherPopup .title {
            margin-bottom: 20px !important;
        }

        .voucherPopup .txt {
            font-size: 20px;
            margin: 0 auto 15px;
            text-align: center;
        }

        .voucherPopup .txtVoucher {
            font-size: 20px;
            width: 70%;
            margin: 0 auto 20px;
            text-align: center;
        }

        .voucherPopup .code {
            font-size: 20px;
            width: 70%;
            margin: auto;
        }

        .voucherPopup .my-voucher-obj {
            margin-bottom: 5px;
            position: relative;
        }

            .voucherPopup .my-voucher-obj .expired-foreground {
                z-index: 2;
                background-color: rgba(0,0,0,0.5);
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                width: 100%;
                height: 100%;
            }

            .voucherPopup .my-voucher-obj .my-voucher-image-holder {
                max-width: 300px;
                display: inline-block;
                float: none;
            }

                .voucherPopup .my-voucher-obj .my-voucher-image-holder img {
                    display: block;
                    width: 80%;
                    margin: auto;
                }

            .voucherPopup .my-voucher-obj .my-voucher-content {
                display: inline-block;
                padding: 0px;
                position: relative;
            }

                .voucherPopup .my-voucher-obj .my-voucher-content #titleVoucher {
                    letter-spacing: -1.1px;
                }

                .voucherPopup .my-voucher-obj .my-voucher-content .copy-vcode-container {
                    margin: auto;
                }

                    .voucherPopup .my-voucher-obj .my-voucher-content .copy-vcode-container img {
                        background-color: #E82228;
                        border-radius: 30px;
                        cursor: pointer;
                        padding: 3px;
                    }

                    .voucherPopup .my-voucher-obj .my-voucher-content .copy-vcode-container .copy-voucher {
                        padding: 5px;
                        border-radius: 40px;
                        background-color: #E82228;
                        cursor: pointer;
                        background-image: url(img/icons/copy-voucher-code.png);
                        background-position: center;
                        background-size: 60%;
                        background-repeat: no-repeat;
                        width: 40px;
                        height: 40px;
                        vertical-align: middle;
                        display: inline-block;
                    }

                    .voucherPopup .my-voucher-obj .my-voucher-content .copy-vcode-container .my-voucher-title {
                        display: inline-block;
                        vertical-align: middle;
                    }

            .voucherPopup .my-voucher-obj .my-voucher-title {
                display: block;
                color: #333333;
                font-size: 20px;
                padding: 10px 0px;
                font-family: IRANYekanExtraBoldRd;
            }

            .voucherPopup .my-voucher-obj .my-voucher-content .my-voucher-description {
                height: 170px;
                overflow: hidden;
                display: block;
                color: #6B6B6B;
                font-size: 14px;
                line-height: 1;
                margin-bottom: 10px;
            }

            .voucherPopup .my-voucher-obj .my-voucher-content .my-voucher-barcode-holder {
                display: block;
                padding: 10px;
            }

            .voucherPopup .my-voucher-obj .my-voucher-content .my-voucher-qrcode-holder {
                display: block;
                padding: 10px;
            }

            .voucherPopup .my-voucher-obj .my-voucher-content .my-voucher-barcode-holder img {
                display: inline-block;
                width: auto;
                vertical-align: bottom;
                margin-right: 10px;
            }

            .voucherPopup .my-voucher-obj .my-voucher-content .my-voucher-barcode-validity {
                display: block;
                width: auto;
                margin: 2px;
                font-size: 17px;
                color: #333333;
            }

                .voucherPopup .my-voucher-obj .my-voucher-content .my-voucher-barcode-validity .expired-holder {
                    letter-spacing: 10px;
                }

        .voucherPopup .print-btn-holder {
            width: 200px;
            background-color: #C90203;
            padding: 10px 25px;
            font-size: 14px;
            border-radius: 6px;
            cursor: pointer;
            font-family: IRANYekanExtraBoldRd;
            height: 40px;
            text-transform: uppercase;
            display: inline-block;
            margin-bottom: 10px;
        }

            .voucherPopup .print-btn-holder a {
                color: #ffffff
            }

                .voucherPopup .print-btn-holder a img {
                    margin-right: 10px;
                }

        .voucherPopup .voucher-details-content {
            /*max-height: 600px;
            overflow-x: hidden;*/
        }

    .printVoucherPage {
        text-align: center;
        width: 80%;
        max-width: 680px;
        background-color: #ffffff;
        padding: 5px;
        border: 3px dashed #dbdbdb;
        border-radius: 6px;
    }

        .printVoucherPage .txt {
            font-size: 20px;
            margin: 0 auto 15px;
            text-align: center;
        }

        .printVoucherPage .txtVoucher {
            font-size: 20px;
            width: 70%;
            margin: 0 auto 20px;
            text-align: center;
        }

        .printVoucherPage .code {
            font-size: 20px;
            width: 70%;
            margin: auto;
        }

        .printVoucherPage .my-voucher-obj {
            margin-bottom: 40px;
        }

            .printVoucherPage .my-voucher-obj .my-voucher-image-holder {
                display: inline-block;
                padding: 0;
            }

                .printVoucherPage .my-voucher-obj .my-voucher-image-holder img {
                    width: 300px;
                    margin-bottom: 10px;
                }

            .printVoucherPage .my-voucher-obj .my-voucher-content {
                display: table;
                padding: 15px;
                position: relative;
            }

                .printVoucherPage .my-voucher-obj .my-voucher-content .my-voucher-title {
                    display: block;
                    color: #333333;
                    font-size: 18px;
                    line-height: 1;
                    padding: 10px;
                    font-family: IRANYekanExtraBoldRd;
                }

                .printVoucherPage .my-voucher-obj .my-voucher-content .my-voucher-description {
                    overflow: scroll;
                    overflow-x: hidden;
                    display: block;
                    color: #6B6B6B;
                    font-size: 14px;
                    line-height: 1;
                    margin-top: 10px;
                    padding: 10px;
                }

                .printVoucherPage .my-voucher-obj .my-voucher-content .my-voucher-barcode-holder {
                    display: block;
                    text-align: center;
                }

                .printVoucherPage .my-voucher-obj .my-voucher-content .my-voucher-qrcode-holder {
                    display: block;
                    text-align: center;
                    margin: 10px 0px;
                }

                .printVoucherPage .my-voucher-obj .my-voucher-content .my-voucher-barcode-holder img {
                    display: inline-block;
                    width: auto;
                    vertical-align: bottom;
                    margin-right: 10px;
                }

                .printVoucherPage .my-voucher-obj .my-voucher-content .my-voucher-barcode-validity {
                    display: block;
                    width: auto;
                    font-size: 16px;
                    color: #333333;
                }

                    .printVoucherPage .my-voucher-obj .my-voucher-content .my-voucher-barcode-validity label {
                        font-weight: normal;
                    }

    /*#region Google Maps*/
    .location {
        padding: 10px;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

        .location .addressText {
            font-family: IRANYekanLightRd;
        }

        .location .locationUnavailable {
            color: #333;
            margin-top: 12px;
        }

        .location .addressValue {
            font-family: IRANYekanBlackRd;
            color: #333;
            margin-top: 4px;
        }

    .dealPopup {
        width: 50%;
        background-color: white;
        padding: 0px;
        color: #fff;
        display: none;
        border-radius: 7px;
        text-align: center;
    }

        .dealPopup .closedeal {
            float: right;
            color: white;
            background-position: 5%;
            background-repeat: no-repeat;
            cursor: pointer;
        }

    #dealPopoupBody {
        color: black;
        display: table;
    }

    .titleDeal {
        margin: auto;
        margin-top: 10px;
        color: #333333;
        font-size: 15px;
        margin-bottom: 5px;
        font-family: IRANYekanBoldRd;
    }

    .description {
        color: #333333;
        font-size: 15px;
        margin-bottom: 5px;
        margin: auto;
        font-family: IRANYekanBlackRd;
    }

    .dealpopupheader {
        width: 100%;
        padding: 10px;
        height: 37px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        background-color: #C90223;
    }

    .entityName, .closedeal {
        display: inline;
    }

    /*.mapstoresPopup {
    width: 100%;
    height: 100%;
    background-color: white;
    color: #fff;
    display: none;
    text-align: center;
}

#maptores {
    width: 100%;
    height: 100%;
}

.mapstoresPopup .closemapstores {
    float: left;
    padding: 10px;
    width: 0%;
    color: white;
    margin-top: 10px;
    opacity: 1;
    background-image: url(img/btn/leftArrowWhite.png);
    background-position: 5%;
    background-repeat: no-repeat;
    cursor: pointer;
}*/

    .mapstoresPopup {
        width: 100%;
        height: 100%;
        top: 0 !important;
        left: 0 !important;
        background-color: white;
        color: #fff;
        display: none;
        text-align: center;
    }

        .mapstoresPopup .mapstoresPopupheader {
            width: 100%;
            height: 40px;
            padding: 10px 8px;
            position: absolute;
            z-index: 99999;
            background-color: #C90223;
        }

    .mapstoresTitle, .closemapstores {
        display: inline;
    }

    .fontFa {
        font-size: 30px !important;
    }

    .mapstoresPopupheader .closemapstores {
        float: left;
        padding: 10px;
        margin: -15px;
        padding-left: 18px;
        color: white;
        opacity: 1;
        cursor: pointer;
    }

    #maptores {
        width: 100%;
        height: 100%;
    }

    #loaderMap {
        padding-top: 100px !important;
        margin: auto;
    }

    #loaderLocationMap {
        padding-top: 100px !important;
        margin: auto;
    }

    .btnmapstores {
        border: 2px solid #C90223;
        color: #C90223;
        text-align: center;
        padding: 10px 30px;
        border-radius: 6px;
        font-size: 16px;
        cursor: pointer;
        margin: auto;
        margin-bottom: 10px;
        font-family: 'IRANYekanExtraBoldRd';
    }

    .mapPopup {
        width: 100%;
        height: 100%;
        top: 0 !important;
        left: 0 !important;
        background-color: white;
        color: #fff;
        display: none;
        text-align: center;
    }

    #map {
        margin-top: 0.3px;
        width: 100%;
        height: 100%;
    }

    .mapheader {
        width: 100%;
        background-color: #C90223;
        position: absolute;
        height: 40px;
        z-index: 9999;
    }

    .printheader {
        width: 100%;
        background-color: #C90223;
        height: 40px;
    }

    .closePrint {
        float: left;
        padding-left: 9px;
        color: white;
        opacity: 1;
        cursor: pointer;
    }

    @media print {
        a {
            display: none;
        }
    }

    .mapPopup .close {
        float: left;
        padding-left: 9px;
        color: white;
        margin-top: 1px;
        opacity: 1;
        cursor: pointer;
        text-shadow: unset;
    }

    .dealDetailsPopup {
        width: 100%;
        height: 100%;
        top: 0 !important;
        left: 0 !important;
        background-color: white;
        color: #fff;
        display: none;
        text-align: center;
    }

        .dealDetailsPopup .dealDetailsPopupheader {
            width: 100%;
            height: 40px;
            padding: 10px;
            position: absolute;
            z-index: 999999;
            background-color: #C90223;
        }

    .dealTitle, .closedeal {
        display: inline;
    }

    .dealDetailsPopupheader .closedeal {
        float: left;
        padding: 10px;
        margin: -15px;
        padding-left: 18px;
        color: white;
        opacity: 1;
        cursor: pointer;
    }

    #dealDetailsmap {
        margin-top: 0.3px;
        width: 100%;
        height: 100%;
    }

    .details {
        padding: 10px 24px;
        padding-right: 42px;
    }

    .termsOfUsePopup {
        width: 80%;
        background-color: white;
        padding: 0px;
        color: #fff;
        display: none;
        border-radius: 7px;
    }

    @media screen and (min-width:850px) {
        .termsOfUsePopup {
            width: 50%;
            background-color: white;
            padding: 0px;
            color: #fff;
            display: none;
            border-radius: 7px;
        }
    }

    .termsOfUsePopup .termsOfUsePopupheader {
        width: 100%;
        padding: 10px;
        height: 37px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        background-color: #C90223;
        text-align: center;
    }

    .termsOfUsetitle, .closeTermsOfUse {
        display: inline;
    }

    .termsOfUsePopupheader .closeTermsOfUse {
        float: left;
        color: white;
        margin-top: -5px;
        opacity: 1;
        cursor: pointer;
    }

    #termsOfUse {
        width: 100%;
        height: 100%;
        color: black;
    }
.terms-icon svg {
    fill: #F72B31 ;
}
.termsPopup {
    display: none;
    padding: 21px 4px 0px 13px;
    width: 90%;
    max-height: 80vh; /* cap total popup height */
    background: #fff;
    color: #111;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0,0,0,.2);
    position: relative;
    overflow: visible; /* keep rounded corners */
}


.closetermsPopup i{
    font-size : 16px;
}

.closetermsPopup {
    position: absolute;
    right: -11px;
    top: -17px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 0;
    border-radius: 22px;
    cursor: pointer;
}

    .closetermsPopup:hover {
        background: #eee;
    }

/* Only scroll if too long */
.termsBody {
    /*padding: 16px 18px;*/
    max-height: calc(80vh - 62px); /* subtract header height */
    overflow-y: auto; /* scroll only when needed */
    line-height: 1.55;
    font-size: 14px;
}




.privacyPolicyPopup {
    width: 80%;
    background-color: white;
    padding: 0px;
    color: #fff;
    display: none;
    border-radius: 7px;
    text-align: center;
}

        .privacyPolicyPopup .privacyPolicyPopupheader {
            width: 100%;
            padding: 10px;
            height: 37px;
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
            background-color: #C90223;
        }

    .privacyPolicytitle, .closeprivacyPolicy {
        display: inline;
    }

    .privacyPolicyPopupheader .closeprivacyPolicy {
        float: left;
        color: white;
        margin-top: -5px;
        opacity: 1;
        cursor: pointer;
    }


    #privacyPolicy {
        width: 100%;
        height: 100%;
        color: black;
    }

    @media screen and (min-width:850px) {
        .privacyPolicyPopup {
            width: 50%;
            background-color: white;
            padding: 0px;
            color: #fff;
            display: none;
            border-radius: 7px;
            text-align: center;
        }
    }

    .location .address-content {
        float: left;
    }

    .location .change-btn-content {
        float: right;
    }

    .location .btnChange, .deactivate-btn-content .btnDeactivate {
        border: 2px solid #E82228;
        color: #E82228;
        text-align: center;
        padding: 10px 30px;
        border-radius: 6px;
        font-size: 16px;
        cursor: pointer;
        margin: auto;
        margin-bottom: 10px;
        font-family: 'IRANYekanExtraBoldRd';
    }

    .locationPopup {
        width: 80%;
        max-width: 680px;
        background-color: white;
        border-radius: 4px;
        padding: 30px;
        color: #fff;
        display: none;
        text-align: center;
    }

        .locationPopup .closeLocation {
            margin-top: 15px;
            color: #C90223;
            cursor: pointer;
            font-family: IRANYekanExtraBoldRd;
        }

        .locationPopup .localText {
            margin-top: 20px;
            color: #C90223;
            font-size: large;
            font-family: IRANYekanExtraBoldRd;
        }

        .locationPopup .enablebtn {
            justify-content: center;
            margin: auto;
            margin-top: 25px;
            border-radius: 6px;
            background-color: #C90223;
            font-family: IRANYekanMediumRd;
            text-align: center;
            padding: 10px;
            cursor: pointer;
            width: 75%;
        }

        .locationPopup .locationText {
            margin-top: 20px;
            color: black;
            font-family: IRANYekanRegularRd;
        }

        .locationPopup .logoLocation {
            margin: auto;
        }

            .locationPopup .logoLocation .logo {
                width: 25%;
                height: auto;
            }

    @media screen and (min-width:320px) and (max-width:400px) {
        .location .btnChange {
            padding: 10px 20px;
            font-size: 12px;
        }

        .location .addressText {
            font-size: 12px;
        }
    }

    .reviewPopup {
        width: 80%;
        max-width: 520px;
        background-color: white;
        border-radius: 4px;
        padding: 30px;
        color: #fff;
        display: none;
        text-align: center;
    }

    .errorsReview {
        color: #E82228;
        margin: auto;
        margin-top: 20px;
        display: none;
        font-size: 15px;
        font-family: IRANYekanBoldRd;
    }

    .reviewPopup .nameReview {
        margin-top: 10px;
        height: 35px;
        width: 100%;
        background: #F7F7F7;
        border: 1px solid #DBDBDB;
        box-sizing: border-box;
        border-radius: 6px;
        font-size: 16px;
    }

        .reviewPopup .nameReview .name_rev {
            width: 100%;
            height: 100%;
            padding: 10px;
            color: black;
            resize: none;
            border-radius: 6px;
            border: 1px solid #fff;
            background-color: white;
            font-size: 14px;
        }

    .reviewPopup .writeReview {
        font-family: IRANYekanExtraBoldRd;
        color: #333;
        font-size: 22px;
        text-transform: uppercase;
    }

    .reviewPopup .closeReview {
        border: 2px solid #E82228;
        color: #E82228;
        border-radius: 4px;
        height: 40px;
        text-align: center;
        font-size: 15px !important;
        margin: 0px 5px 0px 0px !important;
        padding: 7px;
        font-size: 16px;
        cursor: pointer;
        margin: auto;
        font-family: 'IRANYekanExtraBoldRd';
    }

    .reviewPopup .submitReview {
        border: 2px solid #C90203;
        color: white;
        padding: 7px;
        height: 40px;
        border-radius: 4px;
        margin: 0px 0px 0px 5px !important;
        background-color: #C90203;
        text-align: center;
        font-size: 15px;
        cursor: pointer;
        margin: auto;
        font-family: IRANYekanExtraBoldRd;
    }

    .reviewPopup .buttons {
        margin-top: 27px;
        height: 25px;
    }

    .reviewPopup .text-review {
        margin-top: 12px;
        height: 70px;
        width: 100%;
        background: #F7F7F7;
        border: 1px solid #DBDBDB;
        box-sizing: border-box;
        border-radius: 6px;
        font-size: 16px;
    }

        .reviewPopup .text-review .textareaReview {
            width: 100%;
            height: 100%;
            padding: 10px;
            color: black;
            resize: none;
            border-radius: 6px;
            border: 1px solid #fff;
            background-color: white;
            font-size: 14px;
        }

    .reviewPopup .stars {
        margin-top: 10px;
    }

    .reviewPopup .col-lg-6 col-md-6 col-sm-6 col-xs-6 {
        padding-left: 0px !important;
    }

    .name_rev::placeholder {
        opacity: 0.5;
    }

    .textareaReview::placeholder {
        opacity: 0.5;
    }
    /*.reviewPopup #loaderReview {
    content: url('loaders/loaderred.gif');
}*/
    @media screen and (min-width:600px) {
        .reviewPopup .closeReview {
            border: 2px solid #E82228;
            color: #E82228;
            border-radius: 4px;
            height: 50px;
            text-align: center;
            margin: 0px 5px 0px 0px !important;
            padding: 11px;
            font-size: 16px;
            cursor: pointer;
            margin: auto;
            font-family: 'IRANYekanExtraBoldRd';
        }

        .reviewPopup .submitReview {
            border: 2px solid #C90203;
            color: white;
            padding: 11px;
            height: 50px;
            border-radius: 4px;
            margin: 0px 0px 0px 5px !important;
            background-color: #C90203;
            text-align: center;
            font-size: 16px;
            cursor: pointer;
            margin: auto;
            font-family: IRANYekanExtraBoldRd;
        }

        .reviewPopup .text-review {
            margin-top: 10px;
            height: 90px;
            width: 100%;
            background: #F7F7F7;
            border: 1px solid #DBDBDB;
            box-sizing: border-box;
            border-radius: 6px;
            font-size: 16px;
        }
    }
    /*#endregion*/
    /*#region Wallet*/
    .signInMessage {
        font-size: 20px;
        font-family: 'IRANYekanRegularRd';
        color: #ddd;
        position: absolute;
        text-align: center;
        width: 100%;
        max-width: 1024px;
        top: 39%;
    }

    @media screen and (min-width:580px) and (max-width:850px) {
        .signInMessage {
            font-size: 16px !important;
            top: 38% !important;
        }
    }

    @media screen and (min-width:400px) and (max-width:580px) {
        .signInMessage {
            font-size: 12px !important;
            top: 37% !important;
        }
    }

    @media screen and (max-width:400px) {
        .signInMessage {
            font-size: 9px !important;
            top: 37% !important;
        }
    }

    .wallet-card-sec {
        width: 100%;
        margin-top: 12px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 20px;
        background-color: #ebebeb;
        padding-bottom: 20px;
    }

        .wallet-card-sec .card-sec {
            width: 100%;
            padding: 32px 45px;
            margin: 0;
            padding-bottom: 15px;
            line-height: 1;
            background-size: cover;
            background-repeat: no-repeat;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }

            .wallet-card-sec .card-sec .card-type-label {
                background-color: #00000047;
                background-blend-mode: darken;
                padding: 19px 41px;
                color: white;
                text-transform: uppercase;
                border-radius: 10px;
                font-size: 25px;
                float: left;
                font-family: IRANYekanExtraBoldRd;
            }

            .wallet-card-sec .card-sec .validity-label {
                color: #ffffff;
                font-size: 19px;
                float: right;
                text-align: right;
                /*padding-right: 25px;*/
                /*padding-top: 25px;*/
                font-family: 'IRANYekanRegularRd';
            }

            .wallet-card-sec .card-sec .validity-label2 {
                color: #ffffff;
                font-size: 19px;
                margin-bottom: 45px;
                font-family: 'IRANYekanRegularRd';
            }

            .wallet-card-sec .card-sec .points-label {
                width: 100%;
                font-size: 85px;
                color: #DDB854;
                mix-blend-mode: plus-lighter;
                text-align: center;
                padding-top: 1px;
                font-family: 'IRANYekanExtraBoldRd';
                margin: 0 auto;
            }

            .wallet-card-sec .card-sec .gift-wallet-section {
                background: url("img/bg/fadewhite.png");
                border-radius: 10px;
                padding: 20px 0px;
                margin-bottom: 30px;
                text-align: left;
                align-items: center;
            }

                .wallet-card-sec .card-sec .gift-wallet-section .gift-wallet-sec {
                    display: flex;
                    align-items: center;
                }

                .wallet-card-sec .card-sec .gift-wallet-section .plus-sign {
                    text-align: center;
                    position: absolute;
                    left: 48%;
                    top: 158px;
                    margin-top: 5px;
                }

                .wallet-card-sec .card-sec .gift-wallet-section .last-tier-plus-sign {
                    top: 138px !important;
                }

                .wallet-card-sec .card-sec .gift-wallet-section .plus-sign i {
                    color: white;
                    border-radius: 5px;
                    font-size: 55px;
                    padding: 5px;
                }

                .wallet-card-sec .card-sec .gift-wallet-section .gift-points-label {
                    width: fit-content;
                    padding: 7px 55px;
                    position: absolute;
                    right: 45px;
                    top: 194px;
                    background-color: #fff;
                    opacity: .6;
                    border-top-right-radius: 10px;
                    font-size: 18px;
                }

                .wallet-card-sec .card-sec .gift-wallet-section .last-tier-gift-points-label {
                    top: 175px !important;
                }

                .wallet-card-sec .card-sec .gift-wallet-section .gift-wallet-sec .gift-image-sec {
                    background-image: url(img/icons/GiftW.png);
                    background-repeat: no-repeat;
                    background-size: contain;
                    width: 85px;
                    height: 85px;
                }

                .wallet-card-sec .card-sec .gift-wallet-section .gift-wallet-sec .gift-points-sec .gift-points {
                    font-size: 30px;
                    font-family: 'IRANYekanExtraBoldRd';
                    color: white;
                    margin-bottom: 5px;
                }

                .wallet-card-sec .card-sec .gift-wallet-section .gift-wallet-sec .gift-points-sec .gift-points-desc {
                    font-size: 20px;
                    font-family: 'IRANYekanRegularRd';
                    color: white;
                }

        .wallet-card-sec .progressbar-sec {
            height: 140px;
            width: 90%;
            padding: 10px;
            margin: 0 auto;
            display: table;
            background-color: white;
            border-radius: 10px;
            margin-top: -30px;
        }

            .wallet-card-sec .progressbar-sec .upgrade-label {
                width: 100%;
                padding: 20px;
                margin: 0 auto;
                font-size: 19px;
                color: black;
            }

                .wallet-card-sec .progressbar-sec .upgrade-label span {
                    text-transform: uppercase;
                    font-family: 'IRANYekanExtraBoldRd';
                }

            .wallet-card-sec .progressbar-sec .progress-bar-content {
                width: 85%;
                display: table;
                margin: 0 auto;
            }

                .wallet-card-sec .progressbar-sec .progress-bar-content .progress {
                    background-color: #f2f2f2 !important;
                    height: 40px;
                    border-radius: 25px;
                    margin-bottom: 5px;
                }

                .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar {
                    height: 40px;
                    border-radius: 25px;
                }

                .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels {
                    width: 100%;
                    display: table;
                }

                    .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-1,
                    .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-2,
                    .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-3,
                    .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-4 {
                        height: 40px;
                        background-image: url('img/icons/points-levels-arrow.png');
                        background-repeat: no-repeat;
                        background-size: 2px 30px;
                        background-position: top left;
                    }
                    /* .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-2 {
                    background-image: url('img/icons/points-levels-arrow.png'), url('img/icons/points-levels-arrow.png');
                    background-position: left top, right top;
                    background-repeat: no-repeat;
                    height: 40px;
                    background-size: 2px 30px;
                }
                .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-3{
                    background-position:right;
                }*/

                    .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .levels-sec,
                    .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .levels-labels {
                        float: left;
                        width: 33%;
                        text-align: left;
                        text-transform: uppercase;
                    }

                    .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-1-label {
                        color: #9a6546;
                    }

                    .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-2-label {
                        /*text-align:left;*/
                        color: #b7b7b7;
                    }

                    .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-3-label {
                        color: #DDB854;
                    }

                    .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-4-label {
                        color: #848d9c;
                    }

    /*  .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-3-label div:nth-child(1) {
                        color: #DDB854;
                        float: left;
                    }
                .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-3-label div:nth-child(2) {
                    color: #848d9c;
                    float: right;
                }*/
    .level-1-tier {
        text-indent: -12%;
    }

    .level-2-tier {
        text-indent: -10%;
    }

    .level-3-tier {
        float: left;
        text-indent: -40%;
    }

    .level-4-tier {
        float: right;
        text-indent: 50%;
    }

    .level-1-starting {
        text-indent: -4.5%;
    }
    /*.level-1-starting {
    font-size: 9px;
    text-indent: -12%
}
.level-2-starting {
    font-size: 9px;
    text-indent: -10%;
}
.level-3-starting {
    font-size: 9px;
    text-indent: -14px;
}
.level-4-starting {
    font-size: 9px;
    text-indent: 0px;
    margin-right: -42px;
}*/
    @media screen and (max-width:750px) {
        .wallet-card-sec .card-sec {
            padding: 30px;
        }

            .wallet-card-sec .card-sec .gift-wallet-section {
                padding: 20px 0px;
                margin-bottom: 30px;
            }

                .wallet-card-sec .card-sec .gift-wallet-section .gift-points-label {
                    padding: 7px 48px;
                    right: 30px;
                    top: 197px;
                    font-size: 15px;
                }

                .wallet-card-sec .card-sec .gift-wallet-section .gift-wallet-sec {
                    align-items: center;
                }

                .wallet-card-sec .card-sec .gift-wallet-section .plus-sign {
                    left: 47%;
                    top: 168px;
                }


                    .wallet-card-sec .card-sec .gift-wallet-section .plus-sign i {
                        border-radius: 5px;
                        font-size: 40px;
                    }

                .wallet-card-sec .card-sec .gift-wallet-section .gift-wallet-sec .gift-image-sec {
                    width: 50px;
                    height: 50px;
                }

                .wallet-card-sec .card-sec .gift-wallet-section .gift-wallet-sec .gift-points-sec .gift-points {
                    font-size: 20px;
                    margin-bottom: 5px;
                }

                .wallet-card-sec .card-sec .gift-wallet-section .gift-wallet-sec .gift-points-sec .gift-points-desc {
                    font-size: 12px;
                }
    }

    @media screen and (min-width:751px) and (max-width: 768px) {
        .wallet-card-sec .card-sec .gift-wallet-section .plus-sign {
            top: 122px;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .last-tier-plus-sign {
            top: 101px !important;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .gift-points-label {
            padding: 5px 15px;
            right: 45px;
            top: 158px;
            font-size: 12px;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .last-tier-gift-points-label {
            top: 135px !important;
        }
    }

    @media screen and (max-width:750px) {

        .wallet-card-sec .card-sec .gift-wallet-section .plus-sign {
            top: 126px;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .last-tier-plus-sign {
            top: 104px !important;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .gift-points-label {
            padding: 7px 48px;
            right: 30px;
            top: 156px;
            font-size: 15px;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .last-tier-gift-points-label {
            top: 133px !important;
        }
    }

    @media screen and (max-width:620px) {
        .wallet-card-sec .card-sec .gift-wallet-section .gift-points-label {
            padding: 7px 35px;
            right: 30px;
            top: 147px;
            font-size: 12px;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .last-tier-gift-points-label {
            top: 123px !important;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .plus-sign {
            top: 113px;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .last-tier-plus-sign {
            top: 93px !important;
        }
    }

    @media screen and (max-width:520px) {
        .wallet-card-sec .card-sec .validity-label2 {
            margin-top: 25px;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .plus-sign {
            top: 105px;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .last-tier-plus-sign {
            top: 88px !important;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .gift-wallet-sec .gift-image-sec {
            margin: 0 0 0 5px;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .gift-points-label {
            padding: 5px 20px;
            right: 30px;
            top: 135px;
            font-size: 12px;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .last-tier-gift-points-label {
            top: 175px !important;
        }
    }

    @media screen and (min-width:401px) and (max-width: 420px) {

        .wallet-card-sec .card-sec .gift-wallet-section .plus-sign i {
            font-size: 30px;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .plus-sign {
            top: 104px;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .last-tier-plus-sign {
            top: 88px !important;
        }

        .wallet-card-sec .card-sec .gift-wallet-section .gift-points-label {
            padding: 5px 15px;
            right: 30px;
            top: 129px;
            font-size: 12px;
        }
    }

    @media screen and (max-width:400px) {
        .wallet-card-sec .card-sec {
            padding: 20px;
        }

            .wallet-card-sec .card-sec .gift-wallet-section .plus-sign i {
                font-size: 30px;
            }

            .wallet-card-sec .card-sec .gift-wallet-section .plus-sign {
                top: 89px;
            }

            .wallet-card-sec .card-sec .gift-wallet-section .last-tier-plus-sign {
                top: 74px !important;
            }

            .wallet-card-sec .card-sec .gift-wallet-section .gift-points-label {
                padding: 5px 15px;
                right: 20px;
                top: 112px;
                font-size: 12px;
            }

            .wallet-card-sec .card-sec .gift-wallet-section .gift-wallet-sec .gift-points-sec .gift-points {
                font-size: 22px;
            }

            .wallet-card-sec .card-sec .gift-wallet-section .gift-wallet-sec .gift-points-sec .gift-points-desc {
                font-size: 11px;
            }
    }

    @media screen and (min-width:320px) and (max-width:425px) {
        .level-2-tier {
            text-indent: -17%;
        }

        .level-1-tier {
            text-indent: -23%;
        }

        .level-1-starting {
            text-indent: -4.5%;
        }
    }

    .accumulated {
        font-size: 20px;
        font-family: IRANYekanBoldRd;
        float: left;
        padding: 5px;
    }

    .accumulatedPlat {
        float: right;
        font-size: 20px;
        padding: 10px 20px;
        font-family: IRANYekanExtraBoldRd;
    }

    @media screen and (min-width:320px) and (max-width:550px) {

        .accumulatedPlat {
            font-size: 13px;
            padding: 3px 20px;
        }
    }

    @media screen and (min-width:550px) and (max-width:600px) {
        .accumulated {
            font-size: 16px;
            padding: 10px;
        }
    }

    @media screen and (min-width:420px) and (max-width:550px) {
        .accumulated {
            font-size: 11px;
            padding: 6px;
        }
    }

    @media screen and (min-width:340px) and (max-width:420px) {
        .accumulated {
            font-size: 9px;
            padding: 7px;
        }
    }

    @media screen and (min-width:300px) and (max-width:340px) {
        .accumulated {
            font-size: 7px;
            padding: 8px;
        }
    }

    @media screen and (min-width:425px) and (max-width:800px) {
        .level-2-tier {
            text-indent: -15%;
        }

        .level-1-tier {
            text-indent: -16%;
        }

        .level-1-starting {
            text-indent: -4.5%;
        }
    }

    @media screen and (min-width:320px) and (max-width:385px) {
        .level-4-tier {
            font-size: 8px;
        }
    }

    @media screen and (min-width:551px) and (max-width:950px) {
        .wallet-card-sec .card-sec .card-type-label {
            font-size: 20px;
        }
    }

    @media screen and (min-width:320px) and (max-width:550px) {
        .wallet-card-sec .card-sec .card-type-label {
            font-size: 15px;
        }

        .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .levels-labels {
            font-size: 10px;
        }

        .wallet-card-sec .progressbar-sec .progress-bar-content .progress,
        .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar {
            height: 25px;
        }

        .wallet-card-sec .progressbar-sec .upgrade-label {
            font-size: 10px;
            padding: 10px;
        }
    }

    @media screen and (min-width:621px) and (max-width:768px) {

        .wallet-card-sec .card-sec .points-label {
            font-size: 65px !important;
            margin: 0px auto;
        }

        .wallet-card-sec .card-sec .validity-label2 {
            margin-bottom: 25px;
            margin-top: 8px;
            font-size: 15px !important;
        }
    }

    @media screen and (min-width:420px) and (max-width:600px) {
        .wallet-card-sec .card-sec .validity-label {
            font-size: 12px;
        }

        .wallet-card-sec .card-sec .validity-label2 {
            font-size: 12px;
        }
    }

    @media screen and (min-width:320px) and (max-width:420px) {
        .wallet-card-sec .card-sec .validity-label {
            font-size: 10px;
        }

        .wallet-card-sec .card-sec .validity-label2 {
            font-size: 10px;
            margin-top: 5px;
            margin-bottom: 20px;
        }

        .wallet-card-sec .card-sec .card-type-label {
            font-size: 10px;
        }
    }

    @media screen and (min-width:521px) and (max-width:620px) {

        .wallet-card-sec .card-sec .points-label {
            font-size: 50px !important;
            margin: 5px auto 0;
        }

        .wallet-card-sec .card-sec .validity-label2 {
            margin-bottom: 25px;
            margin-top: 8px;
            font-size: 15px !important;
        }
    }


    @media screen and (min-width:400px) and (max-width:520px) {

        .wallet-card-sec .card-sec .points-label {
            font-size: 45px !important;
            margin: 5px auto 0;
        }

        .wallet-card-sec .card-sec .validity-label2 {
            font-size: 12px !important;
            margin-top: 5px;
            margin-bottom: 25px;
        }
    }

    @media screen and (min-width:320px) and (max-width:420px) {

        .wallet-card-sec .card-sec .points-label {
            font-size: 37px !important;
            margin: 7px auto 0px;
        }
    }

    @media screen and (min-width:320px) and (max-width:360px) {

        .catalogContainer .points {
            font-size: 70px;
        }

        .codes-container .wallet {
            width: 200px !important;
            font-size: 13px !important;
        }
    }
    /*#endregion*/




    /*#region Deals Details*/
    .deals-details-cont {
        width: 100%;
        padding: 0;
        margin: 0;
        background-color: white;
    }

        .deals-details-cont .single-image-cont {
            text-align: center;
            position: relative;
            margin-top: 40px;
            background-color: white;
        }

            .deals-details-cont .single-image-cont .offer-expired-label {
                width: auto;
                position: absolute;
                left: 50px;
                bottom: 50px;
                padding: 6px;
                border-radius: 3px;
                background: #E82228;
                color: white;
                font-family: 'IRANYekanExtraBoldRd';
                padding: 10px;
            }

    @media screen and (min-width:765px) and (max-width:870px) {
        .deals-details-cont .single-image-cont .offer-expired-label {
            left: 20px;
        }
    }

    @media screen and (min-width:500px) and (max-width:765px) {
        .deals-details-cont .single-image-cont .offer-expired-label {
            left: 7px;
            bottom: 30px;
        }
    }

    @media screen and (min-width:320px) and (max-width:500px) {
        .deals-details-cont .single-image-cont .offer-expired-label {
            left: 18px;
            bottom: 5px;
            padding: 7px;
            font-size: 10px;
        }
    }

    @media screen and (min-width:0) and (max-width:500px) {
        .deals-details-cont .single-image-cont img {
            width: 90%;
        }
    }

    .deals-images-sec {
        width: 100%;
        /* background-image: url('img/bg/istockphoto-883019542-612x612.jpg');*/
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 400px;
        position: relative;
    }

    /* .deals-images-sec .discount-label {
        width: 110px;
        height: 110px;
        padding: 20px;
        border-radius: 55px;
        position: absolute;
        bottom: 40px;
        left: 40px;
        background-color: #dcd7d0;
        color: #e8474b;
        font-size: 20px;
        text-align: center;
    }

        .deals-images-sec .discount-label span:nth-child(1) {
            font-size: 18px;
            font-family: 'IRANYekanExtraBoldRd';
        }

        .deals-images-sec .discount-label span:nth-child(2) {
            text-transform: uppercase;
            font-family: 'IRANYekanRegularRd';
        }*/
    #dealslider .ms-slide .discount-label {
        width: 80px !important;
        padding: 10px !important;
        border-radius: 10px !important;
        position: absolute !important;
        bottom: 40px !important;
        left: 40px !important;
        background-color: #dcd7d0 !important;
        color: #e8474b !important;
        font-size: 15px !important;
        text-align: center !important;
        line-height: unset !important;
    }

    #dealslider .ms-slide .offer-expired-label {
        width: 100px !important;
        padding: 10px !important;
        border-radius: 10px !important;
        position: absolute !important;
        bottom: 40px !important;
        left: -300px !important;
        background-color: #E82228 !important;
        color: white !important;
        font-size: 15px !important;
        text-align: center !important;
        line-height: unset !important;
        font-family: 'IRANYekanExtraBoldRd' !important;
    }


    #dealslider .ms-slide .discount-label span:nth-child(1) {
        font-size: 15px;
        font-family: 'IRANYekanExtraBoldRd';
    }

    #dealslider .ms-slide .discount-label span:nth-child(2) {
        text-transform: uppercase;
        font-family: 'IRANYekanRegularRd';
    }

    @media (min-width:320px) and (max-width:620px) {
        .wallet-card-sec .card-sec .card-type-label {
            padding: 15px 21px;
        }
    }

    @media (min-width:320px) and (max-width:600px) {
        #dealslider .ms-slide .discount-label {
            width: auto !important;
            padding: 10px !important;
            border-radius: 10px !important;
            position: absolute !important;
            bottom: 40px !important;
            left: 40px !important;
            background-color: #dcd7d0 !important;
            color: #e8474b !important;
            text-align: center !important;
            line-height: unset !important;
        }

            #dealslider .ms-slide .discount-label span:nth-child(1) {
                font-size: 10px;
                font-family: 'IRANYekanExtraBoldRd';
            }
    }

    #dealslider .ms-thumb-frame {
        /* height:150px !important;width:200px !important;*/
        border-radius: 10px;
    }
    /*#dealslider .ms-thumb-frame img{
    height: 150px !important;
  
}*/
    #dealslider .ms-thumb-list {
        height: auto !important;
        width: 100%;
    }


    .deals-general-info, .deals-contact-sec, .deals-details-cont .terms-conditions-sec, .reviews-sec, .telcoRedeem .deals-footer-sec, .deals-details-cont .description-sec {
        width: 100%;
        padding: 0 20px;
        margin: 0;
        display: table;
    }

    .descriptionTelco {
        padding: 20px 20px !important;
    }

    .deals-general-info {
        margin-top: 20px;
    }

        .deals-general-info hr, .deals-contact-sec hr, .terms-conditions-sec hr, .member-review hr, .deals-details-cont .description-sec hr {
            border: 1px solid #eee;
        }

        .deals-general-info .deal-name {
            text-transform: uppercase;
            font-family: 'IRANYekanExtraBoldRd';
            color: #333;
            font-size: 20px;
            width: 90%;
            float: left;
        }

            .deals-general-info .deal-name .category-label {
                margin-top: 15px;
                font-family: IRANYekanExtraBoldRd;
                color: gray;
                font-size: 13px;
            }

        .deals-general-info .wishListFavContent {
            width: 10%;
            float: right;
            text-align: right;
        }

        .deals-general-info .wishlistLoad, .wishListFavContent .wishlistLoad {
            width: 30px;
            height: 30px;
            margin: 0;
            float: right;
            background-size: contain !important;
            background-image: url(Loaders/loaderRed.gif);
            background-repeat: no-repeat;
            display: none;
            background-position: center !important;
            padding: 0;
        }

    @media (min-width:320px) and (max-width:500px) {
        .deals-general-info .wishlistLoad, .wishListFavContent .wishlistLoad {
            width: 20px;
            height: 20px;
            margin: 0 28% !important;
        }

        .deals-general-info .addToWishListBtn {
            font-size: 20px !important;
        }
    }

    .deals-general-info .addToWishListBtn {
        font-size: 30px;
        color: #E82228;
        cursor: pointer;
    }

    .deals-general-info .wishListFavContent .loader-content img {
        width: 30px;
        height: 30px;
        float: right;
    }

    .deals-general-info .validity-review-sec {
        width: 100%;
        margin-top: 10px;
    }

        .deals-general-info .validity-review-sec .validity-text {
            float: left;
            font-family: IRANYekanRegularRd;
            padding-top: 5px;
        }

        .deals-general-info .validity-review-sec .review-sec {
            float: right;
        }

    .deals-contact-sec .first-row, .deals-contact-sec .second-row {
        width: 100%;
        margin-top: 15px;
        display: inline-block;
    }

    .deals-contact-sec .fourth-row {
        width: 100%;
        display: inline-block;
    }

    .deals-contact-sec .third-row {
        width: 100%;
        margin-top: 15px;
        display: inline-flex;
    }

    .deals-contact-sec .phone-label {
        background-image: url(img/icons/phone.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 21px !important;
        padding-left: 25px;
        cursor: pointer;
    }

    .deals-contact-sec .phone-label, .deals-contact-sec .governate-label, .deals-contact-sec .category-label {
        /*float: left;*/
        font-family: IRANYekanMediumRd;
        color: #333 !important;
        -webkit-text-fill-color: #333;
        -webkit-opacity: 1;
        z-index: 0;
    }

    .phone-number {
        -webkit-text-fill-color: rgba(3, 3, 3, 1);
        -webkit-opacity: 1;
    }

    .deals-contact-sec .governate-label {
        float: right;
        /* background-image: url(img/icons/governateRed.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px !important;*/
        padding-left: 25px;
    }

        .deals-contact-sec .phone-label span, .deals-contact-sec .governate-label span, .deals-contact-sec .category-label span, .deals-contact-sec .website-label span {
            color: #e82228;
            -webkit-text-fill-color: #e82228;
            -webkit-opacity: 1;
        }

    .deals-contact-sec .location-label {
        /*float: right;*/
        background-image: url('img/icons/noun-location-5023311.png');
        background-repeat: no-repeat;
        background-position: left;
        background-size: 13px !important;
        padding-left: 25px;
        cursor: pointer;
        color: #333;
        font-family: IRANYekanMediumRd;
    }

    .deals-contact-sec .branch-label {
        font-family: IRANYekanMediumRd;
    }

    .deals-contact-sec .website-label {
        overflow-wrap: anywhere;
        /*float: left;*/
        font-family: IRANYekanMediumRd;
        cursor: pointer;
        color: #333 !important;
        width: 50%;
        background-image: url(img/icons/website.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 18px !important;
        padding-left: 25px;
    }

    pre {
        all: unset;
    }

    .deals-contact-sec .branch-label {
        /*background-image: url(img/icons/office-icon-red.png);
        background-repeat: no-repeat;
        background-position: unset;
        background-size: 16px !important;*/
        padding-left: 25px;
        width: 65%;
    }

    .deals-contact-sec .social-label {
        background-image: url('img/icons/1161953_instagram_icon.png');
        background-repeat: no-repeat;
        background-position: left;
        background-size: 15px;
        padding-left: 25px;
        color: black !important;
        cursor: pointer;
        font-family: IRANYekanMediumRd;
        float: right;
        word-break: break-all;
        /*width: 50%;*/
    }


    .deals-details-cont .terms-conditions-sec .terms-title, .deals-details-cont .description-sec .description-title {
        color: #333;
        font-family: IRANYekanExtraBoldRd;
        font-size: 20px;
    }

    .deals-details-cont .terms-conditions-sec .term-text, .deals-details-cont .description-sec .description-text {
        font-family: IRANYekanRegularRd;
        font-size: 15px;
        margin-top: 10px;
    }

        .deals-details-cont .terms-conditions-sec .term-text, .deals-details-cont .description-sec .description-text a {
            color: #333 !important;
            -webkit-text-fill-color: unset !important;
            pointer-events: none !important;
            cursor: default !important;
            text-decoration: none !important;
        }

    .deals-details-cont .reviews-title {
        float: left;
    }

        .deals-details-cont .reviews-title div:nth-child(1) {
            color: #333;
            font-family: IRANYekanExtraBoldRd;
            font-size: 20px;
        }

        .deals-details-cont .reviews-title .nb-reviews {
            /* background-image: url('img/btn/star.png');*/
            background-size: 25px;
            background-repeat: no-repeat;
            /* padding-left: 30px;*/
            font-size: 20px;
            background-position: left center;
            margin-top: 15px;
            font-family: IRANYekanRegularRd;
        }

    .deals-details-cont .write-review-btn {
        float: right;
        color: #e82228;
        cursor: pointer;
        font-family: IRANYekanExtraBoldRd;
        font-size: 25px;
        /* background-image: url('img/btn/owlRightRed.png');
    background-repeat:no-repeat;
    background-position:right;
    padding-right:20px;
    background-size:15px;*/
    }

    .deals-details-cont .reviews-body {
        height: 400px;
        overflow-y: scroll;
        margin-top: 10px;
    }

        .deals-details-cont .reviews-body .member-review-title {
            color: #e82228;
            font-family: IRANYekanExtraBoldRd;
            font-size: 20px;
            float: left;
            width: 100%;
        }

        .deals-details-cont .reviews-body .review-date {
            float: right;
            font-size: 15px;
            color: #666666;
            font-family: 'IRANYekanRegularRd';
            margin-right: 10px;
        }

        .deals-details-cont .reviews-body .member-review-text {
            font-family: IRANYekanRegularRd;
            font-size: 15px;
        }

        .deals-details-cont .reviews-body .member-review .fa-star {
            color: #FFC400;
        }

    .deals-footer-sec {
        padding-bottom: 20px;
    }

        .deals-footer-sec .balance-sec {
            background-color: white;
            padding: 20px;
            text-align: center;
            font-size: 20px;
            font-family: IRANYekanExtraBoldRd;
            color: #e82228;
        }

            .deals-footer-sec .balance-sec span:nth-child(1) {
                color: #666666;
            }

            .deals-footer-sec .balance-sec span:nth-child(2) {
                font-family: IRANYekanExtraBoldRd;
                color: #e82228;
            }

            .deals-footer-sec .balance-sec span:nth-child(3) {
                font-family: IRANYekanRegularRd;
                color: #333;
            }

        .deals-footer-sec .redeem-btn {
            background-color: #C90203;
            padding: 13px;
            text-align: center;
            width: 95%;
            text-transform: uppercase;
            margin-left: auto;
            margin-right: auto;
            color: white;
            font-size: 20px;
            font-family: IRANYekanExtraBoldRd;
            border-radius: 5px;
            margin-top: 20px;
            cursor: pointer;
        }

        .deals-footer-sec .redeem-loader {
            display: none;
        }

            .deals-footer-sec .redeem-loader img {
                width: 5% !important;
            }

    @media screen and (max-width:460px) {
        .deals-contact-sec .social-label {
            width: 40%;
        }

        .deals-contact-sec .website-label {
            width: 55%;
        }
    }

    @media screen and (min-width:320px) and (max-width:400px) {
        .deals-details-cont .reviews-body .review-date {
            font-size: 10px;
        }

        .deals-general-info .validity-review-sec .validity-text {
            padding-top: 0;
            font-size: 12px;
        }

        html .rating-stars ul > li.star > i.fa {
            font-size: 1em !important;
        }

        .deals-contact-sec .location-label, .deals-contact-sec .phone-label, .deals-contact-sec .social-label, .deals-contact-sec .website-label, .deals-contact-sec .governate-label, .deals-contact-sec .branch-label, .deals-contact-sec .category-label {
            font-size: 12px;
            /*background-size: 12px !important;*/
        }

        .deals-contact-sec .location-label {
            background-size: 12px !important;
        }

        .deals-details-cont .reviews-title .nb-reviews, .deals-details-cont .reviews-body .member-review-title {
            font-size: 15px;
            background-size: 20px;
        }

        .deals-details-cont .write-review-btn {
            font-size: 20px;
            /*background-size:10px;*/
        }

        .deals-footer-sec .balance-sec, .deals-footer-sec .redeem-btn {
            font-size: 13px;
        }
    }
    /*#endregion*/
    /*#region Stars Rating*/
    html .rating-stars ul {
        list-style-type: none;
        padding: 0;
        -moz-user-select: none;
        -webkit-user-select: none;
    }

        html .rating-stars ul > li.star {
            display: inline-block;
        }

            html .rating-stars ul > li.star > i.fa {
                font-size: 1.5em;
                /* Change the size of the stars */
                color: #cccccc;
                /* Color on idle state */
            }

            html .rating-stars ul > li.star.hover > i.fa {
                color: #FFCC36;
            }

            html .rating-stars ul > li.star.selected > i.fa {
                color: #FFC400;
            }
    /*#endregion*/

    /* #region Remove padding from Bootstrap Grid system*/
    .reviewPopup .col, .reviewPopup [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
    /*#endregion*/

    /*#region ScrollBar*/
    /* width */
    ::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 5px;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 5px;
    }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #888;
        }

    .customizedScrollBar::-webkit-scrollbar-thumb {
        background: #d1d1d1;
    }

        .customizedScrollBar::-webkit-scrollbar-thumb:hover {
            background: #888;
        }
    /*#endregion*/


    /*#region FAQ*/
    .redemption-container {
        padding: 30px 0;
    }

        .redemption-container .redemption-content {
            width: 100%;
            margin-bottom: 30px;
        }

            .redemption-container .redemption-content .title {
                width: 50%;
                font-size: 30px;
                color: #333333;
                float: left;
                margin-bottom: 20px;
            }

    .FAQ-container {
        width: 100%;
        margin-bottom: 50px;
        display: table;
        background: #ffffff;
        padding: 20px;
        border-radius: 6px;
    }

        .FAQ-container .FAQ-title {
            width: 50%;
            font-size: 24px;
            font-family: IRANYekanExtraBoldRd;
            margin-bottom: 20px;
        }

        .FAQ-container .FAQ-accordion-content {
            width: 100%;
            margin-bottom: 15px;
            border-radius: 6px;
            border: 1.5px solid #E8E8E8;
        }

            .FAQ-container .FAQ-accordion-content .accordion-title {
                /*background: url('img/btn/ddlArw.png');
            background-position: 95%;
            background-repeat: no-repeat;*/
                font-family: IRANYekanBoldRd;
                width: 100%;
                border: none;
                box-sizing: border-box;
                height: 40px;
                -webkit-appearance: none;
                padding: 10px;
                font-size: 16px;
                font-weight: 700;
                cursor: pointer;
            }

            .FAQ-container .FAQ-accordion-content .accordion-text {
                font-size: 16px;
                font-family: IRANYekanRegularRd;
                color: #666666;
                padding: 20px 10px;
                width: 90%;
                display: none;
            }

    @media only screen and (max-width: 1000px) {
        .FAQ-container {
            padding: 10px;
            margin: 0;
        }

            .FAQ-container .FAQ-title {
                font-size: 17px;
                margin-bottom: 10px;
                width: 100%;
            }

            .FAQ-container .FAQ-accordion-content {
                width: 100%;
            }

                .FAQ-container .FAQ-accordion-content .accordion-title,
                .FAQ-container .FAQ-accordion-content .accordion-text {
                    font-size: 14px;
                }
    }

    @media only screen and (max-width: 500px) {
        .FAQ-container {
            margin-bottom: 0;
        }

            .FAQ-container .FAQ-accordion-content .accordion-title,
            .FAQ-container .FAQ-accordion-content .accordion-text {
                font-size: 12px;
                padding: 10px;
            }

            .FAQ-container .FAQ-accordion-content .accordion-title {
                padding-right: 30px;
                height: 45px;
                padding-top: 15px;
                padding-bottom: 5px;
                /*display: flex;*/
                align-items: center;
            }

                .FAQ-container .FAQ-accordion-content .accordion-title .faqDownArrow {
                    margin-right: 0px;
                }
    }

    @media only screen and (max-width: 1000px) {
        .redemption-container .redemption-content .filter-search,
        .redemption-container .redemption-content .filter-search.FAQ {
            width: 100%;
        }

            .redemption-container .redemption-content .filter-search .txtFaqSearch,
            .redemption-container .redemption-content .filter-search.FAQ .txtFaqSearch {
                width: calc(100% - 110px);
                margin-right: 10px;
                background-position: 10px;
            }

            .redemption-container .redemption-content .filter-search.FAQ .txtFaqSearch {
                width: 100%;
            }
    }

    .redemption-container .redemption-content .filter-search .txtFaqSearch {
        width: 250px;
        height: 44px;
        float: right;
        /*background-image: url(img/btn/search.png);
    background-position: 5% center;
    background-repeat: no-repeat;*/
        background-color: #ffffff;
        color: #999999;
        border-radius: 6px;
        /*padding: 10px 0 10px 40px;*/
        font-size: 16px;
        margin-right: 15px;
    }

    .marginLeftZero {
        margin-left: 0 !important;
    }

    .marginRightZero {
        margin-right: 0 !important;
    }

    .redemption-container .redemption-content .filter-search {
        float: right;
        margin-bottom: 20px;
    }

    @media only screen and (max-width: 1000px) {
        .redemption-container .redemption-content .filter-search .redemption-container .redemption-content .filter-search .FAQ {
            width: 100%;
        }
    }

    .highlight {
        background-color: yellow;
    }


    @media only screen and (max-width: 1000px) {
        .redemption-container .redemption-content .filter-search, .redemption-container .redemption-content .filter-search.FAQ {
            width: 100%;
        }
    }

    .highlight {
        background-color: yellow;
    }

    /* Region: My Statement Table*/
    table {
        width: 100%;
    }

    .tblHeader {
        text-align: center !important;
        color: black;
        font-weight: bold;
        text-transform: uppercase;
    }

    .myStatementTbl {
        border-top: 2px solid lightgrey;
    }

    .tdwidth {
        width: 30%;
    }

    .tdalign {
        vertical-align: middle !important;
    }

    .statementScroll {
        width: 30px;
        margin: 30px 50%
    }

    @media (max-width: 1050px) {
        .statementScroll {
            width: 30px;
            margin: 30px 47%;
        }
    }

    .ui-datepicker {
        font-size: 75% !important
    }

    .ui-widget-header {
        background: #E82228 !important;
        border-radius: 3px !important;
    }

    .ui-datepicker-title {
        font-family: IRANYekanRegularRd !important;
    }

    .ui-state-highlight {
        border: 1px solid #E82228 !important;
        background: #ffa2a4 !important;
        color: #58554b !important;
    }

    .ui-widget-content {
        /*border: 1px solid #E82228 !important;*/
    }

    th {
        font-family: IRANYekanRegularRd !important;
    }

    .ui-state-active {
        background: #d1cece !important;
    }

    .ui-datepicker .ui-datepicker-title select {
        font-size: 75% !important;
    }

    .notfound {
        display: none;
    }
    /* End Region: My Statement Table*/
    /*#endregion*/
    /*#region Activate*/
    .loginContainer {
        margin: 50px auto;
        width: 80%;
        height: auto;
        max-width: 554px;
        max-height: 557px;
        background-color: #ffffff;
        padding: 48px 0;
        border-radius: 6px;
        text-align: center;
    }

        .loginContainer .title {
            font-family: IRANYekanExtraBoldRd;
            font-size: 30px;
            color: #333333;
            padding: 0px 15px 0px 15px;
        }

        .loginContainer .agreeTxt {
            padding: 48px 0 24px;
            font-family: IRANYekanRegularRd;
            font-size: 16px;
            color: #333333;
        }

        .loginContainer .condition {
            max-width: 358px;
            width: 45%;
            height: 44px;
            background-color: #F5F5F5;
            /*text-align: left;*/
            margin: 15px auto;
            padding: 10px 12px;
            border-radius: 6px;
        }

            .loginContainer .condition .link {
                font-size: 16px;
                font-weight: 400;
                color: #C90223;
                cursor: pointer;
                text-decoration: underline !important;
                /*float: left;*/
            }

            .loginContainer .condition .checkboxContainer {
                float: right;
                margin-top: 4px;
            }

    .checkboxContainer {
        /*display: block;*/
        position: relative;
        /*padding-left: 15px;*/
        /*margin-bottom: 12px;*/
        cursor: pointer;
        vertical-align: middle;
        font-size: 14px;
        color: #333333;
        /*border: 1px solid;*/
        min-height: 10px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .checkboxContainer .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 16px;
            width: 16px;
            border: 2px solid #C90223;
            background-color: #ffffff;
            border-radius: 3px;
        }

        .checkboxContainer:hover input ~ .checkmark {
            background-color: #e3afb7;
        }

        .checkboxContainer input:checked ~ .checkmark {
            background-color: #C90223;
        }

            .checkboxContainer input:checked ~ .checkmark:after {
                display: block;
            }

        .checkboxContainer .checkmark:after {
            left: 4px;
            top: 0px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .checkboxContainer .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

    #terms-privacy-content .loader-content {
        display: none;
    }

    .loginContainer .btnActivate {
        max-width: 358px;
        width: 45%;
        background-color: #C90223;
        color: #ffffff;
        font-size: 16px;
        text-align: center;
        padding: 10px;
        border-radius: 6px;
        margin: 40px auto;
        cursor: pointer;
    }

    .disabled-btn {
        cursor: not-allowed !important;
        background-color: #a3a3a3 !important;
    }

    /*#endregion*/


    /*#region Verification Popup*/
    .verificationPopup {
        width: 90%;
        max-width: 550px;
        background-color: #ffffff;
        padding: 30px;
        display: none;
        border-radius: 6px;
    }

        .verificationPopup .close {
            float: right;
            /* opacity: .2;*/
        }

        .verificationPopup .title {
            font-size: 30px;
            float: left;
            margin-bottom: 30px;
        }

        .verificationPopup .verification-container {
            width: 100%;
            text-align: center;
        }

            .verificationPopup .verification-container .txt {
                font-size: 15px;
                text-align: center;
                color: #444444;
                margin: auto;
            }

            .verificationPopup .verification-container .ttl {
                font-size: 16px;
                font-weight: bold;
                text-align: center;
                color: #444444;
                margin: auto;
                margin-bottom: 10px;
            }

            .verificationPopup .verification-container .code {
                width: 55px;
                height: 80px;
                font-size: 32px;
                color: #808080;
                letter-spacing: 15px;
                border: 1px solid #F2f2f2;
                margin: 30px auto;
                border-radius: 6px;
                text-indent: 17px;
                text-align: center;
                padding: 0;
            }

                .verificationPopup .verification-container .code::placeholder {
                    color: #e8222852;
                    opacity: 0.5;
                }

            .verificationPopup .verification-container .btn-confirm, .AlertMessagePopup .btn-confirm {
                width: 100%;
                margin: 20px auto;
                background-color: #C90203;
                text-align: center;
                color: #ffffff;
                font-weight: 700;
                font-size: 17px;
                cursor: pointer;
                border-radius: 6px;
                height: 44px;
                padding-top: 10px;
                cursor: pointer;
            }

                .verificationPopup .verification-container .btn-confirm.disabled, .AlertMessagePopup .btn-confirm.disabled {
                    opacity: 0.3;
                }

            .verificationPopup .verification-container .btn-resend {
                cursor: pointer;
                color: #e82228;
                font-size: 15px;
                text-align: center;
            }

            .verificationPopup .verification-container .resend-timer-container {
                color: #666666;
                font-size: 15px;
                text-align: center;
                display: none;
            }

            .verificationPopup .verification-container .dontclosepopup-content {
                font-size: 20px;
            }

        .verificationPopup .signIcon {
            display: block;
            margin: auto auto 20px;
        }

        .verificationPopup .resend-loader, .verificationPopup .confirm-loader {
            display: none;
        }

            .verificationPopup .resend-loader img, .verificationPopup .confirm-loader img {
                width: 5%;
            }


    @media screen and (max-width: 360px) {
        .verificationPopup .verification-container .code {
            text-indent: 9px;
            width: 50px;
        }
    }
    /*#endregion*/


    /*#region InfoWindow for map*/

    #infoImage {
        width: 173px;
    }

    #viewDealLink {
        font-size: 13px;
        font-family: IRANYekanRegularRd !important;
        text-decoration: none !important;
        display: block;
        margin-top: 25px;
        color: #C90223;
    }

    .gm-ui-hover-effect {
        top: 0px !important;
        right: 0px !important;
    }

    #viewDealLink:focus {
        text-decoration: none;
        outline: unset;
    }

    .infotitle {
        display: table;
        margin-top: 3px;
        font-size: 14px;
        color: #333;
        font-family: IRANYekanBlackRd !important;
    }

    .infodesc {
        font-size: 10px;
        display: table;
        color: #333;
        margin-top: 3px;
        font-family: IRANYekanRegularRd !important;
    }

    .infoPoints {
        font-size: 10px;
        display: table;
        float: right;
        width: 75px;
        background-color: #C90223;
        margin-top: 3px;
        border-radius: 3px;
        font-family: IRANYekanBoldRd !important;
    }
    /*#endregion*/

    /*#region scroll bar for terms and privacy*/
    @media screen and (max-width: 500px) {
        /*.details {
            overflow-y: scroll;
            height: 600px;
        }*/
        .termsOfUsePopup {
            width: 100%;
            height: auto;
        }
    }
    /*#endregion*/
    .custom-map-control-button {
        cursor: pointer;
        background-image: url(img/icons/currentlocationRed.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 80%;
        height: 60px;
        width: 50px;
        top: 47px !important;
        right: 10px !important;
        box-shadow: 0px 0px 2px 0px #a6a6a6;
    }

        .custom-map-control-button:active {
            background-color: #89CFF0;
        }

    .errorActivate {
        color: #C90223;
        font-family: IRANYekanExtraBoldRd;
    }

    /*Region Deactivate Account*/
    .verifyDeactivation {
        width: 80%;
        max-width: 550px;
        background-color: #ffffff;
        padding: 30px;
        display: none;
        border-radius: 6px;
    }

        .verifyDeactivation .title {
            font-size: 30px;
            width: 100%;
            margin: auto;
            margin-bottom: 7px;
            font-family: IRANYekanBoldRd;
            color: #333;
        }

        .verifyDeactivation .btns {
            cursor: pointer;
            text-transform: uppercase;
            font-family: IRANYekanBoldRd;
        }

        .verifyDeactivation .verification-container {
            width: 100%;
        }

            .verifyDeactivation .verification-container .danger-alert, .removeBeneficiaryItem .danger-alert {
                width: 100%;
                border-radius: 6px;
                background-color: rgba(238, 66, 66, 0.2);
                padding: 20px 50px;
                margin: 10px auto;
                background-image: url(img/btn/alert.png);
                background-position: 15px 20px;
                background-repeat: no-repeat;
            }

            .verifyDeactivation .verification-container .btn-confirm, .AlertMessagePopup .btn-confirm {
                width: 40%;
                margin: 20px;
                background-color: #C90223;
                text-align: center;
                color: #ffffff;
                font-weight: 700;
                font-size: 14px;
                cursor: pointer;
                border-radius: 6px;
                height: 44px;
                padding-top: 12px;
                float: left;
            }

            .verifyDeactivation .verification-container .btn-return, .AlertMessagePopup .btn-return {
                width: 40%;
                margin: 20px;
                background-color: transparent;
                text-align: center;
                color: #E82228;
                font-weight: 700;
                font-size: 14px;
                cursor: pointer;
                border-radius: 6px;
                height: 44px;
                padding-top: 10px;
                float: right;
                border: 2px solid #e82228;
            }

        .verifyDeactivation .deactivation-options-section {
            padding: 0px 0 0px 30px;
            border-top: 2px solid #D9D9D9;
            border-bottom: 2px solid #D9D9D9;
            margin-bottom: 20px;
            height: 238px;
            overflow-y: scroll;
        }

    .checkBoxBtn label {
        margin-bottom: unset !important;
    }

    .checkboxContainer {
        padding-left: 28px;
        /*margin-top: 10px;*/
        border-bottom: 2px solid lightgrey;
        font-family: 'IRANYekanRegularRd' !important;
        /*font-weight: 400;*/
        /*text-align:left;*/
    }

        .checkboxContainer:last-child {
            border: none;
            margin-bottom: 0px;
        }

    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 5px;
        width: 16px;
        border: 2px solid #C90223;
        background-color: white;
        border-radius: 3px;
    }

    .checkboxContainer:hover input ~ .checkmark {
        background-color: #ffa2a4;
    }

    .request-call-section {
        padding: 0px 0 0px 30px;
        border-top: 2px solid lightgrey;
        border-bottom: 2px solid lightgrey;
    }

        .request-call-section .checkboxContainer {
            padding: 0 0 5px 30px;
            margin-top: 10px;
            font-family: IRANYekanRegularRd;
            font-weight: 400;
            margin-bottom: 10px !important;
        }

    @media only screen and (max-width:1000px) {
        .verifyDeactivation .title {
            font-size: 20px;
        }

        .danger-alert {
            padding: 15px 15px 15px 50px;
        }

        .btn-confirm {
            width: 100% !important;
            margin: 10px auto !important;
        }

        .btn-return {
            width: 100% !important;
            margin: 0px auto !important;
        }

        .btn-ProceedToDeac {
            width: 47% !important;
            margin: 10px auto !important
        }

        .btnTakeMeBack {
            width: 47% !important;
            margin: 10px auto !important;
        }
    }

    /*End Region Deactivate Account*/
    .marginTop12 {
        margin-top: 12px !important;
    }

    .con-loader {
        border-radius: 6px;
        width: 30px;
        height: 30px;
        margin: 3px 47%;
        padding: 0;
        background-image: url(Loaders/loaderRed.gif);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    .catalogContainer .rightSec .itemSec .wishListFavContent .wishlistLoad, .catalogContainer .rightSec .itemSec .deleteBtn .wishlistLoadout,
    .featuredContainer .featuredItems .itemSec .wishListFavContent .wishlistLoad {
        width: 20px;
        height: 20px;
        margin: 0;
        float: left;
        background-size: contain !important;
        background-image: url(Loaders/loaderRed.gif);
        background-repeat: no-repeat;
        display: none;
        background-position: center !important;
        padding: 0;
    }

    @media (min-width:320px) and (max-width:500px) {
        .catalogContainer .rightSec .itemSec .wishListFavContent .wishlistLoad, .catalogContainer .rightSec .itemSec .deleteBtn .wishlistLoadout,
        .featuredContainer .featuredItems .itemSec .wishListFavContent .wishlistLoad {
            width: 20px;
            height: 20px;
        }

        .featuredContainer .featuredItems .itemSec .wishListFavContent .wishlistLoad {
            font-size: 20px !important;
        }
    }

    .noLoc-search-width {
        width: calc(100% - 54px) !important;
    }

    .searchIcon {
        margin-top: 11px;
        font-size: 20px;
        color: #666666;
        padding: 0px 10px 0px 10px;
        cursor: pointer;
    }

    .searchDiv {
        display: inline-flex;
        width: calc(100% - 50px);
        background-color: #F2F2F2;
        border-radius: 6px;
        border-color: #F2F2F2;
    }

    .faqSearch {
        display: inline-flex;
        width: 100%;
        background-color: #ffffff;
        border-radius: 6px;
        border-color: #ffffff;
    }

    .mapLocation {
        font-size: 25px;
        color: #666666;
    }

    .viewAllSpan {
        color: #E82228;
        font-size: 30px;
        margin: -6px 5px;
    }

    .backArrowSpan {
        font-size: 30px;
        margin: 5px;
        float: left;
        width: 100%;
    }

    .takeALookSpan {
        font-size: 25px;
        margin: -3px -6px;
    }


    .closepopUpBtn {
        font-size: 25px;
    }

    .faqDownArrow {
        float: right;
        font-size: 20px;
        color: #E8E8E8;
        margin-right: 40px;
    }
    /*#region spinWheel*/
    .spinWheelPopup {
        width: 100%;
        height: 100%;
        top: 0 !important;
        left: 0 !important;
        background-color: white;
        color: #fff;
        display: none;
        text-align: center;
    }

    .spinWheelheader {
        width: 100%;
        background-color: #C90223;
        position: absolute;
        height: 40px;
        z-index: 9999;
    }

    .spinWheelClose {
        float: left;
        padding-left: 9px;
        color: white;
        opacity: 1;
        cursor: pointer;
    }

    .spinWheelTitle {
        margin-top: 9px;
        margin-right: 50px;
    }

    #spinWheel {
        margin-top: 40px;
        width: 100%;
        height: 96%;
        overflow-y: auto;
        background-image: url(img/wheel/bg.png);
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .spinWheelFooter {
        /* background-image: url(img/wheel/bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;*/
    }

    .spinWheelBody {
        text-align: center;
        color: #000000;
        text-transform: uppercase;
        padding-bottom: 50px;
    }

    .earnText {
        margin-top: 40px;
        font-size: 18px;
        font-family: IRANYekanRegularRd;
    }

    .spintext {
        color: #E82228;
        font-size: 34px;
        font-family: IRANYekanBoldRd;
    }

    .the_wheel {
        background-image: url('img/wheel/SpinWheelEn.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .pointerWheel {
        background-image: url('img/wheel/wheelPointer.png');
    }

    #pointerImg {
        content: url('img/wheel/wheelPointer.png');
    }

    .playWheel {
        border: 2px solid #C90223;
        color: white;
        padding: 11px;
        height: 45px;
        width: 50%;
        border-radius: 4px;
        background-color: #C90223;
        text-align: center;
        font-size: 13px;
        cursor: pointer;
        margin: auto;
        margin-top: 23px;
        max-width: 277px;
        font-family: IRANYekanExtraBoldRd;
    }
    /*#endregion*/
    /*#region win Wheel popup*/
    .winWheelPopup {
        width: 90%;
        max-width: 680px;
        background-color: #ffffff;
        padding: 30px;
        display: none;
        border-radius: 6px;
        text-align: center
    }

    .congratsText {
        color: #E82228;
        font-size: 23px;
        font-family: IRANYekanExtraBoldRd;
    }

    .congratsImage {
        background-image: url(img/logo/congrats.png);
        height: 258px;
        margin: auto;
        background-repeat: no-repeat;
        width: 42%;
        min-width: 242px;
    }

    .congratsMessage {
        color: #333333;
        font-family: IRANYekanBoldRd;
        font-size: 13px;
        margin: 10px;
    }

    .prize {
        color: #E82228;
        font-size: 30px;
        margin-top: 21px;
        font-family: IRANYekanExtraBoldRd;
        margin-bottom: 16px;
    }

    .okButton {
        border: 2px solid #C90223;
        color: #FFFFFF;
        padding: 6px;
        height: 35px;
        max-width: 207px;
        width: 43%;
        border-radius: 4px;
        background-color: #C90223;
        text-align: center;
        font-size: 14px;
        cursor: pointer;
        margin: auto;
        font-family: IRANYekanRegularRd;
        text-transform: uppercase;
    }
    /*#endregion*/

    .table-striped > tbody > tr:nth-of-type(even) {
        background-color: #f2f2f2;
    }
    /*#region Login popup*/
    .loginPopup {
        width: 80%;
        max-width: 450px;
        background-color: white;
        border-radius: 4px;
        padding: 30px;
        color: #fff;
        display: none;
        text-align: center;
    }

        .loginPopup .LoginTitle {
            background-image: url('img/btn/user_logo.png');
            background-position: center;
            background-repeat: no-repeat;
            height: 40px;
        }

        .loginPopup .loginBtn {
            border: 2px solid #E82228;
            color: white;
            padding: 7px;
            height: 40px;
            border-radius: 4px;
            background-color: #E82228;
            text-align: center;
            font-size: 15px;
            max-width: 225px;
            cursor: pointer;
            margin: auto;
            font-family: IRANYekanExtraBoldRd;
        }

        .loginPopup .LoginMessage {
            text-align: center;
            font-size: 15px !important;
            color: #333;
            margin-top: 20px !important;
            margin-bottom: 20px !important;
            max-width: 254px;
            margin: auto;
            cursor: pointer;
            font-family: 'IRANYekanExtraBoldRd';
        }

    @media screen and (max-width:460px) {
        .loginPopup .loginBtn {
            max-width: 150px;
        }
    }
    /*#endregion*/

    .AlertMessagePopup {
        width: 80%;
        max-width: 460px;
        background-color: white;
        border-radius: 6px;
        color: #fff;
        padding: 25px;
        display: none;
        text-align: center;
    }

    @media screen and (max-width:800px) {
        .AlertMessagePopup {
            width: 60% !important;
            padding: 18px !important;
        }
    }

    @media screen and (max-width:500px) {
        .AlertMessagePopup {
            width: 80% !important;
            padding: 18px !important;
        }
    }

    .alertMessage {
        text-align: center;
        font-size: 18px !important;
        color: #333;
        padding: 15px;
        margin: auto;
        cursor: pointer;
        font-family: IRANYekanRegularRd;
    }

    .bgAlert {
        background-image: url('img/btn/alertYellow2.png');
        background-repeat: no-repeat;
        background-size: contain;
        height: 50px;
        width: 48px;
        margin-left: auto;
        margin-right: auto;
    }

    .AlertMessagePopup .closeAlertMessage, .redeemedPopup .closeRedeemMessage, .verifyDeactivation .closeAlertMessage {
        border: 2px solid #C90203;
        color: white;
        padding: 7px;
        height: 40px;
        border-radius: 4px;
        background-color: #C90203;
        text-align: center;
        font-size: 15px;
        cursor: pointer;
        margin: auto;
        width: 50%;
        font-family: IRANYekanExtraBoldRd;
    }

    .backbtnError {
        border: 2px solid #C90203;
        color: white;
        padding: 7px;
        border-radius: 4px;
        background-color: #C90203;
        text-align: center;
        font-size: 15px;
        cursor: pointer;
        margin: auto;
        width: 35%;
        font-family: IRANYekanExtraBoldRd;
        margin-top: 40px;
    }

    .alertTitle2 {
        color: #333 !important;
        font-size: 20px !important;
        font-weight: 700;
    }

    .PredefinedVoucher {
        margin-top: 5px;
        float: left;
        text-transform: capitalize;
        font-family: 'IRANYekanExtraBoldRd';
        padding-top: 5px;
        color: #e82228;
    }

    .headertitleAlign {
        text-align: end !important;
        width: 50% !important;
    }

    .overlay-load {
        z-index: 999999;
        position: fixed;
        /*padding: 15px;*/
        /*margin: 0px;*/
        width: 100%;
        top: 0px;
        /*text-align: center;*/
        height: 100%;
        color: rgb(255, 255, 255);
        border: none;
        background: black;
        cursor: default;
        opacity: 0.6;
        /*height: -webkit-fill-available;*/
        display: none;
        padding-top: env(safe-area-inset-top);
        viewport-fit: cover;
    }

    .overlay-loader {
        border-radius: 6px;
        width: 30px;
        height: 30px;
        margin: 100% 47%;
        padding: 0;
        background-image: url(Loaders/loaderRed.gif);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    @media screen and (min-width:700px) {
        .overlay-loader {
            margin: 20% 47%;
        }
    }


    /*#region user Not Found popup*/
    .errorUser {
        width: 80%;
        max-width: 450px;
        background-color: white;
        border-radius: 4px;
        padding: 30px;
        color: #fff;
        display: none;
        text-align: center;
    }

        .errorUser .LoginMessage {
            text-align: center;
            font-size: 15px !important;
            color: #333;
            margin-top: 20px !important;
            margin-bottom: 20px !important;
            max-width: 254px;
            margin: auto;
            cursor: pointer;
            font-family: 'IRANYekanExtraBoldRd';
        }
    /*#endregion*/

    .telcoRedeem {
        display: none;
        padding: 20px 25px 20px 25px;
    }

    .redeemMessageFreeCredit {
        text-align: left;
        font-size: 16px !important;
        color: #333;
        padding-left: 20px;
        margin: auto;
        font-family: IRANYekanExtraBoldRd;
    }

    .redeemMessageFreeCreditValue {
        padding-left: 20px;
        text-align: left;
        font-size: 16px !important;
        font-family: IRANYekanExtraBoldRd;
        color: #e82228 !important;
    }

    .txtRedeemedWafaPoints {
        width: 47% !important;
        height: 45px;
        border: 1px solid #333 !important;
        border-radius: 6px;
        position: relative;
        z-index: 2;
        font-size: 16px !important;
        color: #333;
    }

    .redeemMessageEnterFreeCredit {
        margin-top: 10px;
        font-weight: normal !important;
        font-family: IRANYekanRegularRd;
    }

    .redeemedCreditDiv {
        width: 100%;
        display: inline-block;
        border-radius: 6px;
        border-color: #F2F2F2;
        padding: 5px 20px 0px 20px;
    }

    .telcoredeemBtn {
        padding: 16px;
        /*padding: 8px 15px;*/
        background-color: #ED1C24;
        border-radius: 25px;
        font-size: 20px;
        color: white;
        font-weight: bold;
        float: left;
        cursor: pointer;
    }

    .telcoRedeem .buttons {
        margin-top: 40%;
        height: 25px;
    }

    .telcoRedeem .submitCredit {
        border: 2px solid #E82228;
        color: white;
        /*padding: 7px;*/
        height: 40px;
        border-radius: 4px;
        margin: 0px 0px 0px 5px !important;
        background-color: #E82228;
        text-align: center;
        font-size: 16px;
        cursor: pointer;
        margin: auto;
        font-family: IRANYekanExtraBoldRd;
    }

    .redeemedTelcoMessage {
        font-size: 12px;
        color: #808080;
    }

    .bgSuccess {
        background-image: url('img/btn/check.png');
        background-repeat: no-repeat;
        background-size: contain;
        height: 50px;
        width: 48px;
        margin-left: auto;
        margin-right: auto;
    }

    .successAlertMessagePopup {
        width: 80%;
        max-width: 500px;
    }

    .successAlertMessage {
        padding: 5% 0 10% 0 !important;
        width: 100% !important;
    }

    .successAlertMessageBtn {
        width: 100% !important;
    }

    .equalMargin {
        margin: 1% !important;
    }

    @media screen and (min-width:320px) and (max-width:506px) {
        .txtRedeemedWafaPoints {
            width: 45% !important;
        }

        .spanPoints {
            width: 50% !important;
        }
    }

    @media screen and (min-width:506px) and (max-width:548px) {
        .txtRedeemedWafaPoints {
            width: 46% !important;
        }

        .spanPoints {
            width: 50% !important;
        }
    }

    .redeemedCreditSpan {
        width: 100%;
        border-radius: 6px;
        border-color: #F2F2F2;
        padding: 5px 20px 0px 20px;
    }

    .creditBgColor {
        background-color: #eee;
        color: #333;
    }

    .spanPoints {
        float: left;
        width: 49%;
    }

    .popUpBottom {
        width: 100% !important;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        position: absolute;
        bottom: 0px !important;
        top: auto !important;
        left: 0 !important;
        animation: fadeIn 1s, slideIn .8s linear;
        max-width: 100% !important
    }

    @keyframes slideIn {
        0% {
            transform: translateY(400px);
            animation-timing-function: ease-out;
        }

        60% {
            transform: translateY(-30px);
            animation-timing-function: ease-in;
        }

        80% {
            transform: translateY(10px);
            animation-timing-function: ease-out;
        }

        100% {
            transform: translateY(0px);
            animation-timing-function: ease-in;
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes slideOut {
        0% {
            transform: translateY(0px);
            animation-timing-function: ease-out;
        }

        60% {
            transform: translateY(400px);
            animation-timing-function: ease-in;
        }

        80% {
            transform: translateY(-300px);
            animation-timing-function: ease-out;
        }

        100% {
            transform: translateY(-400px);
            animation-timing-function: ease-in;
        }
    }

    @keyframes fadeOut {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    .popUpHide {
        animation: fadeOut 1s, slideOut .8s linear;
    }

    .errorActivateNotAuth {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 37%;
        background-color: #C90223;
        height: 40px;
        margin: auto;
        border-radius: 5px;
        margin-top: 24px;
        color: #fff;
        font-family: IRANYekanRegularRd;
    }

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

        .owl-dots button.owl-dot {
            width: 15px;
            height: 15px;
            border-radius: 50%;
            display: inline-block;
            background: #999999;
            margin: 0 3px;
        }

            .owl-dots button.owl-dot.active {
                background-color: #E82228;
            }

            .owl-dots button.owl-dot:focus {
                outline: none;
            }

    .marginTopAddress {
        margin-top: -42px;
    }

    .clickHere {
        padding-top: 43px;
        font-family: IRANYekanRegularRd;
        font-size: 20px;
        color: #C90223;
        cursor: pointer;
        text-decoration: underline;
    }

    .othertxtarea {
        border: 2px solid lightgrey;
        color: black;
        width: 90%;
        height: 100px;
        margin-bottom: 10px;
        font-size: 14px;
        display: none;
    }

    @media screen and (min-width:320px) and (max-width:437px) {
        .othertxtarea {
            font-size: 12px !important;
        }

        .verifyDeactivation .verification-container .danger-alert, .removeBeneficiaryItem .danger-alert {
            font-size: 12px;
        }

        .checkboxContainer {
            font-size: 12px;
        }

        .deactivation-options-section {
            height: 160px;
            overflow-y: scroll;
        }
    }

    .AlertMessagePopup .closeLoginPopUp {
        display: inline;
    }

    .AlertMessagePopup .closeLoginPopUp {
        float: left;
        color: white;
        margin-top: -5px;
        opacity: 1;
        cursor: pointer;
    }

    .layer1 {
        bottom: 3% !important;
        right: 15%;
        margin: 0px;
        padding: 0px;
        /*display: none;*/
    }

    .layer2 {
        top: 90px !important;
        left: 4% !important;
        RIGHT: unset !important;
        margin: 0px;
        padding: 0px;
        /*display: none;*/
    }

    .layer4 {
        top: 70% !important;
        left: 4% !important;
        width: 9%;
    }

    .btnlayer {
        color: #fff;
        font-family: IRANYekanMediumRd;
        border-radius: 3px;
        background-color: #e82228;
        text-align: center;
        padding: 9px;
        font-size: 16px !important;
        min-width: 30px;
    }

    @media screen and (max-width:1000px) {
        .layer4 {
            width: unset;
        }
    }

    @media screen and (max-width:750px) {
        .btnlayer {
            font-size: 13px !important;
        }
    }

    .layerText {
        top: 3% !important;
        left: 15%;
        margin: 0px;
        padding: 0px;
    }

    .bannerText1 {
        font-family: IRANYekanLightRd;
        color: #ED1C24;
        font-size: 30px;
    }

    .bannerText2 {
        margin-top: 3px;
        font-family: IRANYekanBoldRd;
        color: #ED1C24;
    }

    .widthLayer {
        width: 120px;
    }

    .widthLayerEx {
        width: 450px;
    }

    @media screen and (max-width:1200px) {
        .bannerText1 {
            font-size: 25px;
            line-height: 1;
        }

        .widthLayerEx {
            width: 350px;
        }
    }

    @media screen and (max-width:1000px) {
        .widthLayer {
            width: 110px;
        }

        .bannerText2 {
            font-size: 15px;
            line-height: 1;
        }

        .bannersSlider .ms-slide .ms-slide-bgcont img, .bannersSlider .ms-container, .bannersSlider .ms-inner-controls-cont {
            height: 400px !important;
        }

        .ms-layers-template .master-slider {
            height: 400px !important;
        }

        .bannersSlider .ms-slide {
            height: 400px !important;
        }

            .bannersSlider .ms-slide .ms-slide-bgcont, .bannersSlider .ms-slide .ms-slide-bgvideocont {
                height: 400px !important;
            }
    }

    @media screen and (max-width:800px) {
        .widthLayer {
            width: 67px;
        }

        .widthLayerEx {
            width: 200px;
        }

        .bannersSlider .ms-slide .ms-slide-bgcont img, .bannersSlider .ms-container, .bannersSlider .ms-inner-controls-cont {
            height: 350px !important;
        }

        .ms-layers-template .master-slider {
            height: 350px !important;
        }

        .bannersSlider .ms-slide {
            height: 350px !important;
        }

            .bannersSlider .ms-slide .ms-slide-bgcont, .bannersSlider .ms-slide .ms-slide-bgvideocont {
                height: 350px !important;
            }
    }

    @media screen and (max-width:750px) {
        .widthLayerEx {
            width: 350px;
        }

        .bannersSlider .ms-slide .ms-slide-bgcont img, .bannersSlider .ms-container, .bannersSlider .ms-inner-controls-cont {
            height: 300px !important;
        }

        .ms-layers-template .master-slider {
            height: 300px !important;
        }

        .bannersSlider .ms-slide {
            height: 300px !important;
        }

            .bannersSlider .ms-slide .ms-slide-bgcont, .bannersSlider .ms-slide .ms-slide-bgvideocont {
                height: 300px !important;
            }

        .bannerText1 {
            font-size: 16px;
        }

        .bannerText2 {
            font-size: 12px;
        }

        .layerBottomText {
            font-size: 10px !important;
        }

        .layer2 {
            margin-left: auto !important;
            margin-right: auto !important;
            top: 33px !important;
            left: 0px !important;
            right: 0px !important;
        }
    }


    @media screen and (max-width:450px) {
        .layer2 {
            top: 42px !important;
        }

        .widthLayerEx {
            width: 280px;
        }
    }

    @media screen and (max-width:500px) {
        .layer1 {
            visibility: hidden;
        }
    }

    .errorContainer {
        margin: 70px auto auto;
        padding: 70px 0;
    }

        .errorContainer .title {
            font-size: 23px;
        }




    @media screen and (max-width:770px) {

    }

    .closeAfterReview {
        max-width: 133px;
        border: 2px solid #E82228;
        color: white;
        border-radius: 4px;
        height: 47px;
        background-color: #ee1717;
        text-align: center;
        padding: 11px;
        font-size: 16px;
        cursor: pointer;
        margin-top: 25px;
        font-family: 'IRANYekanExtraBoldRd';
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 35px !important;
    }

    .SubmitReview {
        margin-top: 33px;
        color: #333;
        font-family: IRANYekanExtraBoldRd;
        text-transform: uppercase;
        font-size: 20px;
    }

    .errorContent {
        display: none;
    }

    .winWheelPopup .closeErrorBtn {
        border: 2px solid #C90203;
        color: white;
        padding: 7px;
        height: 40px;
        border-radius: 4px;
        background-color: #C90203;
        text-align: center;
        font-size: 15px;
        cursor: pointer;
        margin: auto;
        width: 50%;
        font-family: IRANYekanExtraBoldRd;
    }

    .reviewSuccessImg {
        max-width: 70px;
    }



    .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-1, .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-2, .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-3, .wallet-card-sec .progressbar-sec .progress-bar-content .progress-bar-levels .level-4 {
        background-size: 2px 16px;
        height: 20px;
    }


    .website-label-color, .social-label-color {
        color: #333 !important;
        -webkit-text-fill-color: unset !important;
        pointer-events: none;
        cursor: default;
        text-decoration: none;
        vertical-align: top;
    }

    .branch-label p {
        margin: 0 !important;
    }

    .categories-filter-sec {
        float: right !important;
    }

    .notLoaded {
        display: block;
        width: 85%;
        max-width: 1024px;
        min-width: 320px;
        margin: 50px auto auto auto;
    }

    .divNotLoaded {
        padding: 18px !important;
        background-color: white;
        border-radius: 6px;
        color: #fff;
        text-align: center;
        cursor: default !important;
    }

    .centerd-items {
        margin-top: auto;
        margin-bottom: auto;
    }

    .campaignPopup {
        width: 85%;
        min-height: 340px;
        max-width: 680px;
        background-color: #efefef;
        border-radius: 4px;
        /*padding: 30px;*/
        color: #fff;
        display: none;
        text-align: center;
    }

    .campaignPopup {
        top: 38px !important;
        position: fixed !important;
    }

        .campaignPopup img {
            /*max-height: 500px;*/
            margin: auto;
        }

        .campaignPopup .campaign-btn {
            margin: auto;
            display: block;
            margin-bottom: 25px;
            border-radius: 3px;
            background-color: #C90223;
            font-family: IRANYekanMediumRd;
            text-align: center;
            padding: 10px;
            cursor: pointer;
            margin-top: 15px;
            width: 27%;
            min-width: 125px;
            color: white;
        }

        .campaignPopup .ms-slide {
            background-color: #efefef;
        }

        .campaignPopup .ms-view {
            background-color: #efefef;
        }

        .campaignPopup .ms-skin-black-2 .ms-bullets.ms-dir-h {
            bottom: -30px;
        }

        .campaignPopup .campaign-desc {
            padding: 20px;
            color: black;
            color: #C90223;
            font-size: 15px;
            max-height: 63px;
            background-color: #efefef;
            font-family: IRANYekanRegularRd;
        }

        .campaignPopup .campaign-title {
            background: #ececec;
            max-height: 40px;
            /* text-transform: uppercase; */
            font-size: 26px;
            color: #C90223;
            font-family: IRANYekanExtraBoldRd;
            padding: 21px;
            padding-top: 31px;
        }

        .campaignPopup .close {
            float: right;
            position: absolute;
            font-size: 21px;
            font-weight: bold;
            line-height: 1;
            color: #c90223;
            opacity: .8;
            top: 15px;
            right: 15px;
        }

    .campaign-filter-popup {
        width: 80%;
        max-width: 450px;
        background-color: white;
        border-radius: 4px;
        padding: 30px;
        color: #fff;
        display: none;
    }

    @media screen and (max-width:480px) {
        .campaign-filter-popup {
            top: 38px !important;
            position: fixed !important;
            padding: 24px;
        }
    }

    .campaign-filter-popup .checkboxContainer {
        border-bottom: unset !important;
        text-align: left;
    }

    .campaign-filter-popup-campaign {
        /*display: flex;*/
    }

    .campaign-filter-popup .title {
        font-size: 20px;
        font-family: IRANYekanExtraBoldRd;
        color: #666666;
        padding: 10px;
    }

    .campaign-filter-popup .checkboxContainer {
        font-family: 'IRANYekanBoldRd';
        cursor: pointer;
        font-size: 14px;
        color: #333333;
        font-weight: unset;
    }

    .apply-campaign-filter-popup {
        padding: 7px;
        background-color: #C90203;
        color: #ffffff;
        font-size: 14px;
        text-align: center;
        width: 27%;
        margin: auto;
        margin-top: 15px;
        cursor: pointer;
        min-width: 100px;
        border-radius: 4px;
    }

    .campaign-img {
        max-width: 150px;
        margin: auto;
        margin-top: 30px;
    }

    .governate-radioContainer {
        display: block;
        position: relative;
        margin-bottom: unset;
        cursor: pointer;
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
        float: right;
        width: 30px;
        color: #fff;
        font-weight: unset;
    }

        .governate-radioContainer input {
            opacity: 0;
            cursor: pointer;
        }

    .governate-radioCheckmark {
        position: absolute;
        top: 0px;
        right: 0;
        height: 20px;
        width: 20px;
        background-color: white;
        border-radius: 28px;
        border: 2px solid #E82228;
    }

    .governate-radioTtl {
        font-family: 'IRANYekanRegularRd' !important;
        font-size: 14px;
        color: #333333;
    }

    .cat-governate-radio {
        border-bottom: 1px solid lightgrey;
        padding: 10px;
    }

    .campaign-filter-popup-campaign .checkBoxBtn {
        border-top: 1px solid lightgrey;
    }

    .campaign-filter-popup-campaign input:checked ~ .governate-radioCheckmark {
        display: block;
        background-color: #E82228;
    }

    .campign-message {
        text-align: center;
        font-size: 16px;
        display: none;
    }

    .campign-message-section1 {
        font-family: IRANYekanExtraBoldRd;
    }

    .campign-message-section2 {
        font-family: IRANYekanRegularRd;
    }

    @media screen and (max-width:420px) {
        .campign-message-section1 {
            font-size: 15px;
        }

        .campign-message-section2 {
            font-size: 14px;
        }
    }

    .campaign-filter-popup .close {
        display: none !important;
    }

    .campaignPopup .master-slider img {
        max-width: 100%;
    }

    .filter-section {
        text-align: center;
    }

    .filtertext span {
        background-color: #F2F2F2;
        padding: 7px 23px;
        color: #999999;
        border-radius: 8px;
        font-family: IRANYekanExtraBoldRd;
        font-size: 15px;
    }

    .filters-icons-container {
        display: block;
        overflow: hidden;
        background-color: #F2F2F2;
        justify-content: space-between;
        border-radius: 10px;
        align-items: center;
        padding: 20px;
        max-width: 800px;
        margin: 0 auto;
    }

    .filter-icon {
        width: 16.6%;
        float: left;
        cursor: pointer;
        text-align: center;
    }

        .filter-icon img {
            max-width: 80px;
            height: auto;
        }

        .filter-icon p {
            color: #333333;
            padding-left: 2px;
            font-size: 12px;
            font-family: IRANYekanExtraBoldRd;
            margin-top: 10px;
            text-transform: uppercase;
        }

    .filter-popup {
        width: 80%;
        /*max-height: 578px;*/
        max-width: 350px;
        background-color: white;
        border-radius: 4px;
        padding: 25px;
        color: #fff;
        display: none;
    }
        /*.filter-popup .checkboxContainer {
        padding-left: 20px;
        margin-top: 10px;
        border-bottom: unset;
        font-family: 'IRANYekanRegularRd' !important;
        text-align: unset;
    }*/
        .filter-popup .title {
            /*background-color: #f4f4f4;*/
            font-family: IRANYekanExtraBoldRd;
            text-transform: uppercase;
            color: #333;
            padding: 5px 4px;
            /*margin-bottom: 18px;*/
        }

        .filter-popup .categories-container {
            color: #333;
        }

        .filter-popup .checkBoxBtn {
            overflow-y: overlay;
            max-height: 425px;
            margin-bottom: 25px;
        }

    .filter-selection-section {
        /*padding: 20px;*/
        /*max-width: 800px;*/
        margin: 0 auto;
    }

    .filter-selection-container {
        display: flex;
        justify-content: space-between;
    }

    .text-filter {
        font-family: IRANYekanRegularRd;
        color: #666666;
        font-size: 17px;
    }

    .clear-filter {
        font-size: 13px;
        color: #E82228;
        cursor: pointer;
        text-transform: uppercase;
        font-weight: bold;
        font-family: 'IRANYekanBoldRd';
    }

    .filter-selection-btn-section {
        margin-top: 5px;
        display: flex;
        flex-wrap: wrap;
        max-height: 5.5em;
        overflow: hidden;
    }

    .filter-selection-btn {
        border: 1px solid #E82228;
        border-radius: 16px;
        padding: 4px 13px;
        color: #E82228;
        white-space: nowrap;
        margin-right: 4px;
        margin-bottom: 5px;
        text-overflow: ellipsis;
        font-family: 'IRANYekanRegularRd' !important;
    }

    @media screen and (max-width:450px) {
        .icons-filter {
            max-width: 36px !important;
        }
    }

    .lower-deal-points {
        max-width: 16px;
        margin-bottom: 6px;
    }

    .lower-deal-review {
        max-width: 20px;
        margin-bottom: 5PX;
    }

    .filtertext img {
        max-width: 27px;
    }

    @media screen and (max-width:520px) {
        .filter-selection-btn {
            padding: 5px 9px;
            font-size: 10px;
        }

        .clear-filter {
            font-size: 10px;
            padding: 3px 0px 10px 0px;
        }

        .text-filter {
            font-size: 12px;
        }

        .lower-deal .dealItemtext {
            font-size: 11px !important;
        }

        .lower-deal .desc {
            font-size: 10px !important;
        }

        .lower-deal-points {
            margin-bottom: 3px;
        }

        .lower-deal-review {
            max-width: 17px;
            margin-bottom: 4PX;
        }

        .lower-deal {
            padding: 10px 4px 3px 8px;
        }

        .filtertext span {
            font-size: 11px;
            padding: 6px 11px;
        }

        .filtertext img {
            max-width: 21px;
        }
    }

    @media screen and (min-width:520px) and (max-width:600px) {

        .lower-deal .dealItemtext {
            font-size: 13px !important;
        }

        .lower-deal .desc {
            font-size: 10px !important;
        }
    }

    @media screen and (max-width: 438px) {
        .lower-deal-review {
            max-width: 11px;
            margin-bottom: 4PX;
        }

        .lower-deal-points {
            margin-bottom: 3px;
            max-width: 11px;
        }

        .lower-deal .dealItemtext {
            font-size: 12px !important;
        }

        .lower-deal .desc {
            font-size: 9px !important;
        }

        .lower-deal {
            padding: 6px 3px 4px 5px;
        }
    }

    @media (max-width: 350px) {
        .catalogContainer .rightSec .itemSec .reviews, .featuredContainer .featuredItems .itemSec .reviews {
            padding-left: unset;
        }
    }

    .overlflow {
        max-height: 200px;
        overflow-x: auto;
    }

    .expanded {
        max-height: none !important;
    }

    @media screen and (max-width: 420px) {
        .filter-selection-btn {
            padding: 5px 9px;
            font-size: 10px;
        }
    }

    @media screen and (max-width: 570px) {
        .filter-selection-btn-section {
            max-height: 4.6em;
        }
    }

    @media (min-width:320px) and (max-width: 375px) {
        .lower-deal .dealItemtext {
            font-size: 12px !important;
        }

        .lower-deal .desc {
            font-size: 7px !important;
        }
    }

    @media (min-width:470px) and (max-width: 525px) {
        .lower-deal .dealItemtext {
            font-size: 13px !important;
        }
    }

    .filterPopup .title {
        font-size: 30px;
        float: left;
        margin-bottom: 30px;
        font-family: IRANYekanBoldRd;
        color: #333;
    }

    @media (max-width: 450px) and (min-width: 320px) {
        .filterPopup .title {
            font-size: 16px !important;
        }
    }

    .filterPopup .btns {
        cursor: pointer;
        text-transform: uppercase;
        font-family: IRANYekanBoldRd;
    }

        .filterPopup .btns .resultNum {
            float: left;
            margin-right: 15px;
            padding: 10px 25px;
            background-color: #c90203;
            color: #fff;
            font-size: 14px;
            text-align: center;
            border-radius: 6px;
        }

    @media (max-width: 1000px) {
        .filterPopup .btns .clearRes, .filterPopup .btns .resultNum {
            font-size: 12px !important;
        }
    }

    .filterPopup .btns .clearRes {
        float: left;
        padding: 10px 25px;
        text-align: center;
        font-size: 14px;
        color: #666;
    }

    @media (max-width: 1000px) {
        .filterPopup .btns .clearRes, .filterPopup .btns .resultNum {
            font-size: 12px !important;
        }
    }

    .filterPopup .filter-options .title {
        font-size: 16px;
        font-family: IRANYekanExtraBoldRd;
        color: #666;
        margin-bottom: 10px;
    }

    @media (max-width: 450px) and (min-width: 320px) {
        .filterPopup .title {
            font-size: 16px !important;
        }
    }

    .filterPopup .checkBoxBtn .radioContainer {
        display: block;
        position: relative;
        margin-bottom: unset;
        cursor: pointer;
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
        float: left;
        width: 30px;
        color: #fff;
        font-weight: unset;
    }

        .filterPopup .checkBoxBtn .radioContainer input {
            opacity: 0;
            cursor: pointer;
        }

    .filterPopup .checkBoxBtn .radioCheckmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border-radius: 28px;
        border: 2px solid #e82228;
    }

    .filterPopup .checkBoxBtn .radioContainer input:checked ~ .radioCheckmark {
        display: block;
        background-color: #e82228;
    }

    @media (max-width: 599px) and (min-width: 320px) {
        .filterPopup .filter-options .txtFromTo {
            width: 100%;
        }
    }

    .filterPopup .filter-options .txtFromTo {
        display: inline-block;
        width: 80%;
    }

        .filterPopup .filter-options .txtFromTo .from {
            width: 48%;
            float: left;
        }

            .filterPopup .filter-options .txtFromTo .from label {
                float: left;
                padding-top: 5px;
                font-family: 'IRANYekanRegularRd';
            }

            .filterPopup .filter-options .txtFromTo .from input {
                border: 1px solid #e82228;
                font-size: 14px;
                color: #333;
                border-radius: 3px;
                -webkit-appearance: none;
                -moz-appearance: textfield;
                width: calc(100% - 37px);
                height: 30px;
                padding-left: 5px;
                float: right;
            }

    @media (max-width: 599px) and (min-width: 320px) {
        .filterPopup .filter-options .txtFromTo .from input, .filterPopup .filter-options .txtFromTo .to input {
            width: calc(100% - 37px);
        }
    }

    .filterPopup .filter-options .txtFromTo .to {
        width: 48%;
        float: right;
    }

        .filterPopup .filter-options .txtFromTo .to label {
            float: left;
            padding-top: 5px;
            font-family: 'IRANYekanRegularRd';
        }

        .filterPopup .filter-options .txtFromTo .to input {
            border: 1px solid #e82228;
            font-size: 14px;
            color: #333;
            border-radius: 3px;
            -webkit-appearance: none;
            -moz-appearance: textfield;
            width: calc(100% - 37px);
            height: 30px;
            padding-left: 5px;
            float: right;
        }

    @media (max-width: 599px) and (min-width: 320px) {
        .filterPopup .filter-options .txtFromTo .from input, .filterPopup .filter-options .txtFromTo .to input {
            width: calc(100% - 37px);
        }
    }

    .filterPopup .filter-options .filterSlider {
        height: 25px;
        margin: 20px;
    }

    .filterSlider .slider-container {
        background-color: transparent !important;
    }

        .filterSlider .slider-container .back-bar {
            background-color: #d1d1d1 !important;
            background-image: linear-gradient(to bottom,#eee,#ddd);
            height: 14px !important;
            border-radius: 20px !important;
            border: 1px solid #d1d1d1 !important;
        }

            .filterSlider .slider-container .back-bar .selected-bar {
                background-image: linear-gradient(to bottom,#e82228,#c90223);
                height: 14px;
            }

            .filterSlider .slider-container .back-bar .pointer {
                width: 25px !important;
                height: 25px !important;
                border-radius: 13px;
                background-image: linear-gradient(to bottom,#d1d1d1,#d1d1d1);
                border: 1px solid #fff !important;
            }

            .filterSlider .slider-container .back-bar .pointer {
                width: 25px !important;
                height: 25px !important;
                border-radius: 13px;
                background-image: linear-gradient(to bottom,#d1d1d1,#d1d1d1);
                border: 1px solid #fff !important;
            }

    .filterPopup .filter-options {
        margin-top: 30px;
        max-height: 550px;
        overflow-x: hidden;
    }

    .checkBoxBtn .stat {
        margin-bottom: 5px;
    }

    .checkBoxBtn .cat {
        margin-bottom: 5px;
    }

    .gray {
        color: #a9a9a9 !important;
        -webkit-text-fill-color: #a9a9a9 !important;
    }

    .featuredContainer .itemSec .promotion-icon-section {
        position: absolute;
        z-index: 9999;
        left: -7px;
        top: -8px;
        width: 30%;
    }

    @media (min-width: 700px) and (max-width: 890px) {
        .featuredContainer .itemSec .promotion-icon-section {
            left: -7px;
            top: -7px;
        }
    }

    @media (min-width: 600px) and (max-width: 700px) {
        .featuredContainer .itemSec .promotion-icon-section {
            left: -7px;
            top: -7px;
        }
    }

    @media (min-width: 500px) and (max-width: 600px) {
        .featuredContainer .itemSec .promotion-icon-section {
            left: -8px;
            width: 39%;
            top: -8px;
        }
    }

    @media (min-width: 401px) and (max-width: 500px) {
        .featuredContainer .itemSec .promotion-icon-section {
            left: -8px;
            top: -8px;
            width: 44%;
        }
    }

    @media (min-width: 300px) and (max-width: 401px) {
        .featuredContainer .itemSec .promotion-icon-section {
            left: -7px;
            width: 46%;
            top: -6px;
        }
    }

    @media screen and (min-width:890px) {
        .featuredContainer .featuredItems {
            padding: 10px;
        }

        .featuredContainer .itemSec .promotion-icon-section {
            left: 6px;
            top: 4px;
        }
    }

    @media screen and (min-width:890px) {
        .featuredContainer .featuredItems {
            padding: 10px;
        }

        .featuredContainer .itemSec .promotion-icon-section {
            left: 2px;
            top: 2px;
        }
    }

    @media screen and (max-width:890px) {
        .featuredContainer .owl-carousel .owl-stage-outer {
            overflow: unset !important;
        }
    }

    @media screen and (max-width: 650px) {
        .filter-icon img {
            max-width: 65px;
        }
    }

    @media screen and (max-width: 540px) {
        .filter-icon img {
            max-width: 45px;
        }
    }

    @media screen and (max-width: 400px) {

        .filter-icon p {
            font-size: 9px;
            margin-top: 7px;
        }
    }

    @media screen and (max-width: 430px) {
        .filter-icon p {
            font-size: 11px;
        }
    }

    @media screen and (max-width: 450px) {
        .filter-icon p {
            font-size: 9px;
        }

        .filters-icons-container {
            padding: 13px 12px;
        }
    }

    @media screen and (max-width: 400px) {
        .filter-icon p {
            padding-left: 2px;
            font-size: 8px;
            margin-top: 7px;
        }
    }

    @media screen and (max-width: 380px) {
        .filter-icon img {
            max-width: 32px;
        }

        .filter-icon p {
            padding-left: 2px;
            font-size: 8px;
            margin-top: 7px;
        }
    }

    .popupLoader {
        position: absolute;
        top: 43%;
    }
    /*@media screen and (max-width:600px) {*/

    .deals-contact-sec .phone-label {
        float: unset !important;
    }

    .deals-contact-sec .location-label {
        float: unset !important;
        margin-top: 9px !important;
    }

    .deals-contact-sec .website-label {
        float: unset !important;
        width: unset !important;
    }

    .deals-contact-sec .social-label {
        float: unset !important;
        width: unset !important;
        margin-top: 15px !important;
    }
    /*}*/
    .terms-vouchers {
        margin-top: 10px;
    }

    .terms-vouchers-title {
        font-family: 'IRANYekanBoldRd';
        float: left;
        font-size: 14px;
        color: #333333;
    }

    .my-voucher-terms {
        display: inline;
        font-size: 12px;
        font-size: 12px;
        text-align: left;
        padding-left: 11px;
    }

    .deals-general-info hr {
        margin-bottom: unset !important;
    }
    /* Region Transfer Points */
    .inner-transfer {
        width: 97%;
        max-width: 1024px;
        min-width: 320px;
        margin: auto;
        padding: 15px 15px 25px 15px;
    }

    .wallet-section {
        margin: 70px 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .main-wallet-section {
        display: flex;
        background-color: white;
        align-items: center;
        border-radius: 10px;
        width: 48%;
        justify-content: center;
        padding: 15px 0px;
    }

    .main-wallet {
        margin: 20px;
    }

    .main-wallet-img {
        background-image: url(img/icons/mainW.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 85px;
        height: 85px;
    }

    .main-wallet-points {
        font-size: 30px;
        color: #333;
        font-family: 'IRANYekanExtraBoldRd';
    }

    .main-wallet-points-desc {
        font-size: 15px;
        color: rgb(122, 122, 122);
        font-family: 'IRANYekanRegularRd';
    }

    .gift-wallet {
        margin: 20px;
    }

    .gift-wallet-sections {
        display: flex;
        background-color: white;
        align-items: center;
        border-radius: 10px;
        width: 48%;
        justify-content: center;
        padding: 15px 0px;
    }

    .gift-wallet-img {
        background-image: url(img/icons/GiftW.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 85px;
        height: 85px;
    }

    .gift-wallet-point {
        font-size: 30px;
        color: #333;
        font-family: 'IRANYekanExtraBoldRd';
    }

    .gift-wallet-point-desc {
        font-size: 15px;
        color: rgb(122, 122, 122);
        font-family: 'IRANYekanRegularRd';
    }

    .transfer-desc {
        font-size: 20px;
        font-family: 'IRANYekanExtraBoldRd';
        margin-bottom: 30px;
    }

    .points-to-transfer-desc {
        font-size: 20px;
        font-family: 'IRANYekanRegularRd';
        margin-bottom: 5px;
    }

    .txtTransferPoints {
        width: 100% !important;
        height: 45px;
        border: 1px solid !important;
        border-color: lightgray;
        border-radius: 6px;
        position: relative;
        z-index: 2;
        font-size: 16px !important;
        color: #333;
    }

    .button-transfer-points {
        background-color: #C90203;
        padding: 13px;
        text-align: center;
        text-transform: uppercase;
        margin-left: auto;
        margin-right: auto;
        color: white;
        font-size: 15px;
        font-family: IRANYekanExtraBoldRd;
        border-radius: 5px;
        margin-top: 20px;
        cursor: pointer;
    }

    .inner-transfer .redeem-loader {
        display: none;
    }

    @media screen and (max-width:600px) {
        .main-wallet {
            margin: 15px;
        }

        .main-wallet-img {
            width: 50px;
            height: 50px;
        }

        .main-wallet-section {
            padding: 0px;
        }

        .main-wallet-points {
            font-size: 20px;
        }

        .main-wallet-points-desc {
            font-size: 12px;
        }

        .gift-wallet-sections {
            padding: 0px;
        }

        .gift-wallet {
            margin: 15px;
        }

        .gift-wallet-img {
            width: 50px;
            height: 50px;
        }

        .gift-wallet-point {
            font-size: 20px;
        }

        .gift-wallet-point-desc {
            font-size: 12px;
        }

        .transfer-desc {
            font-size: 15px;
            margin-bottom: 30px;
        }

        .points-to-transfer-desc {
            font-size: 15px;
            margin-bottom: 5px;
        }

        .txtTransferPoints {
            width: 100% !important;
            height: 45px;
            font-size: 16px !important;
        }

        .button-transfer-points {
            background-color: #C90203;
            padding: 13px;
            text-align: center;
            text-transform: uppercase;
            margin-left: auto;
            margin-right: auto;
            color: white;
            font-size: 15px;
            font-family: IRANYekanExtraBoldRd;
            border-radius: 5px;
            margin-top: 20px;
            cursor: pointer;
        }

        .pointsTransferSuccessMessage {
            font-size: 20px;
            color: #e82228;
            text-transform: uppercase;
            font-family: 'IRANYekanExtraBoldRd';
        }

        .pointsTransferImage {
            width: 100px;
            height: 100px;
        }

        .successfulMessage {
            font-size: 12px;
            font-family: 'IRANYekanBlackRd';
            color: #333;
        }
    }

    .SuccessTransferPopUp {
        width: 80%;
        max-width: 460px;
        background-color: white;
        border-radius: 6px;
        color: #fff;
        padding: 25px;
        display: none;
        text-align: center;
    }

    .successTransferContent {
        text-align: center;
    }

    .pointsTransferSuccessMessage {
        font-size: 25px;
        color: #e82228;
        text-transform: uppercase;
        font-family: 'IRANYekanExtraBoldRd';
        margin: 25px 0 10px;
    }

    .pointsTransferImage {
        background-image: url("img/icons/GiftW.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 150px;
        height: 150px;
        background-position: center;
        margin: auto auto 20px auto;
    }

    .successfulMessage {
        font-size: 15px;
        font-family: 'IRANYekanBlackRd';
        color: #333;
        line-height: 2;
        margin-bottom: 20px;
    }

    .okButtonTransfer {
        background-color: #C90203;
        padding: 13px;
        text-align: center;
        text-transform: uppercase;
        margin-left: auto;
        margin-right: auto;
        color: white;
        font-size: 15px;
        font-family: IRANYekanExtraBoldRd;
        border-radius: 5px;
        margin-top: 20px;
        margin-bottom: 20px;
        cursor: pointer;
    }

    .wallet-option {
        width: 100%;
        padding: 0 20px;
        margin: 0;
        display: table;
    }

    .wallet-option-select {
        font-size: 15px;
        font-family: 'IRANYekanExtraBoldRd';
        color: #333;
        margin-bottom: 5px;
    }

    .wallet-div {
        border: 2px solid;
        border-color: #808080;
        border-radius: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 10px;
        margin-bottom: 10px;
        cursor: pointer;
        position: relative;
    }

        .wallet-div:hover {
            border: 2px solid;
            border-color: #e82228;
        }

    .redBorder {
        border: 2px solid;
        border-color: #e82228;
    }

    .check-circle-icon {
        position: absolute;
        top: -7px;
        right: -5px;
        color: #e82228;
        background-color: white;
        padding: 0 5px;
    }

        .check-circle-icon i {
            color: #e82228;
        }

    .disabled-color {
        background-color: #8C8C8C !important;
        cursor: not-allowed !important;
    }
    /* End Region Transfer Points */

    /* #region Thank you feature */
    .telcospan {
        display: none;
    }

    .telco-option {
        cursor: pointer;
    }

    .telco-option-title {
        font-size: 25px;
        font-family: IRANYekanExtraBoldRd;
        color: #666666;
        margin: 20px 0px;
    }

    .telco-options-catalog {
        margin-left: 10px;
    }

    .telco-option {
        background-color: #ffffff;
        padding: 20px;
        border-radius: 6px;
        margin-bottom: 20px;
        width: 100%;
    }

    .telco-options-section {
        display: flex;
        align-items: center;
    }

    .telco-option .telco-options-section .telco-info {
        /*float: right;
    text-align: left;
    width: calc(100% - 100px);*/
        margin-left: 15px;
        width: 100%;
    }

        .telco-option .telco-options-section .telco-info .telco-title {
            font-size: 18px;
            font-family: IRANYekanExtraBoldRd;
            color: #333333;
            line-height: 1;
        }

        .telco-option .telco-options-section .telco-info .telco-desc {
            font-size: 15px;
            color: #999999;
            margin-bottom: 2px;
            margin-top: 2px;
        }

    .telco-option .telco-info .telco-link {
        font-size: 14px;
        color: #E82228;
        overflow: hidden;
        display: flex;
        justify-content: end;
        margin-top: 10px;
        /*float: right;*/
    }

        /*.telco-option .telco-info .telco-link {
                display: table;
                height: 24px;
                vertical-align: middle;
            }*/
        .telco-option .telco-info .telco-link .telco-takelook {
            cursor: pointer;
        }

    .telco-txtTakeLook {
        /*float: right;*/
        margin-right: 10px;
    }

    .telco-option .telco-info .telco-link .telco-imgTakeLook {
        display: block;
        width: 20px;
        height: 20px;
        /*float: right;*/
        /*margin-right: 10px;*/
    }

    .telco-option .telco-option-img {
        width: 100px;
        height: 100px;
        margin-right: 5px;
    }

        .telco-option .telco-option-img img {
            max-height: 65px;
        }

    .telco-freeCredit-option-img {
        background-image: url('img/btn/Telco-Options.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    .telco-eshretomor-option-img {
        background-image: url('img/btn/packages.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    .telcoFreeCreditPage {
        min-height: unset !important;
    }

    #divPictureTelco .single-image-cont {
        margin-top: 0px !important;
    }
    /* #endregion Thank you feature */

    .deals-details-cont .outOfStocktagDetails {
        background-color: #E82228;
        color: #fff;
        position: absolute;
        z-index: 3;
        padding: 0px 5px;
        width: 70px;
        height: 70px;
        border-radius: 70px;
        word-wrap: break-word;
        text-align: center;
        left: 15px;
        bottom: 35px;
        font-family: IRANYekanExtraBoldRd;
        display: table;
        font-size: 10px;
    }

        .deals-details-cont .outOfStocktagDetails i {
            margin-right: 7px;
        }

    .deals-details-cont .outOfStocktagDaysDetails {
        background-color: #E82228;
        color: #fff;
        position: absolute;
        z-index: 3;
        padding: 4px 8px;
        border-radius: 1px;
        right: 0px;
        font-family: IRANYekanExtraBoldRd;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        bottom: 0px;
        width: 100%;
        font-size: 10px;
    }

    .single-images {
        position: relative;
    }

    .single-images-revamp {
        position: relative;
        margin-top: 65px;
    }

    .deals-details-cont .outOfStocktagDaysDetails i {
        margin-right: 7px;
    }

    .deals-details-cont-revamp .outOfStockOverlay {
        filter: brightness(0.5);
    }

    /*#region Deals Details Revamp*/
    .deals-details-cont-revamp {
        width: 90%;
        padding: 0;
        margin: 0;
        background-color: white;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

        .deals-details-cont-revamp .single-images-revamp .entityContent {
            width: min-content;
            border-radius: 20px;
            z-index: 6;
            margin-left: auto;
            margin-right: auto;
            margin-top: -55px;
            position: relative;
        }

            .deals-details-cont-revamp .single-images-revamp .entityContent img {
                width: 100px;
                height: 100px;
                border-radius: 20px;
            }

    @media screen and (min-width:320px) and (max-width:400px) {
        .deals-details-cont-revamp .single-images-revamp .entityContent {
            margin-top: -44px;
        }

            .deals-details-cont-revamp .single-images-revamp .entityContent img {
                width: 80px;
                height: 80px;
            }
    }

    .deals-details-cont-revamp .single-image-cont {
        text-align: center;
        position: relative;
        margin-top: 40px;
        background-color: white;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

        .deals-details-cont-revamp .single-image-cont .offer-expired-label {
            width: auto;
            position: absolute;
            left: 50px;
            bottom: 50px;
            padding: 6px;
            border-radius: 3px;
            background: #E82228;
            color: white;
            font-family: 'IRANYekanExtraBoldRd';
            padding: 10px;
        }

        .deals-details-cont-revamp .single-image-cont img {
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }

    .deals-details-cont-revamp .single-images-revamp .wishListFavContent {
        position: absolute;
        z-index: 10;
        top: 7%;
        right: 7%;
    }

        .deals-details-cont-revamp .single-images-revamp .wishListFavContent .removeFromWishListBtn {
            cursor: pointer;
        }

        .deals-details-cont-revamp .single-images-revamp .wishListFavContent .removeFromWishList {
            width: 25px;
            height: 25px;
            float: right;
            font-size: 30px;
            display: table;
            padding: 0;
            font-weight: 700;
            margin-top: -12px;
            text-align: right;
            font-family: 'Roboto', sans-serif;
        }

        .deals-details-cont-revamp .single-images-revamp .wishListFavContent .addToWishList {
            width: 25px;
            height: 25px;
            background-image: url('img/btn/whiteheart.png');
            background-repeat: no-repeat;
            float: right;
            /*padding: 20px;*/
            background-position: center;
            right: -5px;
        }

        .deals-details-cont-revamp .single-images-revamp .wishListFavContent .addedToWishList {
            background-image: url('img/btn/HeartSel.png');
            width: 25px;
            height: 25px;
            background-repeat: no-repeat;
            float: right;
            background-position: center;
            right: -5px;
        }

        .deals-details-cont-revamp .single-images-revamp .wishListFavContent .wishlist-addIcon-loader, .deals-details-cont-revamp .single-images-revamp .wishListFavContent .wishlist-removeIcon-loader {
            display: none;
            width: 25px;
            height: 25px;
        }

            .deals-details-cont-revamp .single-images-revamp .wishListFavContent .wishlist-addIcon-loader img, .deals-details-cont-revamp .single-images-revamp .wishListFavContent .wishlist-removeIcon-loader img {
                width: 100%;
            }

        .deals-details-cont-revamp .single-images-revamp .wishlistLoad, .deals-details-cont-revamp .single-images-revamp .wishListFavContent .wishlistLoad {
            width: 30px;
            height: 30px;
            margin: 0;
            float: unset !important;
            background-size: contain !important;
            background-image: url(Loaders/loaderRed.gif);
            background-repeat: no-repeat;
            display: none;
            background-position: center !important;
            padding: 0;
        }

    @media screen and (min-width:765px) and (max-width:870px) {
        .deals-details-cont-revamp .single-image-cont .offer-expired-label {
            left: 20px;
        }
    }

    @media screen and (min-width:500px) and (max-width:765px) {
        .deals-details-cont-revamp .single-image-cont .offer-expired-label {
            left: 7px;
            bottom: 30px;
        }
    }

    @media screen and (min-width:320px) and (max-width:500px) {
        .deals-details-cont-revamp .single-image-cont .offer-expired-label {
            left: 18px;
            bottom: 5px;
            padding: 7px;
            font-size: 10px;
        }
    }

    @media screen and (min-width:0) and (max-width:500px) {
        .deals-details-cont-revamp .single-image-cont img {
            width: 100%;
        }
    }

    .deals-images-sec {
        width: 100%;
        /* background-image: url('img/bg/istockphoto-883019542-612x612.jpg');*/
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 400px;
        position: relative;
    }

    /* .deals-images-sec .discount-label {
        width: 110px;
        height: 110px;
        padding: 20px;
        border-radius: 55px;
        position: absolute;
        bottom: 40px;
        left: 40px;
        background-color: #dcd7d0;
        color: #e8474b;
        font-size: 20px;
        text-align: center;
    }

        .deals-images-sec .discount-label span:nth-child(1) {
            font-size: 18px;
            font-family: 'IRANYekanExtraBoldRd';
        }

        .deals-images-sec .discount-label span:nth-child(2) {
            text-transform: uppercase;
            font-family: 'IRANYekanRegularRd';
        }*/
    #dealslider .ms-slide .discount-label {
        width: 80px !important;
        padding: 10px !important;
        border-radius: 10px !important;
        position: absolute !important;
        bottom: 40px !important;
        left: 40px !important;
        background-color: #dcd7d0 !important;
        color: #e8474b !important;
        font-size: 15px !important;
        text-align: center !important;
        line-height: unset !important;
    }

    #dealslider .ms-slide .offer-expired-label {
        width: 100px !important;
        padding: 10px !important;
        border-radius: 10px !important;
        position: absolute !important;
        bottom: 40px !important;
        left: -300px !important;
        background-color: #E82228 !important;
        color: white !important;
        font-size: 15px !important;
        text-align: center !important;
        line-height: unset !important;
        font-family: 'IRANYekanExtraBoldRd' !important;
    }


    #dealslider .ms-slide .discount-label span:nth-child(1) {
        font-size: 15px;
        font-family: 'IRANYekanExtraBoldRd';
    }

    #dealslider .ms-slide .discount-label span:nth-child(2) {
        text-transform: uppercase;
        font-family: 'IRANYekanRegularRd';
    }

    @media (min-width:320px) and (max-width:620px) {
        .wallet-card-sec .card-sec .card-type-label {
            padding: 15px 21px;
        }
    }

    @media (min-width:320px) and (max-width:600px) {
        #dealslider .ms-slide .discount-label {
            width: auto !important;
            padding: 10px !important;
            border-radius: 10px !important;
            position: absolute !important;
            bottom: 40px !important;
            left: 40px !important;
            background-color: #dcd7d0 !important;
            color: #e8474b !important;
            text-align: center !important;
            line-height: unset !important;
        }

            #dealslider .ms-slide .discount-label span:nth-child(1) {
                font-size: 10px;
                font-family: 'IRANYekanExtraBoldRd';
            }
    }

    #dealslider .ms-thumb-frame {
        /* height:150px !important;width:200px !important;*/
        border-radius: 10px;
    }
    /*#dealslider .ms-thumb-frame img{
    height: 150px !important;
  
}*/
    #dealslider .ms-thumb-list {
        height: auto !important;
        width: 100%;
    }


    .deals-general-info-revamp, .deals-contact-sec, .deals-details-cont-revamp .terms-conditions-sec, .reviews-sec, .telcoRedeem .deals-footer-sec, .deals-details-cont-revamp .description-sec {
        width: 100%;
        padding: 0 20px;
        margin: 0;
        display: table;
    }

    .descriptionTelco {
        padding: 20px 20px !important;
    }

    .deals-general-info-revamp {
        margin-top: 20px;
    }

        .deals-general-info-revamp hr, .deals-contact-sec hr, .terms-conditions-sec hr, .member-review hr, .deals-details-cont-revamp .description-sec hr {
            border: 1px solid #eee;
        }

        .deals-general-info-revamp .deal-name {
            font-family: 'IRANYekanExtraBoldRd';
            color: #333;
            font-size: 20px;
            width: 100%;
            float: left;
            line-height: 1.1;
        }

        .deals-general-info-revamp .category-label {
            margin-top: 15px;
            font-family: IRANYekanExtraBoldRd;
            color: gray;
            font-size: 13px;
        }


    @media (min-width:320px) and (max-width:500px) {
        .deals-details-cont-revamp .single-images-revamp .wishlistLoad, .wishListFavContent .wishlistLoad {
            width: 30px;
            height: 30px;
            margin: 0 10% !important;
        }
    }

    .deals-details-cont-revamp .single-images-revamp .addToWishListBtn {
        font-size: 30px;
        color: #E82228;
        cursor: pointer;
    }

    .deals-details-cont-revamp .single-images-revamp .wishListFavContent .loader-content img {
        width: 30px;
        height: 30px;
        float: right;
    }

    .deals-general-info-revamp .validity-review-sec {
        width: 100%;
    }

        .deals-general-info-revamp .validity-review-sec .validity-text {
            float: left;
            font-family: IRANYekanRegularRd;
            padding-top: 5px;
        }

        .deals-general-info-revamp .validity-review-sec .review-sec {
            margin-top: 5px;
            float: left;
        }

    .deals-contact-sec .first-row, .deals-contact-sec .second-row {
        width: 100%;
        margin-top: 15px;
        display: inline-block;
    }

    .deals-contact-sec .fourth-row {
        width: 100%;
        display: inline-block;
    }

    .deals-contact-sec .third-row {
        width: 100%;
        margin-top: 15px;
        display: inline-flex;
    }

    .deals-general-info-revamp .phone-label {
        /*    background-image: url(img/icons/phone.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 21px !important;*/
        cursor: pointer;
        fill: #e82228;
        float: left;
    }


    .deals-general-info-revamp .firstRow {
        justify-content: space-between;
        align-items: center;
        padding: 0px 2px;
    }

    .deals-general-info-revamp .termsConditions {
        font-family: 'IRANYekanExtraBoldRd';
        color: #e82228;
        font-size: 18px;
        cursor: pointer;
        float: right;
    }

    .deals-general-info-revamp .phone-label, .deals-general-info-revamp .governate-label, .deals-general-info-revamp .category-label {
        /*float: left;*/
        font-family: IRANYekanMediumRd;
        color: #333 !important;
        -webkit-text-fill-color: #333;
        -webkit-opacity: 1;
        z-index: 0;
        /*margin: 10px 0px;*/
    }

    .phone-number {
        -webkit-text-fill-color: rgba(3, 3, 3, 1);
        -webkit-opacity: 1;
    }

    .deals-general-info-revamp .governate-label {
        float: right;
        /* background-image: url(img/icons/governateRed.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px !important;*/
        fill: #e82228;
    }

        .deals-general-info-revamp .phone-label span, .deals-general-info-revamp .governate-label span, .deals-general-info-revamp .category-label span, .deals-general-info-revamp .website-label span {
            color: #e82228;
            -webkit-text-fill-color: #e82228;
            -webkit-opacity: 1;
        }

    .deal-details-info-labels {
        font-weight: normal !important;
        margin-bottom: 0px !important;
        vertical-align: top;
    }

    .deals-general-info-revamp .location-label {
        cursor: pointer;
        color: #333;
        font-family: IRANYekanMediumRd;
        margin: 10px 0px;
        fill: #e82228;
    }

    .deal-details-info-svgs {
        width: 20px;
        height: 20px;
    }

    .deals-general-info-revamp .branch-label {
        font-family: IRANYekanMediumRd;
        margin: 5px 0px;
    }

    .deals-general-info-revamp .website-label {
        overflow-wrap: anywhere;
        /*float: left;*/
        font-family: IRANYekanMediumRd;
        cursor: pointer;
        color: #333 !important;
        /* background-image: url(img/icons/website.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 18px !important;
    padding-left: 25px;*/
        margin: 10px 0px;
        fill: #e82228;
    }

    pre {
        all: unset;
    }

    .deals-general-info-revamp .branch-label {
        /*background-image: url(img/icons/office-icon-red.png);
    background-repeat: no-repeat;
    background-position: unset;
    background-size: 16px !important;*/
        /*    padding-left: 25px;
*/ fill: #e82228;
    }

    .deals-general-info-revamp .social-label {
        color: black !important;
        cursor: pointer;
        font-family: IRANYekanMediumRd;
        word-break: break-all;
        margin: 10px 0px;
        /*width: 50%;*/
        fill: #e82228;
        display: flex;
        align-items: center
    }

        .deals-general-info-revamp .social-label svg {
            margin-right: 5px;
        }

    .deals-details-cont-revamp .terms-conditions-sec .terms-title, .deals-details-cont-revamp .description-title {
        color: #333;
        font-family: IRANYekanExtraBoldRd;
        font-size: 20px;
    }

    .deals-details-cont-revamp .terms-conditions-sec .term-text, .deals-details-cont-revamp .description-text {
        font-family: IRANYekanRegularRd;
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 30px;
    }

        .deals-details-cont-revamp .terms-conditions-sec .term-text, .deals-details-cont-revamp .description-text a {
            color: #333 !important;
            -webkit-text-fill-color: unset !important;
            pointer-events: none !important;
            cursor: default !important;
            text-decoration: none !important;
        }

    .deals-details-cont-revamp .reviews-title {
        float: left;
    }

        .deals-details-cont-revamp .reviews-title div:nth-child(1) {
            color: #333;
            font-family: IRANYekanExtraBoldRd;
            font-size: 20px;
        }

        .deals-details-cont-revamp .reviews-title .nb-reviews {
            /* background-image: url('img/btn/star.png');*/
            background-size: 25px;
            background-repeat: no-repeat;
            /* padding-left: 30px;*/
            font-size: 20px;
            background-position: left center;
            margin-top: 15px;
            font-family: IRANYekanRegularRd;
        }

    .deals-details-cont-revamp .write-review-btn {
        float: right;
        color: #e82228;
        cursor: pointer;
        font-family: IRANYekanExtraBoldRd;
        font-size: 18px;
        /* background-image: url('img/btn/owlRightRed.png');
    background-repeat:no-repeat;
    background-position:right;
    padding-right:20px;
    background-size:15px;*/
    }

    .deals-details-cont-revamp .reviews-body {
        height: 400px;
        overflow-y: scroll;
        margin-top: 10px;
    }

        .deals-details-cont-revamp .reviews-body .member-review-title {
            color: #e82228;
            font-family: IRANYekanExtraBoldRd;
            font-size: 20px;
            float: left;
            width: 100%;
        }

        .deals-details-cont-revamp .reviews-body .review-date {
            float: right;
            font-size: 15px;
            color: #666666;
            font-family: 'IRANYekanRegularRd';
            margin-right: 10px;
        }

        .deals-details-cont-revamp .reviews-body .member-review-text {
            font-family: IRANYekanRegularRd;
            font-size: 15px;
        }

        .deals-details-cont-revamp .reviews-body .member-review .fa-star {
            color: #FFC400;
        }

    .deals-footer-sec {
        padding-bottom: 20px;
    }

        .deals-footer-sec .balance-sec {
            background-color: white;
            padding: 20px;
            text-align: center;
            font-size: 20px;
            font-family: IRANYekanExtraBoldRd;
            color: #e82228;
        }

            .deals-footer-sec .balance-sec span:nth-child(1) {
                color: #666666;
            }

            .deals-footer-sec .balance-sec span:nth-child(2) {
                font-family: IRANYekanExtraBoldRd;
                color: #e82228;
            }

            .deals-footer-sec .balance-sec span:nth-child(3) {
                font-family: IRANYekanRegularRd;
                color: #333;
            }


    .redeem-button-section .redeem-section {
        width: 50%;
    }

        .redeem-button-section .redeem-section .redeem-loader {
            display: none;
        }

            .redeem-button-section .redeem-section .redeem-loader .con-loader {
                margin: auto;
                text-align: center;
            }

            .redeem-button-section .redeem-section .redeem-loader img {
                width: 5% !important;
            }

    @media screen and (min-width:320px) and (max-width:379px) {
        .redeem-button-section .redeem-btn {
            font-size: 16px !important;
        }
    }

    @media screen and (min-width:320px) and (max-width:400px) {
        .deals-details-cont-revamp .reviews-body .review-date {
            font-size: 10px;
        }

        .deals-general-info-revamp .validity-review-sec .validity-text {
            padding-top: 0;
            font-size: 12px;
        }

        html .rating-stars ul > li.star > i.fa {
            font-size: 1em !important;
        }

        .deals-general-info-revamp .location-label, .deals-general-info-revamp .phone-label, .deals-general-info-revamp .social-label, .deals-general-info-revamp .website-label, .deals-general-info-revamp .governate-label, .deals-general-info-revamp .branch-label, .deals-general-info-revamp .category-label {
            font-size: 12px;
            /*background-size: 12px !important;*/
        }

        .deals-general-info-revamp .social-label {
            margin: 10px 0px;
        }

        .deals-general-info-revamp .location-label {
            background-size: 12px !important;
        }

        .deals-details-cont-revamp .reviews-title .nb-reviews, .deals-details-cont-revamp .reviews-body .member-review-title {
            font-size: 15px;
            background-size: 20px;
        }

        .deals-details-cont-revamp .write-review-btn {
            font-size: 20px;
            /*background-size:10px;*/
        }

        .deals-footer-sec .balance-sec, .deals-footer-sec .redeem-btn {
            font-size: 13px;
        }
    }

    .termssPopup {
        width: 90%;
        max-width: 460px;
        background-color: white;
        border-radius: 6px;
        color: #fff;
        padding: 25px;
        display: none;
        text-align: center;
    }

        .termssPopup .termssheader {
            width: 100%;
            height: 40px;
            padding: 10px;
            position: absolute;
            z-index: 999999;
            background-color: #C90223;
        }

        .termssPopup .title {
            font-size: 20px;
            font-family: IRANYekanExtraBoldRd;
            color: #333;
            margin-bottom: 10px;
            text-align: start;
        }

    .closeterms {
        display: inline;
    }

    .termssPopup .closeterms {
        float: right;
        padding: 10px;
        margin: -15px;
        padding-left: 18px;
        color: white;
        opacity: 1;
        cursor: pointer;
        margin-bottom: 5px;
    }

    .termssPopup .termsContainer {
        font-family: IRANYekanRegularRd;
        font-size: 20px;
        text-align: left;
        color: #333;
    }

    .redeem-button-section {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
        margin: 10px 0 20px;
    }

        .redeem-button-section .points-section {
            width: 50%;
            font-size: 23px;
        }

            .redeem-button-section .points-section .pts-lbl {
                font-family: IRANYekanExtraBoldRd;
                color: #e82228;
                font-size: 30px;
            }

        .redeem-button-section .redeem-btn {
            background-color: #C90203;
            padding: 10px 15px;
            text-align: center;
            color: white;
            font-size: 20px;
            font-family: IRANYekanExtraBoldRd;
            border-radius: 12px;
            cursor: pointer;
            float: inline-end;
            width: fit-content;
        }

    .deals-details-cont-revamp .outOfStocktagDetails {
        background-color: rgba(201, 2, 35, 0.8);
        color: #fff;
        position: absolute;
        z-index: 3;
        padding: 0px 5px;
        width: 70px;
        height: 70px;
        border-radius: 70px;
        word-wrap: break-word;
        text-align: center;
        left: 15px;
        bottom: 35px;
        font-family: IRANYekanExtraBoldRd;
        display: table;
        font-size: 10px;
    }

    .deals-details-cont-revamp .single-images-revamp .outOfStocktagDaysDetails i {
        margin-right: 7px;
    }

    .deals-details-cont-revamp .outOfStocktagDaysDetails {
        display: flex;
        align-items: center;
        background-color: rgba(201, 2, 35, 0.8);
        color: #fff;
        position: absolute;
        z-index: 3;
        padding: 4px 8px;
        border-radius: 1px;
        right: 0px;
        font-family: IRANYekanExtraBoldRd;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        top: 0px;
        width: 100%;
        font-size: 10px;
    }

        .deals-details-cont-revamp .outOfStocktagDaysDetails svg {
            fill: #fff;
            margin-right: 5px;
        }
    /*#endregion*/

    .filter-selection-section {
        /*display:flex;
    justify-content:space-between;
    align-items:center;*/
    }

        .filter-selection-section .filter-div-section {
            background-color: #f2f2f2;
            padding: 10px 10px 5px;
            border-radius: 5px;
        }

            .filter-selection-section .filter-div-section .filter-title {
                color: #333;
                font-family: IRANYekanBoldRd;
                margin-bottom: 5px;
            }

            .filter-selection-section .filter-div-section .filter-selection-count {
                color: #e82228;
                font-family: IRANYekanExtraBoldRd;
            }

                .filter-selection-section .filter-div-section .filter-selection-count .selections-text {
                    display: none;
                }

    @media screen and (min-width:320px) and (max-width:360px) {
        .filter-selection-section .filter-div-section {
            font-size: 10px;
            padding: 10px 6px 5px;
        }
    }


    .brand-filter-popup .switch-text {
        font-size: 12px !important;
    }

    @media screen and (min-width:361px) and (max-width:380px) {
        .filter-selection-section .filter-div-section {
            font-size: 11px;
            padding: 10px 6px 5px;
        }
    }

    @media screen and (min-width:381px) and (max-width:448px) {
        .filter-selection-section .filter-div-section {
            font-size: 12px;
            padding: 10px 6px 5px;
        }
    }
    /*#region switch*/
    .switch-container {
        display: flex;
        align-items: center;
        margin-bottom: 10px; /* Add spacing between each item if needed */
    }

    .switch-text {
        margin-left: 10px; /* Add some space between the switch and the text */
        font-size: 15px; /* Adjust font size if necessary */
        color: #333; /* Adjust text color */
        font-weight: bold;
    }

    .switch {
        position: relative;
        display: inline-block;
        width: 42px;
        height: 25px;
    }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 34px;
    }

        .slider:before {
            position: absolute;
            content: "";
            height: 18px;
            width: 18px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 50%;
        }

    input:checked + .slider {
        background-color: #e82228;
    }

    input:focus + .slider {
        box-shadow: 0 0 1px #D1D1D1;
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(16px);
        -ms-transform: translateX(16px);
        transform: translateX(16px);
    }

    /*#endregion switch*/


    .black-font {
        color: #333 !important;
    }


    .category-partner-type-container {
        /*border: 1px solid #e82228;*/
        border-radius: 5px;
        cursor: pointer;
        padding: 5px 10px;
        width: 32%;
        display: inline-block;
        margin: 20px 0px 10px;
        text-align: center;
        background-color: #efeff0;
        color: #333;
        font-family: IRANYekanRegularRd;
    }



        /* Active state styles */
        .category-partner-type-container.active {
            background-color: #d3344e;
            color: #fff !important;
            border-color: #d3344e;
        }

    #telco a {
        border-top-left-radius: 10px !important;
    }

    #nontelco a {
        border-top-right-radius: 10px !important;
    }

    .instore-online-cont {
        display: flex;
        justify-content: space-between;
    }


    .catalogContainer .rightSec .promotion-section, .featuredContainer .featuredItems .promotion-section {
        display: flex;
        align-items: center;
        background-color: rgba(201, 2, 35, 0.8);
        color: #fff;
        position: absolute;
        z-index: 3;
        padding: 4px 8px;
        border-radius: 1px;
        right: 0px;
        font-family: IRANYekanRegularRd;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        bottom: 0px;
        width: 100%;
        font-size: 12px;
    }

        .catalogContainer .rightSec .promotion-section svg, .featuredContainer .featuredItems .promotion-section svg {
            fill: #fff;
            margin-right: 5px;
        }

    .promotion-text {
        /*text-transform: uppercase;*/
    }
    /*#region Advent Calendar*/
    .ramadan-advent-sec {
        padding: 0 10px 20px;
        position: relative;
    }

    .ramadan-img-home {
        width: -webkit-fill-available;
        border-radius: 15px;
    }

    .ramadan-advent-bg {
        position: absolute;
        top: 100px;
        left: 40px;
    }

    .ramadan-title {
        color: #f4bf34;
        font-family: 'RamadanFont';
        font-size: 75px;
        /*margin-bottom: 5px;*/
        letter-spacing: 1px;
    }

    .ramadan-desc {
        color: #ffffff;
        font-family: IRANYekanBoldRd;
        font-size: 25px;
        margin-bottom: 35px;
    }

    .btn-advent-calendar-popup {
        position: absolute;
        bottom: 80px;
        left: 40px;
        width: fit-content;
        color: #ffffff;
        font-family: IRANYekanRegularRd;
        font-size: 25px;
        padding: 10px;
        border: 1px solid #fff;
        border-radius: 5px;
    }

    .label-btn-advent-calendar {
        font-family: IRANYekanRegularRd;
        margin-bottom: 0px;
        font-weight: normal;
    }

    .btn-advent-calendar-popup i {
        margin-left: 10px;
    }

    .adventCalendarSection .countDownDiv {
        position: absolute;
        bottom: 35px;
        right: 40px;
        width: fit-content;
        color: #ffffff;
        font-family: IRANYekanExtraBoldRd;
        font-size: 25px;
        padding: 10px;
        /*border: 1px solid #fff;*/
        /*border-radius: 5px;*/
    }

    @media screen and (max-width:1000px) {
        .ramadan-advent-bg {
            top: 70px;
        }
    }

    @media screen and (max-width:850px) {
        .ramadan-title {
            font-size: 50px;
        }

        .ramadan-desc {
            font-size: 20px;
        }

        .btn-advent-calendar-popup {
            font-size: 20px;
        }

        .adventCalendarSection .countDownDiv {
            font-size: 20px;
        }
    }

    @media screen and (max-width:750px) {
        .ramadan-advent-bg {
            top: 50px;
        }

        .ramadan-title {
            font-size: 50px;
        }

        .ramadan-desc {
            font-size: 20px;
        }

        .btn-advent-calendar-popup {
            font-size: 20px;
            bottom: 60px;
        }

        .adventCalendarSection .countDownDiv {
            font-size: 20px;
            bottom: 17px;
        }
    }

    @media screen and (max-width:650px) {
        .ramadan-advent-bg {
            top: 40px;
        }


        .btn-advent-calendar-popup {
            font-size: 20px;
            bottom: 50px;
        }

        .adventCalendarSection .countDownDiv {
            font-size: 20px;
            bottom: 8px;
        }
    }

    @media screen and (max-width:600px) {
        .ramadan-advent-bg {
            top: 40px;
        }

        .ramadan-title {
            font-size: 40px;
        }

        .ramadan-desc {
            font-size: 18px;
        }

        .btn-advent-calendar-popup {
            font-size: 18px;
            bottom: 50px;
        }

        .adventCalendarSection .countDownDiv {
            font-size: 18px;
            /*bottom: 50px;*/
        }
    }

    @media screen and (max-width:550px) {
        .ramadan-advent-bg {
            top: 40px;
        }

        .ramadan-title {
            font-size: 40px;
        }

        .ramadan-desc {
            font-size: 18px;
        }

        .btn-advent-calendar-popup {
            font-size: 18px;
            bottom: 50px;
        }

        .adventCalendarSection .countDownDiv {
            font-size: 18px;
            /*bottom: 50px;*/
        }
    }

    @media screen and (max-width:430px) {
        .ramadan-advent-bg {
            top: 30px;
            left: 30px;
        }

        .ramadan-title {
            font-size: 30px;
        }

        .ramadan-desc {
            font-size: 12px;
        }

        .btn-advent-calendar-popup {
            font-size: 12px;
            bottom: 35px;
            padding: 5px 10px;
            left: 30px;
        }

        .adventCalendarSection .countDownDiv {
            font-size: 12px;
            bottom: 14px;
            padding: 5px 10px;
            right: 15px;
        }
    }

    @media screen and (max-width:500px) {
        .ramadan-advent-bg {
            top: 20px;
        }

        .ramadan-title {
            font-size: 35px;
        }

        .ramadan-desc {
            font-size: 13px;
        }

        .btn-advent-calendar-popup {
            font-size: 12px;
            bottom: 40px;
        }


        .dayNum {
            font-size: 55px !important;
        }

        .countType {
            font-size: 17px !important;
        }

        .leftCountDown {
            font-size: 17px !important;
        }
    }

    .firstAdventPopup {
        width: 85%;
        min-height: 582px;
        max-width: 336px;
        border-radius: 6px;
        color: #fff;
        display: none;
        text-align: center;
        justify-content: center;
        align-items: center;
        position: relative;
    }

        .firstAdventPopup .close {
            background-color: white;
            font-size: 21px;
            font-weight: bold;
            line-height: unset !important;
            color: #000;
            opacity: 1;
            text-shadow: 0 1px 0 #fff;
            z-index: 88;
            position: absolute;
            top: -13px;
            right: -16px;
            border-radius: 50px;
            padding: 1px 9px;
        }

            .firstAdventPopup .close i {
                color: darkgrey;
                font-size: 20px;
            }

    .ramadan-popup-content {
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .ramadan-popup-content img {
            /* width: 100%;
        height: 100%;*/
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
        }

    .ramadan-popup-title {
        position: relative;
        z-index: 2;
        width: 100%;
        padding: 0 20px;
        font-size: 40px;
        margin-bottom: 40px;
        font-family: 'RamadanFont';
        color: #f8c236;
        letter-spacing: 2px;
        line-height: .9;
    }

    .ramadan-popup-description {
        position: relative;
        z-index: 2;
        width: 100%;
        padding: 0px 20px;
        font-size: 15px;
        margin-bottom: 20px;
        font-family: IRANYekanRegularRd;
    }

    .ramadan-popup-items {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .ramadan-popup-button {
        position: relative;
        z-index: 2;
        margin-bottom: 42px;
        font-size: 14px;
        padding: 7px 10px;
        color: #fff;
        border-radius: 5px;
        cursor: pointer;
        border: 1px solid #fff;
    }

    .flexOne {
        flex: 1;
    }

    .advent-calendar-title-container {
        display: flex;
        justify-content: space-between;
        max-width: 800px;
    }

    .slot-container {
        max-width: 800px !important;
    }

    .advent-calendar-title-container .countDownDiv {
        text-align: center;
        font-size: 15px;
        color: #C90223;
        font-family: IRANYekanExtraBoldRd;
    }

    .advent-calendar-title {
        display: flex;
        text-align: center;
        font-family: 'RamadanFont';
        font-size: 45px;
        color: #C90223;
        letter-spacing: 2px;
        align-items: center;
        justify-content: flex-end;
    }

    .slot {
        position: relative;
        background: none;
        color: gold;
        text-align: center;
        padding: 10px;
        border-radius: 10px;
        overflow: hidden;
        transition: transform 0.3s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .slot:hover {
            transform: scale(1.05);
        }

    .slotDiv {
        /*padding: 10px;*/
    }

    .slot .slot-img {
        max-width: 100%;
        display: block;
        height: 150px;
        object-fit: contain;
    }

    @media screen and (max-width: 620px) {
        .slot {
            padding: 5px;
        }
    }


    .closepopUpBtn:hover {
        color: #ff5733;
    }


    .winAdventCalendarPopUp {
        width: 80%;
        max-width: 344px;
        background-color: white;
        border-radius: 10px;
        min-height: 591px;
        background: linear-gradient(to bottom, #e82228, #900000);
        padding: 7px;
        display: none;
        text-align: center;
        position: relative;
        align-items: center;
        justify-content: center;
        /*    top:90px !important
*/
    }

    .winAdventCalendarPoints, .winAdventCalendarVoucher {
        display: none;
        text-align: center;
    }

        .winAdventCalendarPoints img {
            width: 100%;
            object-fit: contain;
            position: absolute;
            top: -42px;
            left: 0;
        }

    .congratulationsMessage {
        font-family: 'RamadanFont';
        font-size: 44px;
        letter-spacing: 2px;
        color: #f4bf34;
        margin-top: 80px;
        padding: 0 25px;
    }

    .popupbodytext {
        margin-top: 24px;
        font-size: 12px;
        color: #DFDFDF;
        font-family: IRANYekanRegularRd;
        padding: 0 25px;
    }

    .popupbodytextprize {
        font-size: 15px;
        color: #fff;
        font-family: IRANYekanBoldRd;
        margin-bottom: 10px;
        margin-top: -5px;
        padding: 0 25px;
    }

    .voucherCode {
        color: #f4bf34;
        font-size: 20px;
        font-family: IRANYekanBoldRd;
        margin-top: 10px;
        padding: 0 25px;
    }

    .advent-voucher-img {
        width: 100%;
        height: 300px;
        max-height: 200px;
        object-fit: cover;
        border-radius: 10px;
    }

    .voucher-popup-button {
        position: relative;
        z-index: 2;
        margin-bottom: 20px;
        font-size: 12px;
        padding: 7px 10px;
        color: white;
        border-radius: 5px;
        cursor: pointer;
        border: 1px solid #fff;
        width: fit-content;
        margin: 10px auto 20px;
    }

    .landscape-ramadan-image {
        position: absolute;
        bottom: 0;
    }

        .landscape-ramadan-image img {
            width: 100%;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

    .winAdventCalendarPopUp .close {
        background-color: white;
        font-size: 21px;
        font-weight: bold;
        line-height: unset !important;
        color: #000;
        opacity: 1;
        text-shadow: 0 1px 0 #fff;
        z-index: 88;
        position: absolute;
        top: -13px;
        right: -16px;
        border-radius: 50px;
        padding: 1px 9px;
    }

        .winAdventCalendarPopUp .close i {
            color: darkgrey;
            font-size: 20px;
        }

    .AlertMessageAdventPopup {
        width: 80%;
        max-width: 460px;
        background: linear-gradient(to bottom, #e82228, #900000);
        border-radius: 6px;
        color: #fff;
        padding: 25px 0 0;
        display: none;
        text-align: center;
    }

        .AlertMessageAdventPopup .close {
            background-color: white;
            font-size: 21px;
            font-weight: bold;
            line-height: unset !important;
            color: #000;
            opacity: 1;
            text-shadow: 0 1px 0 #fff;
            z-index: 88;
            position: absolute;
            top: -13px;
            right: -16px;
            border-radius: 50px;
            padding: 1px 9px;
        }

            .AlertMessageAdventPopup .close i {
                color: darkgrey;
                font-size: 20px;
            }

        .AlertMessageAdventPopup .alertTimeIcon {
            text-align: center;
            margin: 50px 0;
        }

            .AlertMessageAdventPopup .alertTimeIcon i {
                font-size: 70px;
                color: #f4bf34;
            }

        .AlertMessageAdventPopup .landscape-ramadan-image {
            position: unset;
        }

    @media screen and (max-width:800px) {
        .AlertMessageAdventPopup {
            width: 60% !important;
        }
    }

    @media screen and (max-width:500px) {
        .AlertMessageAdventPopup {
            width: 80% !important;
        }
    }

    .alertAdventTitle {
        text-align: center;
        font-size: 20px !important;
        color: #fff;
        padding: 15px;
        margin: auto;
        cursor: pointer;
        font-family: IRANYekanBoldRd;
    }

    .alertAdventMessage {
        text-align: center;
        font-size: 18px !important;
        color: #fff;
        padding: 15px 10px;
        margin: auto;
        cursor: pointer;
        font-family: IRANYekanRegularRd;
    }

    .AlertMessageAdventPopupwithMessage {
        width: 80%;
        max-width: 460px;
        background: linear-gradient(to bottom, #e82228, #900000);
        border-radius: 6px;
        color: #fff;
        padding: 25px 0 0;
        display: none;
        text-align: center;
    }

        .AlertMessageAdventPopupwithMessage .close {
            background-color: white;
            font-size: 21px;
            font-weight: bold;
            line-height: unset !important;
            color: #000;
            opacity: 1;
            text-shadow: 0 1px 0 #fff;
            z-index: 88;
            position: absolute;
            top: -13px;
            right: -16px;
            border-radius: 50px;
            padding: 1px 9px;
        }

            .AlertMessageAdventPopupwithMessage .close i {
                color: darkgrey;
                font-size: 20px;
            }

        .AlertMessageAdventPopupwithMessage .alertTimeIcon {
            text-align: center;
            margin: 50px 0;
        }

            .AlertMessageAdventPopupwithMessage .alertTimeIcon i {
                font-size: 70px;
                color: #f4bf34;
            }

        .AlertMessageAdventPopupwithMessage .landscape-ramadan-image {
            position: unset;
        }

    @media screen and (max-width:800px) {
        .AlertMessageAdventPopupwithMessage {
            width: 80% !important;
        }
    }

    .dayNum {
        float: left;
        font-size: 90px;
        color: #F8C036;
        line-height: 0.8;
    }

    .countType {
        float: left;
        font-size: 26px;
        line-height: 1;
        margin-left: 6px;
    }

    .leftCountDown {
        font-size: 25px;
        line-height: 1;
        margin-left: 23px;
    }

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


    .topImage {
        width: 70%;
    }

    .moonImage {
        max-width: 100%;
    }

    .countdownDiv {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 31px;
    }

    .moonDiv {
        width: 50%;
    }

    .countdownDiv .number {
        font-size: 4rem;
        font-weight: bold;
        float: left;
        font-family: RamadanFont;
        color: #C90223;
        margin-left: -79px;
        font-size: 100px;
    }

    .countdownDiv .descDiv {
        display: flex;
        flex-direction: column;
        font-size: 24px;
        align-items: center;
        line-height: 0.8;
        font-size: 37px;
        margin-bottom: 22px;
        font-family: RamadanFont;
        color: #C90223;
    }

    @media screen and (max-width:730px) {
        .moonDiv {
            width: 64%;
        }
    }

    @media screen and (max-width:650px) {
        .moonDiv {
            width: 80%;
        }

        .topImage {
            width: 100%;
        }
    }

    @media screen and (max-width:520px) {
        .advent-calendar-title {
            font-size: 31px;
            line-height: 1;
        }

        .countdownDiv .number {
            margin-left: -69px;
            font-size: 88px;
        }

        .countdownDiv .descDiv {
            font-size: 31px;
        }
    }

    @media screen and (max-width:420px) {
        .moonDiv {
            width: 92%;
        }

        .countdownDiv .descDiv {
            font-size: 21px;
        }

        .countdownDiv .number {
            font-size: 58px;
            margin-left: -78px;
        }

        .moonImage {
            width: 67%;
        }
    }

    .descDiv .type {
        margin-top: 5px;
    }
    /*#endregion Advent Calendar*/


    /*#region Scratch and Win*/
    .scratchPopup {
        width: 80%;
        max-width: 650px;
        /*background-color: white;*/
        color: white;
        display: none;
        padding: 15px;
        text-align: center;
    }

        .scratchPopup .scartchClose {
            background-color: white;
            font-size: 21px;
            font-weight: bold;
            line-height: unset !important;
            color: #000;
            opacity: 1;
            text-shadow: 0 1px 0 #fff;
            z-index: 88;
            position: absolute;
            top: 9px;
            right: 20px;
            border-radius: 50px;
            padding: 1px 9px;
        }

            .scratchPopup .scartchClose i {
                color: #e82228;
                font-size: 20px;
            }

    .scratchBody {
        color: black;
    }

    .congratsMsg {
        margin: 25px 10px;
        color: white;
    }

    .congratsTitle {
        font-size: 20px;
        font-family: IRANYekanBoldRd;
        margin-bottom: 10px;
        color: #e82228;
    }

    .congratsdesc {
        font-size: 15px;
        font-family: IRANYekanRegularRd;
        color: #9E9E9E;
    }

    .congratsDescriptionInfo {
        font-weight: bold;
    }

    .scartchRedeem {
        width: fit-content;
        margin: auto;
        padding: 7px 6px;
        border-radius: 4px;
        font-size: 15px;
        background-color: #e82228;
        color: #fff;
    }

    .scratchtext {
        color: #fff;
        font-family: IRANYekanBoldRd;
        font-size: 23px;
        user-select: none;
        position: absolute;
        z-index: 100;
        top: 44%;
        left: 22%;
    }

    .scratch-card {
        position: relative;
        border-radius: 15px;
        padding: 15px;
        width: 100%;
        height: 370px;
        background-color: white;
        margin: auto;
        margin-top: 10px;
        transition: all 0.3s ease-in-out;
    }

        .scratch-card.active {
            background-color: #e82228;
        }

    .congratsConfetti {
        /*background-image:url('/Content/img/bg/GoldenConfetti.svg');
    background-repeat:no-repeat;
    background-size:contain;
    width:100%;
    height:100%;*/
        width: 100%;
        object-fit: contain;
        position: absolute;
        top: -42px;
        left: 0;
    }

    .scratch-card-cover-container {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        filter: url("#remove-black");
        transition: opacity 0.4s;
        border-radius: 15px;
        overflow: hidden;
    }

        .scratch-card-cover-container.clear {
            opacity: 0;
        }

        .scratch-card-cover-container.hidden {
            display: none;
        }

    .scratch-card-canvas {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: grab;
        touch-action: none;
    }

        .scratch-card-canvas.hidden {
            opacity: 0;
            display: block !important;
        }

        .scratch-card-canvas:active {
            cursor: grabbing;
        }

    .scratch-card-canvas-render {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        transition: background-color 0.2s;
        padding: 15px;
    }

        .scratch-card-canvas-render.hidden {
            display: none;
        }




    .scratch-card-cover {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: #e82228;
        /*background-image: linear-gradient(to bottom, #e82228, #e82228, #e82228, #e82228, #821216);*/
    }

        .scratch-card-cover::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(135deg,transparent 40%,#000000 50%,transparent 60%);
            background-position: bottom right;
            background-size: 300% 300%;
            background-repeat: no-repeat;
        }

    @keyframes shine {
        .scratch-card-cover 50% {
            background-position: 0% 0%;
        }

        .scratch-card-cover 100% {
            background-position: -50% -50%;
        }
    }

    .scratch-card-cover::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.1;
        filter: url("#noise");
    }

    .scratch-card-cover-background {
        width: 100%;
        height: 100%;
        fill: #000;
        opacity: 0.1;
    }

    .scratch-card-image {
        border-radius: 15px !important;
        width: 100%;
        height: 100%;
        object-fit: contain;
        /*filter: drop-shadow(0 4px 4px #000000);*/
        user-select: none;
        will-change: transform;
        border-radius: 6px
    }

        .scratch-card-image.animate {
            animation: pop-out-in cubic-bezier(0.65,1.35,0.5,1) 1s;
        }

    @keyframes pop-out-in {
        36% {
            transform: scale(1.125);
        }

        100% {
            transform: scale(1);
        }
    }

    /*#endregion Scratch and Win*/

    .dealImage {
        width: 100%;
        border-radius: 9px;
    }

    .telcobundlesTitle {
        color: #000;
        font-family: IRANYekanExtraBoldRd;
        font-size: 35px;
        text-align: center;
        padding: 30px 0 15px;
    }

    .telcobundlesDesc {
        color: #000;
        font-family: IRANYekanRegularRd;
        font-size: 20px;
        text-align: center;
        padding: 0 30px 20px;
    }

.telco-grid {
    display: grid;
    max-width: 839px;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0 20px 20px;
    margin: auto;
}

    .dBundle {
        background-color: #fff;
        padding: 0px 5px;
        text-align: center;
        border-radius: 10px;
        cursor: pointer;
    }

        .dBundle.selected {
            border: 2px solid #e82228;
        }

        .dBundle img {
            width: 90px;
            margin-bottom: 20px;
        }

    .amounts-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 0.5rem;
        margin: 0.5rem 0;
        margin: 8px auto;
    }

    .points-amount {
        font-family: IRANYekanBoldRd;
        font-size: 16px;
        color: #333;
    }

    .ticket-amount {
        font-family: IRANYekanLightRd;
        font-size: 14px;
        color: #8C8C8C;
        margin-top: -5px;
    }

    .iqd-amount {
        font-size: 20px;
        font-family: IRANYekanExtraBoldRd;
        color: #EC1C23;
        margin-bottom: 16px;
    }

.purchase-btn {
    width: 90%;
    color: #FFF;
    background-color: #EC1C23;
    text-align: center;
    border-radius: 10px;
    font-size: 20px;
    cursor: pointer;
    margin: 0px auto;
    padding: 10px 20px;
    max-width: 797px;
}

    .purchase-btn-selected {
        border: 2px solid #E82228;
        background-color: #e82228;
        color: white;
    }

.ms-layers-template-buypoints {
    margin-top: 40px;
    max-height: 250px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

    @media screen and (max-width: 800px) {
        .ms-layers-template-buypoints #masterslider {
            height: 200px !important;
        }
    }

    @media screen and (max-width: 1000px) {
        .ms-layers-template-buypoints #masterslider {
            height: 250px !important;
        }
    }

    .ms-layers-template-buypoints .ms-anim-layers {
        position: absolute;
        top: 34%;
        left: 3%;
    }

    .ms-layers-template-buypoints .overlayBanner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 1;
    }

    .ms-layers-template-buypoints .bannerTitle {
        font-family: IRANYekanRegularRd;
        font-size: 24px !important;
        color: #FFF;
        width: 80%;
        position: absolute;
        top: 5%;
        left: 10%;
        line-height: 21px;
        text-align: center;
        z-index: 2;
    }

    .ms-layers-template-buypoints .bannerDesc {
        font-family: IRANYekanRegularRd;
        font-size: 16px !important;
        margin-top: 18px !important;
        color: #FFF;
        line-height: 1 !important;
        width: 80%;
        top: 26%;
        position: absolute;
        left: 2%;
    }

    .ms-layers-template-buypoints .owl-carousel.owl-drag .owl-item {
        /*margin-right : unset !important;*/
    }

    .ms-layers-template-buypoints .owl-carousel .owl-item img {
        max-height: 240px;
    }


    .ms-layers-template-buypoints .owl-carousel .owl-dots {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
        text-align: center;
        width: 100%;
    }

    .ms-layers-template-buypoints .owl-dots button.owl-dot {
        background-color: #FFF;
    }

        .ms-layers-template-buypoints .owl-dots button.owl-dot.active {
            background-color: #E82228 !important;
        }

    .buyPointsPopUp {
        width: 80%;
        max-width: 450px;
        background-color: #F2F2F2;
        border-radius: 10px;
        padding: 30px 15px;
        color: #fff;
        display: none;
        text-align: center;
    }

    .confirmationText {
        color: #333;
        font-family: IRANYekanRegularRd;
        font-size: 18px;
        text-align: center;
        margin-bottom: 25px;
    }

    .buyPointsConfirmationButtons {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .btn-buyPointscancel {
        width: 40%;
        border-radius: 6px;
        border: 1px solid #e82228;
        color: #e82228;
        font-size: 17px;
        padding: 10px;
    }

    .btn-buyPointsConfirm {
        width: 40%;
        border-radius: 6px;
        border: 1px solid #e82228;
        color: white;
        background-color: #e82228;
        font-size: 17px;
        padding: 10px;
    }

    .btn-openScratchWin {
        width: 100%;
        border-radius: 6px;
        border: 1px solid #e82228;
        color: white;
        font-size: 17px;
        padding: 10px;
        background-color: #e82228;
        margin: 23px auto 0px;
        cursor: pointer;
    }

    .btn-viewprizes {
        width: fit-content;
        border-radius: 6px;
        /*border: 1px solid white;*/
        background-color: white;
        color: #ED222A;
        padding: 5px 10px;
        margin: 10px 0px;
        cursor: pointer;
    }

        .btn-viewprizes i {
            color: #ED222A;
        }

    .btn-buyPointsCloseError {
        width: 40%;
        border-radius: 6px;
        border: 1px solid #e82228;
        color: #e82228;
        font-size: 17px;
        padding: 10px;
        margin: auto;
    }

    .btn-scratchgotohomepage {
        width: fit-content;
        border-radius: 6px;
        border: 1px solid white;
        color: white;
        /*font-size: 12px;*/
        padding: 10px;
        margin: auto;
        margin-top: 20px;
        cursor: pointer;
    }

    .congratsBuyPointsPopUp {
        width: 80%;
        max-width: 450px;
        background-color: #F2F2F2;
        border-radius: 10px;
        padding: 30px 15px;
        color: #fff;
        display: none;
        text-align: center;
    }

        .congratsBuyPointsPopUp .close {
            background-color: white;
            font-size: 21px;
            font-weight: bold;
            /* line-height: unset !important; */
            color: #000;
            opacity: 1;
            text-shadow: 0 1px 0 #fff;
            z-index: 88;
            position: absolute;
            top: -15px;
            right: -16px;
            border-radius: 50px;
            padding: 8px 12px;
            box-shadow: 0 1px 0 grey;
        }

            .congratsBuyPointsPopUp .close i {
                color: #e82228;
                font-size: 20px;
            }

    .errorBuyPointsPopUp .danger-alert {
        width: 100%;
        border-radius: 6px;
        padding: 20px 50px;
        margin: 10px auto;
        background-image: url(img/btn/alert.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .congrats-title {
        color: #e82228;
        font-family: IRANYekanBoldRd;
        font-size: 25px;
        text-align: center;
    }

    .buyPointsError-title {
        color: #333;
        font-family: IRANYekanBoldRd;
        font-size: 25px;
        text-align: center;
    }

    .congrats-img img {
        width: 118px;
        margin: 0px auto 19px;
    }

    .purchasedTextDetails {
        font-family: IRANYekanRegularRd;
        font-size: 18px;
        margin-top: 11px;
        color: #A4A4A4;
        margin-bottom: 15px;
    }

    .purchaseTextDetailsNote {
        border-bottom: 1px solid #D9D9D9;
    }

    .buyPointsbuymore {
        font-family: IRANYekanRegularRd;
        font-size: 15px;
        color: #333;
    }

.megaCampaignSection, .campaignHomePrizesBuyPointsSec {
    display: block;
    padding-left: 0;
    padding-right: 0px;
}

.dealCampaignSection {
    /*margin-bottom: 20px;*/
}

.buyPointsSection {
    display: flex;
    flex-direction: column;
}

    .campaignHomePrizesBuyPointsDiv {
        position: absolute;
    }

    .campaignHomePrizesBuyPointsSec {
        margin-top: 30px;
    }

    .campaignHomePrizesDiv {
        /*  background-image: url('img/bg/redeemImg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 20px;
    border-radius: 6px;*/
        text-align: start;
        display: flex;
        flex-direction: column;
        /*min-height: 165px;*/
        justify-content: space-between;
    }

.terms-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: #fff;
    border-radius: 8px;
    padding: 10px 15px;
    margin-top: 17px;   
}


.terms-icon {
    color: #F72B31; 
    font-size: 20px;
    margin-top: auto;
    margin-right: 8px;
}


.terms-text {
    font-weight: bold;
    font-size: 16px;
    margin-right: 20px;
    margin-left: 20px;
}

.btn-view {
    background: #F72B31;
    color: #EEF;
    font-weight: bold;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s;
}


.camp-container {
    border: 1px solid #D3D3D3;
    border-radius: 8px;
}

    .campaignBuyPointsSection {
        display: flex;
        flex-wrap: wrap;
        margin: 0px auto 20px;
    }

    .buyPointsSection {
        background-color: #e82228;
        padding: 20px 10px;
        border-radius: 6px;
        text-align: center;
    }

        .buyPointsSection img {
            width: 80%;
            height: auto;
            margin: auto;
        }

    .buypointstext {
        color: #F72B31;
        font-family: IRANYekanExtraBoldRd;
        text-align: start;
        /*margin-bottom: 10px;*/
        font-size: 17px;
        padding: 10px;
    }

    .buyPointscampaignRef {
        padding-left: 0px !important;
    }

    .playAndWincampaignRef {
        padding-right: 0px !important;
    }

    .buypointsbtn {
        font-family: IRANYekanBoldRd;
        display: block;
        /*border: 1px solid #fff;*/
        border-radius: 3px;
        padding: 3px 7px;
        background-color: #F72B31 !important;
        color: #FFF;
        background-color: white;
        text-align: center;
        max-width: fit-content;
        font-size: 13px;
        margin: 10px;
    }

    @media screen and (max-width: 500px) {
        .buypointstext {
            font-size: 14px;
        }
    }

    @media screen and (max-width: 600px) {
        .buypointsbtn {
            font-size: 14px;
        }
    }

    .scratch-card-image img {
        width: 100%;
        object-fit: contain;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: -2;
        transition: all 0.3s ease-in-out;
    }

    .scratchcardconfettiiImage {
        width: 135% !important;
        top: -60px !important;
        left: -56px !important;
        z-index: -2;
    }

    .errorBuyPointsPopUp {
        width: 80%;
        max-width: 450px;
        background-color: #F2F2F2;
        border-radius: 10px;
        padding: 30px 15px;
        color: #fff;
        display: none;
        text-align: center;
    }


    .megacampaignHomeImage {
        width: 100%;
        max-height: 390px;
        object-fit: cover;
        border-radius: 6px;
        display: block;
    }

    .darkOverlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4); /* adjust opacity as needed */
        z-index: 1;
    }

    .megacampaignHomeImage {
        position: relative;
        z-index: 0;
    }

.megaCampaignContainer video {
    width: 100%;
    height: auto;
    border-radius: 6px;
    display: block;
}

.megaCampaignContainer {
    position: relative;
    width: 100%;
    border-radius: 6px;
    overflow: visible;
    background: #000; /* nice while loading */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.videoWrap {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9; 
}
    .videoWrap iframe {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.megaVideo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* fills the box, crops edges */
    display: block;
    border: 0;
}


    .megaCampaignSectionBottomDiv {
        position: absolute;
        bottom: -7%;
        padding: 10px;
        background-color: #FFF;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        color: #333;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        box-sizing: border-box;
        margin: 10px 35px;
        border-radius: 6px;
        box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.7);
        width: -webkit-fill-available;
        z-index: 2;
    }

    @media screen and (min-width:900px) {
        .megaCampaignSectionBottomDiv {
            gap: 0px;
            bottom: -5%;
        }
    }

    @media screen and (max-width:450px) {
        .megaCampaignTitle {
            font-size: 10px !important;
        }

        .megaCampaignSectionBottomDiv {
            gap: 0px;
            bottom: -13%;
        }

        .campaign-meta .seemoreArrow {
            font-size: 10px;
            padding: 5px;
        }
    }

    .pointsBg {
        width: 42px;
        height: 42px;
        background-color: #FFCB3C;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden; /* ensures the image stays within the circle */
    }

        .pointsBg img {
            max-width: 80%;
            max-height: 80%;
            object-fit: contain;
            margin-left: -2px;
        }

    .ongoing {
        cursor: pointer;
    }

        .ongoing .pointsBg {
            width: 30px;
            height: 30px;
            background-color: #FFCB3C;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden; /* ensures the image stays within the circle */
        }

    .megaCampaignTitle {
        font-size: 12px;
        font-family: IRANYekanRegularRd;
    }

    .megaCampaignBanner {
        display: flex;
        /*margin-top: 15px;*/
        padding: 20px;
        padding-bottom: 16px;
    }

    .megaCampaignBgImage {
        position: relative;
        width: 100%;
        margin-top: 30px;
    }

        .megaCampaignBgImage img {
            width: 100%;
            height: auto;
            display: block;
            /*MAX-HEIGHT: 300PX;
        OBJECT-FIT: cover;*/
            border-radius: 16px !important;
        }

    .megaBannerTextDetails {
        position: absolute;
        /*right: 0;*/
        top: 50%;
        transform: translateY(-50%);
        padding: 20px;
        color: white;
        text-align: center;
        max-width: 100%;
    }

    @media screen and (max-width:600px) {
        .megaBannerTextDetails {
            margin-right: unset;
        }

        .megaCampaignBannerDescription {
            font-size: 16px;
        }

        .megaBannerTextDetails {
            font-size: 12px;
        }
    }

    .megaCampaignBannerTitle {
        font-family: IRANYekanBoldRd;
        color: white;
        margin-bottom: 5px;
        font-size: 20px;
        max-width: 50%;
    }

    .megaCampaignBannerDescription {
        font-family: IRANYekanRegularRd;
        color: white;
        font-size: 20px;
    }

    .megaBannerImage {
        width: 40%;
    }

        .megaBannerImage img {
            width: 100%;
        }


    .campaignTitle {
        padding: 12px 0px 11px 0px;
        font-family: 'IRANYEKANBOLDRD';
        font-size: 26px;
    }

    .campaigns-wrapper {
        color: #000;
        width: 90%;
        margin: auto;
    }

    .megaCampaignTrackTitle {
        margin-bottom: 5px;
        font-family: IRANYekanBoldRd;
    }

    .campaign-card {
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 25px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .campaign-image {
        width: 100%;
        /*height: 200px;*/ /* Set your desired height */
        object-fit: contain; /* Ensures image fills the container while maintaining aspect ratio */
        display: block;
        position: relative;
    }

    .campaign-content {
        padding: 20px;
        position: absolute;
        color: #fff;
        width: 50%;
        z-index: 2;
    }

    .megacampaignitemtitle {
        margin: 0;
        font-family: IRANYekanBoldRd;
        margin-bottom: 10px;
        font-size: 15px;
    }

    .megacampaignitemDescription {
        margin: 10px 0;
        font-size: 12px;
        font-family: IRANYekanRegularRd;
    }

    .campaignimageoverlay {
        background-color: black;
        opacity: 0.2;
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .campaignItemMessage {
        position: absolute;
        bottom: 0px;
        width: 100%;
        background-color: #e82228;
        color: white;
        z-index: 2;
    }

    .campaign-meta {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        bottom: 50px;
        z-index: 3;
        width: 100%;
        color: #fff;
        padding: 20px 20px 0px;
    }

        .campaign-meta .seemoreArrow {
            background-color: #FFFFFF;
            border-radius: 8px;
            cursor: pointer;
            color: #E5282E;
            padding: 8px;
            font-family: IRANYEKANBOLDRD
        }

        .campaign-meta i {
            margin-left: 10px;
        }

    .pointsSectioncampaign {
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .pointsSectioncampaign img {
            width: 35px;
        }

    .points {
        background-color: #FFD700;
        padding: 0.4rem 0.8rem;
        border-radius: 50%;
        font-weight: bold;
    }

    .details-link {
        color: #000;
        text-decoration: none;
        font-weight: 600;
    }

        .details-link::after {
            content: ' →';
        }

    .campaign-message {
        font-size: 0.85rem;
        margin-top: 0.5rem;
    }

    .ongoing-msg {
        padding: 5px;
        border-radius: 6px;
    }

    .previous-msg {
        font-size: 10px;
        padding: 0 10px;
        border-radius: 6px;
    }

    .campaign-date {
        font-size: 10px;
        padding: 2px 10px 5px;
    }

    @media screen and (min-width:760px) {
        .megaCampaignTrackTitle {
            font-size: 20px;
        }

        .campaigns-wrapper {
            width: 60%;
            margin: auto;
        }

        .campaign-image {
            /*height:250px;*/
        }

        ..megacampaignitemtitle {
            font-size: 20px;
        }

        ..megacampaignitemDescription {
            font-size: 15px;
        }

        .campaign-message {
            font-size: 12px;
        }

        .campaign-meta {
            margin-top: 85px;
        }
    }

    @media screen and (min-width:900px) {

        .campaigns-wrapper {
            width: 55%;
        }
    }

    @media screen and (min-width:1000px) {



        .megaCampaignBgImage img {
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
        }
    }

    @media screen and (max-width:600px) {
        .megaCampaignListContainer .deals-details-cont-revamp {
            width: 100% !important;
        }
    }


    /*.megaCampaignHomeMessageSection {
    display: flex;
    background-image: linear-gradient( to right, #e82228, #c71d22, #a4171c, #821216, #610d11 );
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 20px;
    margin-bottom: 30px;
    gap: 10px;
}*/
    .megaCampaignHomeMessageText {
        position: absolute;
        top: 0px;
        z-index: 3;
        background-image: linear-gradient( to right, #e82228, #c71d22, #a4171c, #821216, #610d11 );
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        font-family: IRANYekanRegularRd;
        padding: 5px 10px;
        color: white;
        font-size: 13px;
        width: 100%;
    }


    @media screen and (min-width:600px) {
        .campaignHomePrizesDiv {
            /*padding: 23px 16px;*/
        }

        .buypointstext {
            font-size: 17px;
        }

        .buypointsbtn {
            font-size: 16px;
        }
    }

    @media screen and (min-width:720px) {
        .campaignHomePrizesDiv {
            /*padding: 30px 25px 20px;*/
        }

        .buypointstext {
            font-size: 20px;
            margin-bottom: 10px
        }

        .buypointsbtn {
            font-size: 16px;
        }
    }

    .megaPointSection {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .megaPointSectionDiv {
        display: flex;
        align-items: center;
        gap: 5px;
        position: absolute;
        top: 8px;
        left: 8px;
        z-index: 3;
    }
}

@media screen and (max-width: 450px) {
    .megaCampaignSectionBottomDiv {
        padding: 5px;
        margin-top: 5px;
    }
    .megaCampaignTitle {
        font-size: 10px;
    }
}
    .megaPointSectionDiv img {
        width: 47px;
    }
#idTicketsAmount {
    font-size: 17px;
}

@media screen and (max-width:390px) {
    .buypointsbtn {
            font-size: 12px;
        }

        .buypointstext {
            font-size: 12px;
        }
    }

    @media screen and (max-width:336px) {
        .buypointsbtn {
            font-size: 11px;
        }
    }

    @media screen and (min-width:700px) {
        .pointsAmount {
            font-size: 17px;
        }

        .megaCampaignTitle {
            font-size: 17px;
        }

        .seemoreArrow {
            /*font-size:25px;*/
        }
    }

    /*#region MyPrizePopUp*/
    .megaCampagnMyPrizePopUp {
        width: 80%;
        max-width: 450px;
        background-color: #F2F2F2;
        border-radius: 10px;
        /*padding: 30px 15px;*/
        color: #fff;
        display: none;
        text-align: center;
    }

        .megaCampagnMyPrizePopUp .megaCampagnMyPrizeClose {
            background-color: white;
            font-weight: bold;
            /* line-height: unset !important; */
            color: #000;
            opacity: 1;
            text-shadow: 0 1px 0 #fff;
            z-index: 88;
            position: absolute;
            top: -15px;
            right: -16px;
            border-radius: 50px;
            padding: 6px 11px;
            box-shadow: 0 1px 0 grey;
        }

            .megaCampagnMyPrizePopUp .megaCampagnMyPrizeClose i {
                font-size: 20px;
                margin-top: 2px;
            }

    .megaCampaignMyPrizePopupBody {
        background-color: #fff;
        border-radius: 10px;
        margin-top: -30px;
        padding: 16px;
        position: relative;
        z-index: 1;
        max-height: 350px;
        overflow-y: auto;
        /* Prevent scrollbar from touching the edge */
        scrollbar-width: thin; /* Firefox */
        scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
    }

    megaCampaignMyPrizePopupBody::-webkit-scrollbar {
        width: 8px;
    }

    .megaCampaignMyPrizePopupBody::-webkit-scrollbar-track {
        background: transparent;
        margin: 4px; /* Leaves space top and bottom inside container */
    }

    .megaCampaignMyPrizePopupBody::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        border: 2px solid transparent;
        background-clip: content-box;
    }

    .megaCampaignMyPrizesContainer {
        position: relative;
    }

    .megaCampaignMyPrizePopupHeader {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }

    .megaCampaignMyPrizePopupHeaderImg {
        width: 100%;
        display: block;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .image-text {
        position: absolute;
        top: 42%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        color: white;
        font-size: 24px;
        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); /* Helps contrast on image */
        text-align: center;
        line-height: 1;
    }

    .prize-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
        max-width: 400px;
        margin: auto;
    }

    .prize-card {
        display: flex;
        align-items: center;
        background-color: #e2e2e2;
        border-radius: 12px;
        padding: 12px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        transition: transform 0.2s ease-in-out;
    }

        .prize-card.highlight {
            background: linear-gradient(to right, #fdd9b5, #f4a261);
            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
            color: #6b2d2d;
        }

    .prize-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
    }

    .prize-icon-circle {
        width: 60px;
        height: 60px;
        background-color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Optional shadow for depth */
    }

        .prize-icon-circle img {
            width: 36px;
            height: 36px;
            object-fit: contain;
        }

    .prize-details {
        display: flex;
        flex-direction: column;
    }

    .prize-date {
        font-size: 12px;
        color: #474747;
        margin-bottom: 4px;
        font-family: IRANYekanRegularRd;
        text-align: start;
    }

    .prize-card.highlight .prize-date {
        color: #5c1c1c;
    }

    .prize-text {
        text-align: start;
    }

    .congratsforwinningPrizes {
        color: #979797;
        font-size: 12px;
        font-family: IRANYekanRegularRd;
    }

    .congratsforwinningPrizesDesc {
        color: #333;
        font-size: 12px;
        font-family: IRANYekanBoldRd;
    }
    /*#endregion*/

    /*#region MegaCampaignPrizesPopUp*/
.megaCampagnPrizesPopUp {
    width: 90%;
    max-width: 450px;
    background-color: #FFF;
    border-radius: 10px;
    /*padding: 30px 15px;*/
    color: #fff;
    display: none;
    text-align: center;
}

        .megaCampagnPrizesPopUp .megaCampagnPrizesPopUpClose {
            background-color: white;
            font-weight: bold;
            /* line-height: unset !important; */
            color: #000;
            opacity: 1;
            text-shadow: 0 1px 0 #fff;
            z-index: 88;
            position: absolute;
            top: -15px;
            right: -16px;
            border-radius: 50px;
            padding: 6px 11px;
            box-shadow: 0 1px 0 grey;
        }

            .megaCampagnPrizesPopUp .megaCampagnPrizesPopUpClose i {
                font-size: 20px;
                margin-top: 2px;
            }

.megaCampagnPrizesPopUpPopupHeader {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    padding: 10px;
}

    .megaCampagnPrizesPopUpHeaderImg {
        width: 100%;
        display: block;
        border-radius : 15px;
    }

    .mega-image-text {
        position: absolute;
        top: 42%;
        left: 115px;
        transform: translate(-50%, -50%);
        z-index: 2;
        color: white;
        font-size: 24px;
        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); /* Helps contrast on image */
        text-align: start;
        line-height: 1;
    }

    @media screen and (max-width:500px) {
        .mega-image-text {
            left: 84px !important;
        }
    }

.megaCampagnPrizesPopUpBody {
    border-radius: 10px;
    padding: 16px 0px;
    position: relative;
    display: ruby;
    z-index: 1;
}

.megaCampagnPrizesPopUpBodyTitle {
    font-family: IRANYekanRegularRd;
    color: #A4A4A4;
    padding: 0px 16px;
    font-size: 18px;
    margin: 15px auto 40px;
    text-align: center;
}

.megaCampagnPrizesPopUpBodyFooter {
    font-family: IRANYekanRegularRd;
    color: #A4A4A4;
    font-size: 15px;    
    margin: 0px auto 0px;
    text-align: center;
    padding: 0px 16px;
}

.megaCampagnPrizesPopUpBuyTicketsbtn {
    display: block;
    border: 1px solid #fff;
    border-radius: 6px;
    padding: 5px 10px;
    color: #fff !important;
    text-align: center;
    width: 95%;
    margin: 15px auto;
    background-color: #EC1C23;
    font-family: IRANYekanBoldRd;
}

    .megaPrizesContainer {
        margin-bottom: 20px;
    }

        .megaPrizesContainer .owl-nav .owl-prev {
            float: left;
            margin-top: -200px;
            margin-left: -30px;
        }

        .megaPrizesContainer .owl-nav .owl-next {
            float: right;
            margin-top: -200px;
            margin-right: -30px;
        }

        .megaPrizesContainer .owl-dots {
            display: none !important;
        }

    .prize-wrapper {
        position: relative;
        text-align: center;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        overflow: hidden;
        gap: 10px;
    }

    .prize-top {
        display: flex;
        align-items: center;
        justify-content: space-around;
        gap: 2px;
    }

    .prize-desc {
        color: white;
        font-size: 10px;
        font-family: IRANYekanRegularRd;
        text-align: start;
    }

.prize-wrapper .prize-top .prize-img {
    width: 86px !important;
    height: 73px !important;
    object-fit: contain;
    position: relative;
    z-index: 2;
    margin-bottom: -5px; /* Reduces space to touch platform */
}

    .prize-wrapper .platform-img {
        width: 135px !important;
        height: auto;
        position: relative;
        z-index: 1;
    }

.ms-layers-template .ms-skin-black-2 .ms-bullets.ms-dir-h {
    visibility: hidden;
}

.megacarouselsec {
    margin-bottom: 15px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-bottom: 1px solid #D9D9D9;
    width: 95%;
}

    .prize-tag-mega {
        position: relative;
    }

        .prize-tag-mega img {
            width: 25px !important;
        }

    .prize-tag-mega-num {
        position: absolute;
        top: 4px;
        left: 8px;
        color: black;
        font-family: IRANYekanBoldRd;
    }

    /*#endregion*/

    /*#region Play And Win*/
    .playAndWin-title-container {
        margin: 40px auto 20px;
        max-width: 800px;
    }

    .play-slot-container {
        max-width: 800px !important;
    }

    .playAndWin-title {
        text-align: left;
        font-family: IRANYekanExtraBoldRd;
        font-size: 35px;
        color: #333;
    }

    @media screen and (max-width:600px) {
        .playAndWin-title {
            font-size: 25px;
        }
    }

.play-slot-container .slot {
    position: relative;
    background: none;
    color: gold;
    text-align: center;
    /*padding: 10px;*/
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #DBDADA;
    margin-top: 10px;
    margin-left: 9px;
    height : 264px;
}
.PrizeName {
    margin-top: 10px;
    font-size: 15px;
    color: #000;
    text-align: left;
}

.claimedStatus {
    background-color: #90FFBC !important;
}

.PrizeDate {
    margin-top: 6px;
    font-size: 16px;
    color: #A4A4A4;
    text-align: left;
}
.Prizestatus {
    margin-top: 7px;
    border-radius: 4px;
    background: #FEC28E;
    color: #000;
    text-align: left;
    font-size: 12px;
    width: fit-content;
    padding: 4px;
}

.play-slot-container .slot:hover {
    transform: scale(1.05);
}

.playAndWinSlotsDiv {
    border-radius: 10px;
    position: relative;
    display: flex;
    overflow: hidden;
    justify-content: center;
    flex-direction: column;
}

    .scratchAttepmtsdark-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1;
    }

    .playAndWinInfo {
        position: absolute;
        top: 10px;
        right: 10px;
        border: 3px solid white;
        border-radius: 50px;
        z-index: 2;
    }

        .playAndWinInfo i {
            font-size: 12px;
            color: white;
            padding: 6px 9px;
        }

    @media screen and (max-width:450px) {
        .playAndWinInfo {
            top: 5px;
            right: 5px;
        }

            .playAndWinInfo i {
                font-size: 9px;
            }
    }

    .btn-scratchAttemptClose {
        display: none;
        width: 50%;
        border-radius: 6px;
        border: 1px solid white;
        color: white;
        font-size: 18px;
        padding: 10px;
        margin: auto;
        margin-top: 20px;
        cursor: pointer;
    }

    .scratchWinInfoMessagePopup {
        background-color: white;
        width: 80%;
        max-width: 450px;
        color: #333;
        display: none;
        padding: 30px;
        text-align: center;
        border-radius: 10px;
    }

    .scratchWinInfoMessagePopUpTectDesc {
        font-family: IRANYekanRegularRd;
        font-size: 18px;
        color: #333;
    }

    .scratchWinInfoMessagePopUpButton {
        border-radius: 6px;
        border: 1px solid #e82228;
        color: #e82228;
        width: 100px;
        margin: 20px auto 0px;
        padding: 5px;
        font-size: 15px;
    }

.scratchWinInfoPopup {
    background-image: none !important;
    background-color: #fff !important;
    color: #333;
    width: fit-content;
    /*max-width: 100%;*/
    max-width : 600px;
    width : 80%;
    height: auto;
    padding: 0;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    display: none;
    text-align: left;
    position: relative;
    overflow: visible;
    padding : 10px;
}

    .scratchWinInfoPopup #scratchWinInfoCongratsSec {
        margin: 12px 19px;
        /*background-color: #002c72;*/
        border-radius: 10px;
    }

    .scratchWinInfoPopup .scratchWinInfoCongratsMsg {
        text-align: center;
        background: #fff;
        color: #333;
    }

    .scratchWinInfoPopup .scratchWinInfoCongratsTitle {
        font-size: 24px;
        font-weight: 700;
        margin: 16px 0 8px;
        color: #E70915;
    }

    .scratchWinInfoPopup .scratchWinInfoCongratsdesc {
        font-size: 18px;
        color: #9E9E9E;
        line-height: 1.4;
    }

    .scratchWinInfoPopup .scratchWinInfo-voucher-code-section,
    .scratchWinInfoPopup .gift-details {
        margin-bottom: 20px;
    }

    .scratchWinInfoPopup .scratchWinInfo-voucher-code,
    .scratchWinInfo-offer-box {
        background: #f1f1f1;
        border-radius: 4px;
        font-size: 16px;
    }

    .scratchWinInfo-offer-box {
        text-align: center;
        padding: 8px 0;
        font-weight: bold;
        margin: 0 20px 20px;
    }

    .scratchWinInfoPopup .scratchWinInfo-voucher-code {
        border: none;
        padding: 8px 12px;
        font-family: monospace;
        position: relative;
    }


    .scratchWinInfoPopup .detail-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border: none;
    }

    .scratchWinInfoPopup .scratchWinInfo-details {
        margin: 0 20px;
        border-top: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
        padding: 12px 0;
    }

    .scratchWinInfoPopup .scratchWinInfo-details .detail-item:last-child {
        border-bottom: none;
    }

.scratchWinInfoPopup .label {
    font-size: 14px;
    color: #9E9E9E;
    text-transform: uppercase;
    display: block;
}

.scratchWinInfoPopup .value {
    font-size: 16px;
    color: #424242;
    font-weight: 500;
}

.scratchWinInfoPopup .status {
    background: #E0F7E9;
    color: #218F4A;
}

.scratchWinInfoPopup .detail-item .status {
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-block;
}

.scratchWinInfoPopup .scratchWinInfo-details .status {
    padding: 4px 12px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
}

.scratchWinInfoPopup .scartchClose {
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 10;
}

.scratchWinInfoPopup .closepopUpBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #fff;
    /*border: 0.1px solid #e70915;*/
    border-radius: 50%;
    color: #e70915;
    font-size: 16px;
    cursor: pointer;
}

.scratchWinInfoBody {
    color: black;
}


    .scratchWinInfo-scratch-card-image {
        border-radius: 15px !important;
        width: 100%;
        height: 100%;
        object-fit: contain;
        user-select: none;
        will-change: transform;
        border-radius: 6px
    }

        .scratchWinInfo-scratch-card-image img {
            position: absolute;
            width: 135% !important;
            top: -60px !important;
            left: -56px !important;
            z-index: -2;
        }

    .scratchWinInfoCongratsMsg {
        color: white;
    }

    .scratchWinInfoCongratsTitle {
        font-size: 20px;
        font-family: IRANYekanBoldRd;
        margin-bottom: 20px;
    }

    .scratchWinInfoCongratsdesc {
        font-size: 15px;
        font-family: IRANYekanRegularRd;
    }

    @media screen and (min-width:480px) {
        .scratchWinInfo-scratch-card-image img {
            top: -116px !important;
            left: -74px !important;
        }

/*        .scratchWinInfoCongratsMsg {
            margin: 10px;
        }*/
    }

    .colPadding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

.errorScratchPopUp {
    width: 80%;
    max-width: 450px;
    background-color: #F2F2F2;
    border-radius: 10px;
    padding: 30px 15px;
    color: #fff;
    display: none;
    text-align: center;
}
    .errorScratchPopUp .danger-alert {
        width: 100%;
        border-radius: 6px;
        padding: 20px 50px;
        margin: 10px auto;
        background-image: url(img/btn/alert.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
.errorScratch-title {
    color: #333;
    font-family: IRANYekanBoldRd;
    font-size: 25px;
    text-align: center;
}
.btn-errorScratchClose {
    width: 40%;
    border-radius: 6px;
    border: 1px solid #e82228;
    color: #e82228;
    font-size: 17px;
    padding: 10px;
    margin: auto;
}
.congratsSecPointPrizeImg {
    width: 95% !important;
    margin: auto;
    height: 340px;
    text-align: center;
    background-size: contain !important;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 6px;
}
.scratchWinInfoPopup #scratchWinInfoCongratsSec.congratsSecPointPrizeImg {
    height: 180px !important;
    width: 98% !important;
    margin: 5px !important;
    background-position: center !important;
    background-size: 90% 90% !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.marginZero{
    margin:0px 10px !important;
}
.congratsSec {
    width: 100%;
    height: 340px;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 6px;
}
.noItem{
    color: #333;
}
.scratchWinInfoPopup .scratchWinInfo-voucher-code-section {
    display: flex;
    justify-content: center;
    margin: 20px;
}
.scratchWinInfo-voucher-code-content {
    font-size: 15px;
    font-family: 'IRANYekanRegularRd';
    margin-top: 5px;
}

.scratchWinInfoPopup .scratchWinInfo-voucher-code {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
/*    max-width: 360px;
*/    background: #F1F1F1;
    border-radius: 10px;
    padding: 12px 16px;
    font-family: IRANYekanRegularRd, sans-serif;
}

.scratchWinInfoPopup .scratchWinInfo-voucher-code-label {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    word-break: break-all;
}

.scratchWinInfoPopup .scratchWinInfo-copy-voucher {
    position: static;
    margin-left: 12px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #424242;
    font-size: 18px;
    padding: 0;
}


.scratchWinInfo-copied-label {
    font-family: 'IRANYekanExtraBoldRd';
    margin-top: 5px;
    display: none;
}

.scratch-voucher-code-section {
    display: none;
}

.scratch-voucher-code-content {
    font-size: 15px;
    font-family: 'IRANYekanRegularRd';
    margin-top: 5px;
}

.scratch-voucher-code {
    padding: 5px;
    font-size: 15px;
    border: 4px dashed;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    font-family: IRANYekanRegularRd;
    position: relative;
    right: 0;
}

.scratch-copy-voucher {
    padding: 5px;
    border-radius: 40px;
    background-color: #E82228;
    cursor: pointer;
    position: absolute;
    top: -1px;
    right: -25px;
    background-image: url(img/icons/copy-voucher-code.png);
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
}

.scratch-copied-label {
    font-family: 'IRANYekanExtraBoldRd';
    display: none;
}

.confettiDiv {
    background-image: url('img/bg/buyPtsImg1.png');
}
/*#endregion Play And Win*/

/* CSS */
.prizetabs-container {
    padding-left: 10px;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
    margin: auto;
    max-width: 800px;
}

.prizetab {
    padding: 4px 10px;
    border: 1px solid #999797;
    color: #999797;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
}

    .prizetab.active {
        color: red;
        border-color: red;
    }

    /* Optional hover effect */
    .prizetab:hover {
        opacity: 0.8;
    }