/*! Place your custom styles here */
/*@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Ultra&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@400..700&display=swap');*/



h2.ribbon {
    --r: .8em;
    /* padding-inline: calc(var(--r) + .3em); */
    line-height: normal !important;
    clip-path: polygon(0 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,0 100%, var(--r) 50%);
    background: #E3C290;
    background: linear-gradient(90deg, rgba(227, 194, 144, 1) 0%, rgba(181, 148, 98, 1) 49%);
    /* width: fit-content; */
    text-transform: uppercase;
    font-weight: 600 !important;
    padding: 5px 0;
    display: flex;
    align-items: center;
    letter-spacing: .6px;
    justify-content: center;
}

li.store-outer .menuStore li {
    border: none !important;
    box-shadow: none;
}
.CTAbannerTxt {
    background-image: url('../images/Ramadan Banner.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    height: 190px;
    position: relative;
    display: flex;
    align-items: center;
}
.language-arabic-selected .CTAbannerTxt h2 {
    margin-top: -10px;
}
.language-arabic-selected .CTAbannerTxt {
    flex-direction: row-reverse;
}
#CTABanner .discoverBanner {
    padding-right: 9%;
}
.mobile .CTAbannerTxt {
    background-image: url('../images/Ramadan mobile Banner388 116.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    height: 116px;
    position: relative;
    display: flex;
    align-items: center;
}
#CTABanner .appSec {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.language-arabic-selected .bannerTxtSec .appSec {
    flex-direction: row;
    padding-right: 26px;
}
    #CTABanner .appSec p {
        margin: 0;
    }
#CTABanner {
    margin: 40px 0 30px;
    padding-bottom: 0;
}
section.ramdanTxt {
    padding: 40px 0;
}
#shopNowCTA {
    background: #d78000;
    color: #fff;
    display: inline-flex;
    padding: 5px 18px;
    font-size: 24px;
    font-family: "Playfair Display", sans-serif;
    line-height: normal;
    border-radius: 20px;
    margin: 10px 0 0;
    font-weight: 800;
}
#shopNow {
    background: #E3C290;
    background: linear-gradient(90deg, rgba(227, 194, 144, 1) 0%, rgba(181, 148, 98, 1) 49%);
    color: #000;
    display: inline-flex;
    padding: 5px 18px;
    font-size: 24px;
    font-family: "Playfair Display", sans-serif;
    line-height: normal;
    border-radius: 50px;
    margin: 10px 0 0;
    font-weight: 500;
}
/* Coupon Offers Page SubCategory tiles */
.tile-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 25px;
}

/* Tile styling */
.tile {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
    text-decoration: none;
    width: 200px;
    height: 70px;
}

/* Content inside the tile */
.tile-content {
    padding: 10px;
    text-align: center;
}

    /* Heading styling */
    .tile-content h3 {
        margin: 0;
        font-size: 1.1em;
        color: #333;
    }

/* Hover effects */
.tile:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
    /* Adjust tile size for smaller screens */
    .tile {
        width: 47%;
    }
}

@media (max-width: 480px) {
    /* Further adjustments for very small screens */
    .tile {
        width: 100%;
    }

    .tile-content h3 {
        font-size: 1.2em;
    }
}
/*spotlight css*/
@-webkit-keyframes spotlight-spinner {
    0% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(225deg);
    }
}

@keyframes spotlight-spinner {
    0% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(225deg);
    }
}

@-webkit-keyframes spotlight-spinner-lead {
    0% {
        transform: rotate(45deg);
    }

    1% {
        opacity: 1;
    }

    99% {
        opacity: 1;
    }

    100% {
        transform: rotate(405deg);
    }
}

@keyframes spotlight-spinner-lead {
    0% {
        transform: rotate(45deg);
    }

    1% {
        opacity: 1;
    }

    99% {
        opacity: 1;
    }

    100% {
        transform: rotate(405deg);
    }
}

@-webkit-keyframes spotlight-spinner-color-after {
    0% {
        border-top-color: #333;
        border-right-color: #333;
    }

    99% {
        border-top-color: #333;
        border-right-color: #333;
    }

    100% {
        border-top-color: transparent;
        border-right-color: transparent;
    }
}

@keyframes spotlight-spinner-color-after {
    0% {
        border-top-color: #333;
        border-right-color: #333;
    }

    99% {
        border-top-color: #333;
        border-right-color: #333;
    }

    100% {
        border-top-color: transparent;
        border-right-color: transparent;
    }
}

@-webkit-keyframes spotlight-spinner-color-before {
    0% {
        border-bottom-color: #333;
        border-left-color: #333;
    }

    99% {
        border-bottom-color: #333;
        border-left-color: #333;
    }

    100% {
        border-bottom-color: #EE5577;
        border-left-color: #EE5577;
    }
}

@keyframes spotlight-spinner-color-before {
    0% {
        border-bottom-color: #333;
        border-left-color: #333;
    }

    99% {
        border-bottom-color: #333;
        border-left-color: #333;
    }

    100% {
        border-bottom-color: #EE5577;
        border-left-color: #EE5577;
    }
}

@-webkit-keyframes spotlight-background {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.45;
    }
}

@keyframes spotlight-background {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.45;
    }
}

.spotlight-overlay {
    position: absolute;
    display: flex;
    flex-flow: column nowrap;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.spotlight-tooltip {
    position: absolute;
    left: 50%;
    top: 75%;
    z-index: 9999;
    text-align: center;
    transform: translate(-50%, -50%);
}

.spotlight-overlay .spotlight-top {
    height: 32%;
    width: 100%;
    background: rgba(0,0,0,0.45);
    -webkit-animation: spotlight-background 240ms ease-in;
    animation: spotlight-background 240ms ease-in;
}

.spotlight-overlay .spotlight-middle {
    display: flex;
    flex-flow: row nowrap;
    flex: 0 0 auto;
}

    .spotlight-overlay .spotlight-middle .spotlight-left {
        background: rgba(0,0,0,0.45);
        -webkit-animation: spotlight-background 240ms ease-in;
        animation: spotlight-background 240ms ease-in;
        width: 30%;
    }

    .spotlight-overlay .spotlight-middle .spotlight-background {
        height: 150px;
        width: 160px;
        opacity: 0.45;
        background: radial-gradient(circle, transparent 68%, #000 70%);
        position: absolute;
        -webkit-animation: spotlight-background 240ms ease-in;
        animation: spotlight-background 240ms ease-in;
    }

    .spotlight-overlay .spotlight-middle .spotlight-highlight {
        height: 150px;
        width: 160px;
        background: transparent;
        flex: 0 0 auto;
        position: relative;
        -webkit-animation: spotlight-background 240ms ease-in;
        animation: spotlight-background 240ms ease-in;
    }

        .spotlight-overlay .spotlight-middle .spotlight-highlight::before, .spotlight-overlay .spotlight-middle .spotlight-highlight::after, .spotlight-overlay .spotlight-middle .spotlight-highlight .spotlight-lead::after {
            position: absolute;
            content: " ";
            width: calc(100% - 4px);
            height: calc(100% - 4px);
            border-radius: 100%;
        }

    .spotlight-overlay .spotlight-middle .spotlight-right {
        background: rgba(0,0,0,0.45);
        -webkit-animation: spotlight-background 240ms ease-in;
        animation: spotlight-background 240ms ease-in;
        flex: 1 0 auto;
    }

.spotlight-overlay .spotlight-bottom {
    width: 100%;
    background: rgba(0,0,0,0.45);
    -webkit-animation: spotlight-background 240ms ease-in;
    animation: spotlight-background 240ms ease-in;
    flex: 1 1 auto;
}

@-webkit-keyframes spotlight-tooltip {
    0% {
        opacity: 0;
    }

    60% {
        opacity: 0;
        top: 55px;
    }

    100% {
        opacity: 1;
        top: 65px;
    }
}

@keyframes spotlight-tooltip {
    0% {
        opacity: 0;
    }

    60% {
        opacity: 0;
        top: 55px;
    }

    100% {
        opacity: 1;
        top: 65px;
    }
}

.spotlight-overlay .spotlight-tooltip {
    position: absolute;
    min-width: 100px;
    background: #fff;
    top: 65px;
    left: 142px;
    border-radius: 4px;
    padding: 12px;
    -webkit-animation: spotlight-tooltip 240ms ease-out;
    animation: spotlight-tooltip 240ms ease-out;
}
    /*  .spotlight-overlay .spotlight-tooltip::before {
        position: absolute;
        content: " ";
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        background: #fff;
        margin-left: -14px;
        margin-top: -1px;
    }*/
    .spotlight-overlay .spotlight-tooltip footer {
        margin-top: 10px;
    }

        .spotlight-overlay .spotlight-tooltip footer .button {
            float: right;
            margin-right: 0;
        }
/*spotlight css ends*/
.skeleton-box {
    display: inline-block;
    height: 1em;
    position: relative;
    overflow: hidden;
    background-color: #dddbdd;
}

    .skeleton-box::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
        -webkit-animation: shimmer 4s infinite;
        animation: shimmer 4s infinite;
        content: "";
    }

@-webkit-keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

.blog-post__headline {
    font-size: 1.25em;
    font-weight: bold;
}

.blog-post__meta {
    font-size: 0.85em;
    color: #6b6b6b;
}
/*.o-media {
    display: flex;
}*/
.o-media__body {
    flex-grow: 1;
    margin-left: 1em;
}

.o-vertical-spacing > * + * {
    margin-top: 0.75em;
}

.o-vertical-spacing--l > * + * {
    margin-top: 0.75em;
}

.offerTag {
    display: inline-block;
    padding: 8px 6px;
    background-color: #eeebeb;
    border: 1.5px solid #ccc;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    text-align: center;
    margin: 5px 0px;
}

.offerUl {
    display: flex;
    gap: 20px;
}
.coupon_code:empty {
    opacity: 0;
    height: 36px;
}

@media (max-width: 768px) {
    .left-paddle, .right-paddle {
        display: none;
    }
    .offerTag {
        font-size: 10px;
    }
}
.Home .coupon_carousel .item img {
    height: 185px;
}
.dateBlk + .save-offer-blk {
    padding-left: 0;
}
    .dateBlk + .save-offer-blk button:first-child{
        margin-left:0;
    }
    .retailerSingleOfferPg .owl-item {
        padding: 0 6px;
    }
.promoPrice {
    font-size: 32px;
    color: #084354;
    font-weight: 600;
    display: flex;
    gap: 10px;
    align-items: baseline;
}
    .regularPrice {
    font-size: 16px;
    text-decoration: line-through;
    color: #AAAAAA;
}
.dateBlk + .view-more-div {
    margin-top: 12px;
}
.discountOff {
    color: #CC1E0D;
    font-size: 16px;
}
    .offerUl li a {
        border: 2px solid #009bce;
        min-width: 116px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        padding: 5px 0;
        color: #009bce;
        gap: 7px;
        font-size: 16px;
        transition: all .4s;
        font-weight: 700;
        font-family: 'Open Sans';
    }
        .offerUl li a:hover {
            background: #084354;
            border-color: #084354;
        }
        .offer-detailsPg .offer-Name img {
            height: 30px;
        }

#expiredoffers {
    display: flex;
    align-items: center;
}
.offer-Name {
    display: flex;
    gap: 10px;
    font-size: 18px;
    font-weight: 600;
    align-items: center;
}
.language-arabic-selected .dateBlk {
    text-align: right;
}
.offer-ProductName {
    font-size: 20px;
    font-weight: 700;
    color: #084354;
    margin: 18px 0 4px;
}
.offer-detailsPg {
    margin-top: 60px;
    margin-bottom:30px;
}
.offer-details-imgsec .prodImg {
    height: 324px;
    object-fit: contain;
}
.offer-details-imgsec {
    background: #fff;
    padding: 20px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
}
button.offer-save {
    background: #009bce;
    color: #fff;
    border: none;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition:all .4s;
}
    button.offer-save:hover {
        background: #084354;
    }
    .offer-detailsPg + .row {
        margin-bottom: 30px;
    }
.p-10 {
    padding: 0 10px;
}
.storesApp {
    margin-top: 30px;
    float: left;
    width: 100%;
    text-align: right;
}
.top-links .links span.expand.fa.fa-plus {
    display: none;
}
#mobile-menu.pixxett-header1 .top-links .links li:first-child ul li {
    padding: 4px;
}
.menuStore {
    display: flex;
}
    .menuStore li:first-child{
        padding-left:0 !important;
    }
    .dropMenu2 div#categorydropdown {
        height: 140px;
    }
.allRetailers.owl_1 .owl-nav .owl-prev span, .allRetailers.owl_1 .owl-nav .owl-next span {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}
.categorySecBrands#ar {
    direction: rtl;
}
.seo-Sec + .FAQ {
    padding-top: 0;
}
.couponMobMenu > .icon > a + ul {
    height: 180px !important;
    overflow-y: auto;
}
.bread-header h1.page-heading {
    margin: 0;
}
.coupon-offerPg:first-child .borderAll {
    margin-top: 0;
}
.offerTabs + div {
    margin-bottom: 18px;
}
.left-filter-submenu-coupon .side-nav-categories {
    margin-bottom: 0;
}
    .left-filter-submenu-coupon .side-nav-categories .searchField {
        padding: 0;
        margin-bottom: 12px;
    }
.left-filter-submenu-coupon .show-more {
    font-size: 12px;
    padding-left: 26px;
    margin-bottom: 12px;
}
.left-filter-submenu-coupon .side-nav-categories .block-title {
    border: none;
    padding: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
    color: #282C3F;
    font-family: 'Open Sans';
    text-transform: capitalize;
}
    .left-filter-submenu-coupon .side-nav-categories .block-title:after{
        display:none;
    }
    .left-filter-submenu-coupon .left-submenu-inner-parent {
        padding: 0;
    }
.scanner {
    height: auto;
    max-width: 96px;
    object-fit: contain;
    border-radius: 4px;
    margin: 0 auto;
}
.appSec > p span {
    margin-top: 6px;
    color: #ffffff;
}

.prodRghtSec {
    flex: 1;
}
.left-filter-submenu-coupon .side-nav-categories .box-category {
    max-height: unset;
    padding: 0;
}
.left-filter-submenu-coupon .searchField input[type=search] {
    background-color: transparent;
    border: 1px solid #C3C2C9;
    border-radius: 4px;
}
.appSec > p {
    font-size: 11px !important;
    display: flex;
    flex-direction: column;
    line-height: normal;
    width:156px;
}
.offerDtlSec .verifiedSec ul {
    justify-content: space-between;
    width: 100%;
}
.categorySec #ar .owl-item {
    padding: 6px 4px;
}
.sticky .header-top {
    display: none;
}
img.featuredImg-left.leftHeight {
    height: 100px;
}

img.featuredImg-left {
    height: 84px;
}
.language-arabic-selected .discoverBanner-Mobile {
    padding-right: unset;
    padding-left:36px;
}
/*.discoverBanner-Mobile {
    padding-right: 36px;
    padding-left: 0;
}*/
.language-arabic-selected .border-left-bottom {
    border-right: 1px solid #E9E9ED;
    border-bottom: 1px solid #E9E9ED;
    border-left: none;
}
.language-arabic-selected .bannerTxtSec {
    /*background-image: url('../images/black-friday-arabic.png');*/
    /*background-image: url('../images/RamadanBanner_Arabic.png');*/
    background-image: url('../images/Eid-webanner.png');
    padding: 37px 0;
}
/*.language-arabic-selected .discoverBanner {
    padding-left: unset;
    padding-right:60px;
}*/
    .language-arabic-selected .bannerTxtSec{
        /* background-image: url('../images/RamadanBanner_Arabic.png'); */
           flex-direction: row-reverse;
    }
        .language-arabic-selected .bannerTxtSec .appSec {
            flex-direction: row;
            padding-right: 26px;
        }
        /* .language-arabic-selected .bannerTxtSec .appSec {
            padding-right: 8%;
        }*/
        .discoverBanner {
            /* padding-left: 60px; */
            text-align: center;
        }
.language-arabic-selected .featuredTag {
    position: absolute;
    left: unset;
    top: 0;
    right: 0;
}
    .language-arabic-selected .featuredTag img{
        transform:rotate(180deg);
    }
    .language-arabic-selected .featuredTag p {
        left: unset;
        right: 10px;
    }
    .coupon_carousel .item a, .coupon_carousel .owl-item {
        height: 185px;
        display: inline-block;
    }
.offerDtlSec .verifiedSec, .offerDtlSec .offer_name_new {
    padding: 0;
}
.sortBtns.noSort p {
    border: none !important;
}
.trend-logo-section:hover .whishlist-hearted svg {
    fill: #ccc;
}
.show-more {
    font-size: 12px;
    padding-left: 26px;
}
.sticky1 .alphaFilter {
    position: fixed;
    top: 150px;
}
.left-filter-submenu-coupon {
    height: calc(100vh - 21vw);
    overflow-y: auto;
    margin-top: 64px;
    position: static;
}
.allStores {
    margin-top: 16px;
}
.allStoresLeftside {
    margin-top: 48px;
}
.border-right-bottom {
    border-right: 1px solid #E9E9ED;
    border-bottom: 1px solid #E9E9ED;
}
.language-arabic-selected .alphaFilter {
    left: 7px;
}
li.nav-close.MobMenuHdr {
    background: linear-gradient(98deg, rgba(1,155,205,1) 33%, rgba(110,184,68,1) 78%);
    display: flex;
    justify-content: space-between;
    padding: 16px 14px;
    margin: 0;
}
.couponMobMenu li {
    padding: 0 16px;
    font-size: 16px;
    position: relative;
}
.sidebar.left-filter-submenu-coupon.sticky1, .addSec.sticky1 {
    position: sticky;
    top: 100px;
    z-index: 99;
}
.sidebar.left-filter-submenu-coupon.sticky1 {
    height: calc(100vh - 12vw);
}
.tab-content .row{
    margin:0 -6px;
}
.saveOffer {
    color: #009BCF;
    font-weight: 600;
    font-family: 'Open Sans';
}
.offerBanner {
    margin-bottom: 24px;
}
#btnloadmore:focus {
    color: #fff;
}

/*.language-arabic-selected .owl-theme#ar .owl-nav button.disabled {
    cursor: default;
    background-color: transparent;
}*/
.language-arabic-selected .offerImage {
    margin-right: unset;
    margin-left: 24px;
}
.language-arabic-selected .close-srch {
    right: unset;
    left: 22px;
}
.seo-Sec p, .seo-Sec li {   
    color: #878B94;
    list-style: decimal;
    font-size: 14px;
    font-family: 'Open Sans';
    margin: 0 0 10px;
}
.seo-Sec li {
    list-style-type: disc !important;
}
.seo-Sec ol, .seo-Sec ul {
    padding-left: 24px;
    padding-right: 24px;
}
    .seo-Sec h2 {
        color: #696D76;
        font-weight: 600;
        font-size: 16px;
        font-family: 'Open Sans';
        margin-top: 15px;
    }
.seo-Sec {
    color: #878B94;
    list-style: decimal;
    font-size: 14px;
    font-family: 'Open Sans';
    margin: 0 0 10px;
}
    .seo-Sec a {
        color: #009bce;
        text-decoration: underline;
    }
    /*  CSS for FAQ section in Offer.cshtml and RetailerOffers.cshtml file  */
    /*.faq-section {
    margin-top: 30px;
    font-family: 'Open Sans';
}
    .faq-section h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

.faq-item {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 15px;
}
.faq-question {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
}
.faq-answer {
    display: none;
    margin-top: 10px;
    font-size: 14px;
}
.faq-icon {
    font-size: 24px;
    font-weight: bold;
    margin-left: 10px;
}*/
    /* --------------------------------------- */
    .coupon_carousel .owl-dot {
    width: 20px;
    height: 6px;
    border: 1px solid #009BCF !important;
    background-color: #fff !important;
    border-radius: 10px;
}
.coupon_carousel .owl-dots {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 4px;
    margin: 32px 0 0;
}
.coupon_carousel .owl-dot.active {
    background-color: #009BCF !important;
}
.coupon_carousel .owl-nav {
    text-align: center;
    position: absolute;
    top: 36%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}
    .coupon_carousel .owl-nav button {
        background: rgba(255,255,255,0.7) !important;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        left: 12px;
        position: absolute;
    }
    .coupon_carousel .owl-nav span {
        position: relative;
        top: -3px;
    }
        .coupon_carousel .owl-nav button.owl-next {
            right: 12px;
            left:unset;
        }
.language-arabic-selected .coupon_carousel .owl-nav button.owl-next {
    right: unset;
    left: 12px;
}
.language-arabic-selected .coupon_carousel .owl-nav button.owl-prev {
    right: 12px;
}
        .coupon_carousel .owl-nav button span {
            color: #009BCF;
            margin: 0 5px;
        }
    .popup .icon-border {
        width: 70px;
        height: 70px;
        display: flex;
        border: 1px solid #E9E9ED;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 20px;
        color: #282C3F;
        transition: all .4s;
        margin: 0 0 5px;
    }
.popup .icons a:hover .icon-border {
    border-color: #009BCF;
    color: #009BCF;
}
.popup .icons a:hover .iconTxt {
    color: #009BCF;
}
.icons li {
    text-align: center;
}
.popup .icons {
    display: flex;
    gap: 10px;
    margin-top: 32px;
}
    .popup .icons + p {
        text-align: center;
        margin-bottom: 11px;
    }

.icons p {
    color: #282C3F;
    font-size: 12px;
}
.popup .close{
    opacity:1;
}
.copy-text {
    position: relative;
    padding: 0 11px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .copy-text input.text {
        /*     padding: 10px;*/
        font-size: 16px;
        color: #E9E9ED;
        border: none;
        outline: none;
    }

    .copy-text button {
        /* padding: 10px; */
        /* background: #5784f5; */
        color: #009BCF;
        font-size: 18px;
        border: none;
        outline: none;
        /* border-radius: 10px; */
        cursor: pointer;
        margin: 0 !important;
    }

        .copy-text button:before {
            content: "Copied";
            position: absolute;
            top: -38px;
            right: 0px;
            padding: 2px 9px;
            border-radius: 20px;
            font-size: 14px;
            display: none;
            color: #009BCF;
         /*   border: 1px solid #009BCF;*/
        }
     /*   .copy-text button:after {
            content: "";
            position: absolute;
            top: -20px;
            right: 25px;
            width: 10px;
            height: 10px;
            background: #009BCF;
            transform: rotate(45deg);
            display: none;
        }*/

    .copy-text.active button:before,
    .copy-text.active button:after {
        display: block;
    }

/*button {
    outline: none;
    cursor: pointer;
    font-weight: 500;
    border-radius: 4px;
    border: 2px solid transparent;
    transition: background 0.1s linear, border-color 0.1s linear, color 0.1s linear;
}
*/
.popInner {
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border-radius: 16px;
}
.popup {
    background: rgba(0,0,0,0.5);
    padding: 25px;
    border-radius: 15px;
    top: 10%;
    display: none;
    pointer-events: none;
    box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #282C3F;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 16px;
}

    .popup.show {
     display:block;
        pointer-events: auto;
      /*  transform: translate(-50%, -50%) scale(1);
        transition: top 0s 0s ease-in-out, opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;*/
    }

/*.left-filter-submenu.sticky1 {
    position: sticky;
    top: 150px;
    width: 305px;
}*/

#myCarousel .item {
    overflow: hidden;
    border-radius: 10px;
}
   
.categorySecowl-Brands {
    margin-bottom: 24px;
}
.ContactList {
    height: 300px;
    overflow: auto;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    flex-direction: column;
    white-space: nowrap;
}
.dropMenu_AllCatg + .hoverCard {
    background: #f6f6f6;
}
nav.AlphabetNav {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    font-weight: 600;
}
    nav.AlphabetNav a.active {
        color: #D10000;
    }

.alphaFilter {
    background: #fff;
    padding: 16px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    border-radius: 4px;
    width: 980px;
    z-index: 99;
    position: absolute;
    top: 48px;
}
/*.ContactList {
    column-count: 5;
}*/
.alphaHdr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
h5.Contact-name {
    margin: 0;
    font-size: 14px;
    color: #D10000;
}
.offerDetail-page {
    padding-top: 10px;
}
.offerTabs {
    margin-top: 30px;
    margin-bottom: 30px;
}
    .offerTabs .tab-content {
        padding: 10px;
        margin-top: 0;
    }
    .offerTabs li a {
        font-size: 16px;
        font-weight: 600;
        padding: 12px 24px;
        color: #222;
        font-family: 'Open Sans';
    }
.offerTabs li.active a {
    color: #009BCF;
}
    .offerTabs ul > li.active a, .offerTabs ul > li a:hover {
        background: #f3f3f3;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
    }
    .offerTabs ul {
        background: #fff;
        border: none;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        padding: 2px 0 0 2px;
    }
.offerImg {
    height: 252px !important;
}
.offerDtlSec {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0 0 43px;
}

.offerImage {
    border-radius: 7px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
}
.filterBy {
    margin-bottom: 20px;
}

    .filterBy input[type="text"] {
        border: 0;
        border-bottom: 1px solid #E9E9ED;
        width: 100%;
        padding: 10px 10px 0;
    }
.filterBy li:last-child {
    color: #D10000;
    text-transform: uppercase;
}
.filterBy ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    font-family: 'Open Sans';
}
.label-name {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Open Sans';
    color: #282C3F;
    line-height:normal;
    font-weight: 500;
}

    /* Hide the browser's default checkbox */
    .label-name input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
    .label-name .checkmark {
        position: absolute;
        top: 2px;
        left: 0;
        height: 16px;
        width: 16px;
        background-color: transparent;
        border: 1px solid #C3C2C9;
        border-radius: 2px;
    }

/* On mouse-over, add a grey background color */
.label-name:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
    .label-name input:checked ~ .checkmark {
        background-color: #009BCF;
        border-color: #009BCF;
    }

/* Create the checkmark/indicator (hidden when not checked) */
.label-name .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.label-name input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
    .label-name .checkmark:after {
        left: 5px;
        top: 1px;
        width: 4px;
        height: 9px;
        border: solid white;
        border-width: 0 1px 1px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
/*coupon page css*/

.m-0{
    margin:0;
}
.justify-content-between {
    justify-content: space-between;
}
.text-center{
    text-align:center;
}
.bg-fff{
    background:#fff !important;
}
.hoverCard .alphabeticalList {
    column-count: 6;
    counter-reset: alphabeticList;
    width: 100%;
    min-width: 100%;
    max-width: unset;
    margin: 0;
}
.hoverCard.AlphaList {
    padding: 18px;
    height: 340px;
    overflow:hidden;
}
.AlphaListInner > .closeNav {
    right: 32px;
}
.AlphaListInner {
    height: 320px;
    overflow-y: auto;
    /* position: relative; */
}
.alphabeticalList label {
    color: #D10000;
    font-weight: 600;
}

.borderAll {
    border: 1px solid #E9E9ED;
    border-radius: 12px;
   /* padding:24px;*/
    margin-top: 24px;
}
.verifiedSec, .dtlsSec, .verifiedSec + div {
    padding: 0 24px;
}
    .verifiedSec{
        margin-top:24px;
    }
.dtlsSec {
    background: #efefef;
    padding: 12px 24px;
}
    .verifiedSec ul {
        display: flex;
        align-items: center;
        gap: 24px;
        color: #878B94;
        margin: 0;
        font-size: 12px;
        font-family: 'Open Sans';
    }
.verifiedSec li {
    display: flex;
    gap: 8px;
}
.offer_name_new h4 {
    font-size: 21px;
    color: #282C3F;
    font-weight: 700;
    line-height: normal;
    font-family: 'Open Sans';
}
.offer_name_new h2 {
    font-size: 21px;
    color: #282C3F;
    font-weight: 700;
    line-height: normal;
    font-family: 'Open Sans';
    margin-bottom: 1.36842105263158em;
}

.retailer_name_new h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    font-family: 'Open Sans';
    color: #282C3F;
}
.retailer_name_new h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    font-family: 'Open Sans';
    color: #282C3F;
    margin-bottom: 1.04em;
}
.reedemBtn {
    background: #009BCF;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 12px;
    font-family: 'Open Sans';
    border-radius: 4px;
}
    .reedemBtn:hover {
        background: #70B942;
        color: #fff;
    }
    .validtill span {
        color: #282C3F;
        font-weight: 600;
    }
.codeSec {
    display: flex;
    align-items: center;
}
.codeSec ul {
    display: flex;
    align-items: center;
    border: 1px solid #70B942;
    border-radius: 4px;
}
    .codeSec li:last-child {
        background: #70B942;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
    }
    .codeSec li {
        display: flex;
        padding: 8px 18px;
        font-family: 'Open Sans';
        gap: 4px;
        align-items: center;
    }
        .codeSec li:first-child {
            font-size: 20px;
            color: #282C3F;
            font-family: 'Open Sans';
            font-weight: 700;
        }
  
.dtlsSec {
    margin: 20px 0 0;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans';
}

    .dtlsSec a, .share-icon {
        display: inline-flex;
        gap: 4px;
        align-items: center;
        color: #009BCF;
        line-height: normal;
    }
.offerRedeem .reedemBtn {
    min-width: 222px;
   /* margin-right: 16px;*/
}
.offerRedeem {
    margin-top: 12px;
    gap: 12px;
}

    .verifiedSec {
        display: flex;
        align-items: center;
        margin-bottom: 14px;
        justify-content: space-between;
    }
.offerImage img {
    height: 140px;
    border: 1px solid #E9E9ED;
    border-radius: 6px;
    width: auto;
    max-width: unset;
}
.offerImage {
    margin-right: 24px;
}
.reedemSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.categorySecowl button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.categorySecowl button.owl-next {
    position: absolute;
    top: 50%;
    right: -24px;
    transform: translateY(-50%)
}
.eid_OffersInner h2 {
    font-size: 44px;
    color: #fff;
    margin-bottom: 20px;
}
.eid_offerTxt {
    padding: 22px 0;
}
.eid_Offers {
    padding: 50px 0 !important;
    display: block;
}
.borderBoxBtn:hover {
    background: #6EB844;
    border-color: #6EB844;
    color: #fff;
}
.borderBoxBtn {
    border: 1px solid #fff;
    color: #fff;
    text-transform: capitalize;
    transition:all .4s;
    padding: 5px 22px;
    display: inline-block;
    border-radius: 4px;
}
.categorySecowl .owl-item a {
    /*border: 1px solid red;
    background: transparent !important;
    color: red !important;*/
    padding: 6px 7px;
    border-radius: 16px;
    border: 1px solid transparent;
}
.categorySec .owl-item a {
    padding: 6px 7px;
    border-radius: 16px;
    border: 1px solid transparent;
}
.language-arabic-selected .tab-content .col-sm-2 {
    float: right;
}
#categoryTabs a.active {
    border: 1px solid #D10000;
    color: #D10000;
}
#retailerTabs a.active {
    border: 1px solid #D10000;
    color: #D10000;
}
/*.categorySecowl .owl-item:first-child li a {
    border: 1px solid #D10000;
    background: transparent !important;
    color: #D10000 !important;
}*/
.txt-sec {
    padding: 0 16px;
}
.categorySec .owl_1 button.owl-next {
    right: -16px;
}
.categorySecowl{
    padding: 0 ;
}
.categorySec button.owl-prev {
    left: -16px;
}
.categorySec .owl-carousel.owl-theme .owl-nav button.disabled {
    opacity: 0.4;
    pointer-events: none;
}
.categorySec .owl-carousel.owl-theme .owl-nav button {
    background-color: transparent;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}
.categorySec .owl-carousel.owl-theme .owl-nav .owl-next {
    background-image: url('https://cdn.clicflyer.com/websiteimages/NewHome/images/nav-arr.png');
    background-color: transparent !important;
}
.categorySec .owl-carousel.owl-theme .owl-nav .owl-prev {
    background-image: url('https://cdn.clicflyer.com/websiteimages/NewHome/images/nav-arr-left.png');
    background-color: transparent !important;
}
.categorySec .owl-carousel.owl-theme .owl-nav button span {
    display: none !important;
}
.BrandsSecInner {
    padding: 10px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border: 1px solid #DFDFDF;
    border-radius: 8px;
    background: #fff;
    position: relative;
    margin-bottom: 15px;
}
.brandLogoSec {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .brandLogoSec img {
        height: 100px;
        width: 100%;
        object-fit: contain;
    }
.offerUses {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.offerUses p:first-child {
    background: #009BCF;
    display: inline-flex;
    padding: 2px 5px;
    border-radius: 6px;
    color: #fff;
    font-family: 'Open Sans';
    margin: 0;
}
    .offerUses p {
        font-size: 10px;
        color: #878B94;
        font-family: 'Open Sans';
        font-weight: 700;
    }
.retailer-view .offerUses p {
    font-size: 8px;
}
        .offerUses p span {
            color: #282C3F;
        }
.BrandsSec .whishlist-hearted svg {
    fill: none;
}
.BrandsSec .active-wishlist, .BrandsSec .whishlist-hearted:hover svg {
    fill: #009BCF;
    stroke: #009BCF;
}
.BrandsSec .whishlist-hearted {
    top: 9px;
    right: 24px;
}
.BrandsSec {
    margin-top: 40px;
    margin-bottom: 50px;
}
.offerName h4 {
    font-size: 18px;
    color: #282C3F;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    margin: 8px 0 8px;
    font-family: 'Open Sans';
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}
.coupon_code {
    border: 1px dashed #ccc;
    border-radius: 4px;
    text-align: center;
    max-width: 85%;
    margin: 0 auto;
    padding: 8px 0;
    color: #282C3F;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Open Sans';
    min-height: 38px;
}
.offer_desc h4 {
    font-size: 12px;
    text-align: center;
    line-height: normal;
    color: #878B94;
    font-family: 'Open Sans';
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 8px 0 20px;
    display: inline-block;
    width: 100%;
    min-height: 34px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.offer_desc {
    display: flex;
}
.categorySec {
    background: #F6F6F6;
    padding: 40px 0 16px !important;
}
    .categorySec .fiveColInner {
        margin-bottom: 24px;
        overflow: hidden;
        box-shadow: none;
    }
    .categorySec .owl-item {
        font-size: 14px;
        font-weight: 700;
        border: 1px solid transparent;
        padding: 6px 12px;
        border-radius: 20px;
        font-family: 'Open Sans';
        background: transparent;
      /*  margin-right: 16px;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }
.categorySec .hvr-float {
    padding-left: 12px;
    padding-right: 12px;
}
   /* .categorySec .active a {
        background: transparent !important;
        border-color: #D10000;
        color: #D10000;
    }*/
.logo-sec img {
    width: 100%;
}
.logo-sec {
    height: 123px;
}
.accordion {
    margin: 0 auto;
}

.accordion-header,
.accordion-body {
    background: white;
}
.accordion-header {
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.FAQ .accordion__item {
    padding: 18px;
    background: #fff;
    cursor: pointer;
    letter-spacing: .1em;
    text-transform: uppercase;
    border: 1px solid #E9E9ED;
    border-radius: 7px;
}


    .accordion-header:hover {
        border-color: #019BCD;
        position: relative;
        z-index: 5;
    }

.accordion__item {
    margin-bottom: 24px;
}

.accordion-header p {
    margin:0;
    color: #282C3F;
    font-family: 'Open Sans';
    font-weight: 600;
    width:90%;
    font-size: 16px;
    text-transform: none;
}

.accordion-header .plusFa {
    color: #282C3F;
    width: 20px;
    height: 20px;
    border: 2px solid #282C3F;
    display: flex;
    border-radius: 50%;
    position:relative;
    font-size: 12px;
    font-weight: 700;
}
.accordion-header .plusFa .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-42%, -50%);
}
.accordion-body {
    background: #fcfcfc;
    display: none;
}

.accordion-body__contents {
    padding: 16px;
    font-size: 14px;
    color: #878B94;
    font-family: 'Open Sans';
    font-weight: 400;
    padding: 20px 0 0;
    text-transform: none;
    line-height: normal;
}



@media screen and (max-width: 767px) {
   
   
    #shopNow {
        font-size: 10px;
    }
    #expiredoffers {
        flex-direction: column;
    }

        #expiredoffers h1 {
            font-size: 28px !important;
            line-height: normal;
        }

        #expiredoffers .col-md-6 {
            padding: 0 28px;
            width: 100%;
        }
    .spotlight-tooltip {
        width: 100%;
    }

    .spotlight-overlay .spotlight-middle .spotlight-left {
        width: 15%;
    }

    .spotlight-overlay .spotlight-top {
        height: 150px;
    }
    .sidebar + #goToTopOffer .bread-header {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .Coupon_Hdrnavigation .mm-toggle {
        color: #fff;
    }
    .codeSec li:last-child {
        font-size: 11px;
    }
    .coupon-redeem-btn, .coupon-save-btn {
        width: unset;
        height: 34px;
        min-width: 100px;
    }
    .verifiedSec {
        margin-top: 14px;
    }
    .col-one-container, .col-two-container {
        width: 100%;
    }
} 
.FAQ #accordion {
    margin: 28px 0 0;
}
section.banner-store {
    background: #fff;
    padding: 40px 0 !important;
}

.bannerTxtSec {
    /* background-image: url('../images/bannerstore.png'); */
    /*background-image: url('../images/black-friday.png');*/
    /*background-image: url('../images/RamadanBanner_Arabic.png');*/
    background-image: url('../images/Eid-webanner.png');
    background-repeat: no-repeat;
    /*  height: 207px;*/
    display: flex;
    align-items: center;
    background-size: 100%;
    padding: 38px 0;
    justify-content: flex-end;
}
.appSec img {
    width: 130px;
}
    .bannerTxtSec h2 {
        font-size: 24px;
        color: #000;
        margin-bottom: 12px;
        font-family: "Playfair Display", sans-serif;
        font-weight: 900;
        font-style: normal;
    }
    .bannerTxtSec p {
        font-size: 22px;
        color: #000;
        font-weight: 750;
        margin-bottom: 0;
        text-align: center;
    }

.CTAbannerTxt h2 {
    font-size: 52px;
    color: #2a3269;
    margin-bottom: 0;
    font-family: "Playfair Display", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: normal;
}

.CTAbannerTxt p {
    font-size: 32px;
    color: #2a3269;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}
.bannerTxtSec .appSec {
    display: flex;
    align-items: center;
    gap: 15px;
}
.couponGuideImgSec {
    margin-bottom: 30px;
}
.couponGuide {
    padding-bottom: 0;
    padding-top:30px;
}
.coupons-page .FAQ {
    margin-top: 60px;
    padding: 0;
    margin-bottom: 70px;
}
.couponGuideTxtSec p {
    padding: 10px;
    font-size: 14px;
    color: #878B94;
    line-height: 22px;
}
.couponGuideTxtSec h3 {
    padding: 10px;
    font-size: 18px;
    color: #282C3F;
    margin: 0 0 12px;
    font-weight: 700;
    line-height: normal;
    min-height: 42px;
}
.couponGuideInner {
    border: 1px solid #DFDFDF;
    /*padding: 20px;*/
    border-radius: 8px;
    min-height: 700px;
}
.content {
    position: relative;
    overflow: hidden;
}

    .content .content-overlay {
        background: rgba(0, 0, 0, 0.7);
        position: absolute;
        height: 99%;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

    .content:hover .content-overlay {
        opacity: 1;
    }

.content-image {
    width: 100%;
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.featuredTag {
    position: absolute;
    left: 0;
    top: 0;
}
    .featuredTag p {
        color: #fff;
        position: absolute;
        left: 10px;
        top: 4px;
        font-weight: 600;
        font-size: 14px;
        font-family: 'Open Sans';
    }
.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.most_popularStores .content-title {
    font-weight: 600;
    font-size: 12px;
}

.most_popularStores .featuredImg {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
}

.most_popularStores .content .content-overlay {
    border-radius: 0;
}

.most_popularStores .content-text {
    font-weight: 400;
    font-size: 11px;
}
.fadeIn-bottom {
    top: 80%;
}
@media only screen and (min-width: 768px) {
    #retailerSecMobile {
        display: none;
    }
    .couponMobMenu {
        display: none;
    }
}

/*new mobile nav*/
@media (max-width: 991px) {
    .navbar-toggler {
        display: block;
    }

    .couponMobMenu {
        background: #ffffff;
        flex-direction: column;
        z-index: 99999;
        opacity: 0;
        transition: 400ms ease;
        position: fixed;
        left: -100%;
        top: 0;
        /* width: 100%; */
        height: 100vh;
        overflow-y: auto;
        transform: translateX(-100%);
        padding: 0;
        right: 0;
    }

        .couponMobMenu .nav-link {
            margin: 10px 0;
            position: relative;
            color: #000;
            display: flex;
            align-items: center;
            font-weight: 700;
            font-family: 'Open Sans';
            font-size: 14px;
        }

        .couponMobMenu > .nav-item:first-child {
            margin-top: 20px;
        }

        .couponMobMenu > .nav-item:last-child {
            margin-bottom: 20px;
        }
        .couponMobMenu .nav-item {
            position: relative;
            width: 100%;
        }

            .couponMobMenu .nav-item:not(:last-child) {
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                width: 100%;
            }

         
        .couponMobMenu > .nav-item:after {
            display: none;
        }

        .couponMobMenu .nav-close {
            display: block;
        }

        .couponMobMenu.active {
            max-height: initial;
            opacity: 1;
            transform: translateX(0);
            left: 0;
            box-shadow: 0px 0px 0 10000px rgba(0, 0, 0, 0.5);
        }

  

        .nav-item .dropdown .dropdown {
            border: none;
        }
/*
        .nav-item .dropdown:before {
            display: none;
        }

    .nav-item:hover > .dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        max-height: initial;
    }*/

    .nav-item.icon a:before {
        top: unset;
        right: 0;
        transform: translateY(0px);
    }


    /* Dropdown CSS */
    .nav-item .dropdown {
        width: 100%;
        display: block;
        position: relative;
        transition: 300ms;
        display: none;
        border-top: 1px solid rgba(0, 0, 0, 0.15);
        background: #fff;
        z-index: 999;
    }

        .nav-item .dropdown .nav-link {
            color: #636363;
        }

        .nav-item .dropdown .dropdown {
            top: 0;
           /* left: calc(100% + 20px);*/
            border-top: 0;
           /* border-left: 1px solid rgba(0, 0, 0, 0.15);*/
        }

            .nav-item .dropdown .dropdown:before {
                top: 10px;
                left: -10px;
                border: 5px solid transparent;
                border-right-color: #000;
            }

        .nav-item .dropdown:before {
            content: "";
            position: absolute;
            top: -10px;
            left: 10px;
            border: 5px solid transparent;
            border-bottom-color: #000;
            display: none;
        }

        .nav-item .dropdown .nav-item:not(:last-child) {
            margin-bottom: 5px;
        }

    
    .nav-close {
        margin-left: auto;
        margin-top: 10px;
        display: none;
    }

        .nav-close .btn-nav-close {
            border: 0;
            outline: 0;
            background: transparent;
            font-size: 3rem;
            cursor: pointer;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: flex;
            color:#fff;
            align-items: center;
            justify-content: center;
        }

            .nav-close .btn-nav-close .close-btn {
                transform: rotate(45deg);
            }

    .nav-item.icon > a:before {
        content: "";
        position: absolute;
        right: 12px;
        top: 0;
        height: 3vw;
        width: 3vw;
        border-style: solid;
        border-color: #000;
        border-width: 0px 1px 1px 0px;
        transform: rotate(45deg);
        transition: border-width 150ms ease-in-out;
    }
    .nav-item.icon > a.toggled:before {
        transform: rotate(224deg);
    }
    ul.dropdown.toggled {
        display: block;
    }
    .couponMobMenu .imagesLi .nav-item {
        width: 30%;
        float: left;
        padding: 0 0;
        margin: 0 4px 8px !important;
        border: 1px solid rgba(0, 0, 0, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
    }
        .couponMobMenu .imagesLi .nav-item .nav-link {
            margin: 0;
        }
/*    .nav-item.icon:hover > a::before {
        transform: rotate(224deg);
        top:5px;
    }*/
    .couponMobMenu .dropdown li {
        padding-right: 0;
    }

}

/*new mobile nav ends*/

@media only screen and (max-width: 767px) {
    #CTABanner .discoverBanner {
        padding-right: 16px;
    }
    .language-arabic-selected .CTAbannerTxt h2 {
        top: -6px;
        position: relative;
    }
    .CTAbannerTxt h2 {
        font-size: 24px;
        line-height: normal;
    }
    .CTAbannerTxt p {
        font-size: 16px;
        margin-top:0;
    }
    #shopNowCTA {
        padding: 4px 9px;
        font-size: 12px;
        margin: 2px 0 0;
    }
    .mobile .CTAbannerTxt {
        justify-content: center;
        margin:0;
    }
    #CTABanner {
        margin: 30px 0;
    }
    .offerDtlSec .verifiedSec ul {
        flex-direction: row;
    }
        .offerDtlSec .verifiedSec ul li {
            width: auto;
        }
    .featuredTag img {
        height: 30px !important;
    }
    .coupon_carousel .owl-dots {
        margin: 0 0 0;
        position: absolute;
        bottom: 24px;
        left: 50%;
        transform: translateX(-50%);
    }
    .verifiedSec + div {
        display: flex;
        flex-direction: column;
    }
    .offerImg {
        height: unset !important;
    }
    .offerDtlSec .reedemSec {
        flex-direction: row;
        width: 76%;
    }
    .offerRedeem {
        width: 76%;
    }
    .offerDtlSec .offerImage {
        width: 100%;
        margin-right: 0;
    }
    .sortBtns.noSort {
        display: flex;
        justify-content: center;
    }
    .language-arabic-selected .nav-item.icon > a:before {
        right: unset;
        left: 12px;
    }
    #retailerSecDesktop {
        display: none;
    }
    .featuredTag {
        height: unset !important;
    }
}
.most_popularStoresInner {
    background: #fff;
    margin: 20px 0 0;
    border: 1px solid #E9E9ED;
    box-shadow: 0px 0px 5px #E9E9ED;
    display: flex;
}
.border-left-bottom {
    border-left: 1px solid #E9E9ED;
    border-bottom: 1px solid #E9E9ED;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .border-left-bottom img {
        height: 70px;
        width: auto;
        object-fit: contain;
    }
    .border-left-bottom {
        border-left: 1px solid #E9E9ED;
        border-bottom: 1px solid #E9E9ED;
    }
.section-hdng {
    font-size: 24px;
    color: #212121;
    font-weight: 700;
}
.most_popularStores {
    /*margin-top: 32px;*/
    padding: 20px 0;
    background: #f6f6f6;
}
.view-store {
    background: #009BCF;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display:inline-block;
    min-width: 170px;
    text-align: center;
    padding: 10px 10px;
    border-radius: 4px;
    transition: all .4s;
}
    .view-store:hover {
        background: #6fb943;
        color:#fff;
    }
    .coupon_carousel .carousel-control {
        background-color: #fff;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: none;
        top: 50%;
        left: 16px;
        transform: translateY(-50%);
    }
    .coupon_carousel .carousel-control.right {
        right: 16px;
        left:unset;
    }
.coupon_carousel .carousel-indicators li {
    width: 20px;
    height: 6px;
}

.coupon_carousel .carousel-indicators {
    bottom: 16px;
    margin-bottom: 0;
}
.coupon_carousel .carousel-indicators li {
    border: 1px solid #009BCF;
    background-color: #fff;
}
.coupon_carousel .carousel-indicators .active {
    background-color: #009BCF;
}
.coupon_carousel {
    margin: 0px 0;
    padding: 24px 0;
    height: 236px;
}
.align-items-center{
    align-items:center;
}
.categoryNav {
    background: #f8f8f8;
    position: relative;
    border-bottom: 1px solid #CECECE;
}
.cata-sub-nav ul {
    /*overflow-x: auto;
    overflow-y: hidden;*/
    white-space: nowrap;
    margin: 0 8px;
}
.cata-sub-nav a {
    display: inline-block;
    font-size: 14px;
    color: #084354;
    font-weight: 500 !important;
    text-transform: uppercase;
    margin: 0 1%;
}
.cata-sub-nav a:hover{
    cursor: pointer;
    color: #009BCE;
}
.allCatg .fa {
    font-size: 22px;
}
.allCatg {
    font-size: 14px;
    color: #084354;
    text-transform: uppercase;
    border-right: 1px solid #CECECE;
    display: flex;
    align-items: center;
    padding: 12px 22px 12px 15px;
    justify-content: space-between;
}
.dropMenu .hoverCard, .dropMenu_AllCatg hoverCard {
    left: 0;
    right: 0;
    padding-left: 16px;
    background: #f6f6f6;
    padding-bottom: 40px;
    box-shadow: 0px 6px 5px rgba(0,0,0,0.2);
    top: 101%;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.cardLogoSec {
    background: #fff;
    border: 0.86px solid #D8D8D8;
    border-radius: 5px;
    height: 72px;
    padding: 6px;
    display: flex;
    align-items: center;
    transition: all .4s;
    justify-content: center;
    margin-bottom: 11px;
}
.cardLogoSec img {
    height: 70px;
    width: 100%;
    object-fit: contain;
}
.cardLogoSec:hover {
    border-color: #009BCF;
    box-shadow: 0 3px 8px rgba(97, 97, 97, 0.2);
    transform: scale(1.02);
}

.dropMenu_AllCatg:hover {
    color: #009BCE;
    cursor: pointer;
}
.px-6 {
    padding-left: 6px;
    padding-right: 6px;
}
.arrow {
    cursor: pointer;
}
    .cata-sub-nav ul::-webkit-scrollbar {
        display: none;
    }
.cata-sub-nav {
    display: flex;
    align-items: center;
    position:static;
}
.categoryNav > .container {
    position: static;
}
.dropMenu_AllCatg {
    position: static;
}
.cata-sub-nav li {
    display: inline-table;
    margin: 0 30px 0 0;
    font-size: 16px;
}
.arrow{
    cursor:pointer;
}
.arrow img {
    height: 18px;
    max-width: unset;
    width: 18px;
}
.nav-prev img {
    transform: rotate(180deg);
}
.eid_OffersInner {
    background-image: url('../images/EidBanner.png');
    background-repeat: no-repeat;
    font-family: "Reem Kufi", sans-serif;
    font-style: normal;
    background-size: 100%;
}

.home-index .Coupon_Hdrnavigation#myHeader {
    background: rgb(1,155,205);
    background: linear-gradient(98deg, rgba(1,155,205,1) 33%, rgba(110,184,68,1) 78%);
}
/*.Coupon_Hdrnavigation #nav li a {
    color: #fff;
}*/
.Coupon_Hdrnavigation .custom-search-field form {
    border: none;
    background: #fff;
    min-width: 475px;
}
.Coupon_Hdrnavigation .custom-search-field {
    margin-left: 100px;
}
.Coupon_Hdrnavigation .hotOffer {
    color: #e3d10d !important;
}
.Coupon_Hdrnavigation a.hotOffer:hover span {
    color: #e3d10d !important;
}
.Coupon_Hdrnavigation .searchicon {
    color: #777;
    font-size: 16px;
    background: #e7e7e7;
    padding: 0 16px;
}
.similarStores {
    background: #fff;
    margin: 20px 0 0;
    /* border: 1px solid #E9E9ED; */
    border: 1px solid #E9E9ED;
    box-shadow: 0px 0px 5px #E9E9ED;
    /* display: flex; */
}
    .similarStores .content-image {
        height: 84px;
        width: 100%;
        object-fit: contain;
    }
/*.similarStores img {
    height: 70px;
    object-fit: contain;
}
.similarStores {
    border: 1px solid #E9E9ED;
    margin-top: 24px;
}*/
.five-columns > .col-md-2 {
    width: 20%;
}
.f-20{
    font-size:20px !important;
}
.verifiedSec + div{
    display:flex;
}
/*.five-columns .border {
    border: 1px solid #E9E9ED;
    border-radius: 4px;
    padding: 12px 12px;
}*/
@media (min-width: 768px) {
    .five-columns > .col-sm-2 {
        width: 20%;
    }
}
@media only screen and (max-width:767px) {
    #shopNow {
        margin: 4px 0 0;
    }
    .left-filter-submenu-coupon{
        display:none;
    }
    .coupon_carousel .item a, .coupon_carousel .owl-item, .coupon_carousel {
        height: auto;
    }
    .dropdown .icon a.nav-link {
        margin: 16px 0;
    }
    body.menuOpen {
        overflow: hidden;
    }
    ul.dropdown.toggled.imagesLi {
        display: flex;
        flex-wrap: wrap;
        border:0;
    }
    .categorySec .owl-carousel {
        width: 90% !important;
        margin: 0 auto;
        padding: 0 11px;
    }
    .popInner {
        max-width: 90%;
        transform: translate(-50%, -34%);
    }
    .popup .icons {
        flex-wrap: wrap;
    }
    .offerUses p:first-child {
        font-size: 8px;
    }
    .p-10 {
        padding: 0 8px;
    }
    .offerDtlSec {
        flex-direction: column;
    }
        .offerDtlSec .codeSec ul {
            min-width: 222px;
            justify-content: space-between;
            text-align: center;
        }
        .offerDtlSec .codeSec li:first-child {
            flex: 1;
            text-align: center;
            justify-content: center;
        }
    .offerTabs li a {
        font-size: 14px;
        padding: 12px 11px;
    }
    .categorySec .owl-carousel.owl-theme .owl-nav button.disabled {
        display: block;
    }
    .categorySec .tab-content {
        padding: 0 !important;
    }
    .categorySecowl.owl-carousel {
        width: 90%;
        margin: 0 auto;
    }
    .coupon_carousel .owl-nav {
        top: 30%;
    }
    .most_popularStores {
        margin-top: 12px;
    }
    .coupons-page .FAQ {
        margin-top: 28px;
        margin-bottom:0;
    }
    .categorySec .owl-item {
        margin-right: 0;
        padding: 6px 2px;
    }
    .addSec {
        display: none;
    }
   /* .verifiedSec + div {
        display: block;
    }*/
    /*.borderAll {
        padding: 11px;
    }*/
    .verifiedSec, .dtlsSec, .verifiedSec + div {
        padding: 0 11px;
    }
    .retailer_name_new h3 {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .retailer_name_new h1 {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .offer_name_new h2 {
        font-size: 14px;
        font-weight: 600;
    }
    .reedemBtn {
        font-size: 14px;
    }
    .codeSec li {
        padding: 8px 9px;
    }
    .dtlsSec {
        font-size: 12px;
    }
        .codeSec li:first-child {
            font-size: 14px;
        }
    .verifiedSec ul {
        flex-direction: column;
        gap:6px;
    }
    .verifiedSec {
        margin-bottom: 8px;
    }
    .five-columns > .col-md-2 {
        width: 50%;
    }
    .verifiedSec li {
        display: flex;
        text-align: left;
        justify-content: flex-start;
        width: 100%;
    }
    .offerImage {
        margin-right: 11px;
        margin-bottom: 18px;
    }
    .offerImage {
        width: 100%;
        margin-right: 0;
    }
    .offerImage img {
        height: auto;
        width: 100%;
        max-width: 100%;
    }
    .dtlsSec {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .reedemSec {
        gap:10px;
    }
    .eid_OffersInner {
        background-size: cover;
        border-radius: 5px;
    }
        .eid_OffersInner h2 {
            font-size: 16px;
            margin-bottom: 5px;
        }
    .eid_Offers {
        padding: 16px 0 !important;
    }
    .Coupon_Hdrnavigation .custom-search-field form {
        min-width: 100%;
    }

    .Coupon_Hdrnavigation .custom-search-field {
        margin-left: 0;
    }
    .mobile .bannerTxtSec {
        /*background-image: url('../images/black-friday-mobile.png');*/
        /*background-image: url('../images/RamadanBanner_Arabic-Mobile.png');*/
        background-image: url('../images/Eid-mobilebanner.png');
        height: 120px;
        display: flex;
        padding: 9px 0;
        align-items: center;
        justify-content: center;
        background-size: 100%;
    }
    .language-arabic-selected .mobile .bannerTxtSec {
        /*background-image: url('../images/black-friday-mobile-Arabic.png');*/
/*        background-image: url('../newhome/images/ramadanbanner_arabic-mobile.png');*/
    }
    .mobile .appSec img {
        height: auto;
        margin: 0;
        width: 80%;
    }
    .mobile .bannerTxtSec .appSec {
        flex-direction: column;
    }
    .most_popularStoresInner {
        display: block;
        height: 400px;
        overflow-y: auto;
    }
        .most_popularStoresInner > .content {
            border-bottom: 1px solid #E9E9ED;
        }
    .section-hdng {
        font-size: 16px;
        margin: 0 12px 0 0 !important;
    }
        .section-hdng + .view-store {
            font-size: 14px;
            min-width: 126px;
            padding: 8px 8px;
            line-height: normal;
        }
    .coupon_code:empty {
        height: 38px;
    }
    .view-store {
        font-size: 14px;
        min-width: 126px;
        padding: 8px;
    }
    .couponGuideInner {
        margin-bottom: 18px;
    }
    .BrandsSec .col-xs-6 {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 18px;
    }
    img.scanner {
        display: none;
    }
    .bannerTxtSec h2 {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 0;
    }
    .bannerTxtSec p {
        font-size: 11px;
        line-height: normal;
    }
    .appSec img {
        height: 24px;
        margin:0;
    }
    .bannerTxtSec .appSec {
        gap: 6px;
        justify-content:center;
        margin: 3px 0 0;
    }
    .discoverBanner-Mobile {
        text-align: center;
    }
    .accordion-header p {
        width: 86%;
    }
    section.banner-store {
        padding: 20px 0 !important;
    }
}
/*coupon page css ends */
/*#txtsearchNew2mob {
    color: #FFF !important;
}*/

.pixxett-header1 .hoverCard .logos {
    display: flex;
    width: 100%;
    min-width: 100%;
    max-width: unset;
    flex-wrap: wrap;
    gap: 10px;
    /*max-height: 292px;
    overflow-y: auto;*/
}
    .pixxett-header1 .hoverCard .logos li {
        width: 12.5%;
        opacity: 1;
        padding:0;
        margin-left: 2px;
    }
        .pixxett-header1 .hoverCard .logos li a {
            border: 1px solid #D8D8D8;
            border-radius: 5px;
            display: flex !important;
            transition: all 0.5s;
            justify-content: center;
            align-items: center;
            text-align: center;
            vertical-align: middle;
            height: 84px;
            background: #fff;
            margin-top: 1px;
            margin-bottom: 1px;
        }
        .pixxett-header1 .hoverCard .logos li a:hover {
            border-color: #009BCE;
            box-shadow: 0 3px 8px rgba(97, 97, 97, 0.2);
            transform: scale(1.02);
        }
.logos li img {
    height: 70px;
    width: 80%;
    object-fit: contain;
}
.paddle {
    border: 0.2px solid #616161;
    background: white;
    color: #616161;
    padding: 4px 11px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(97, 97, 97, 0.3);
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 99;
}
.paddle:hover {
    background: #039CCE;
    color: white;
    border: 0.2px solid white;
    box-shadow: none;
}
.left-paddle {
    left: 0;
}
.language-arabic-selected .left-paddle {
    left: unset;
    right: 0;
}
.right-paddle {
    right: 0;
}
.language-arabic-selected .right-paddle {
    left: 0;
    right: unset;
}
.arrow + .paddles .right-paddle {
    display: block;
}

/*.flyer-header{
    display:none;
}*/
ul#appendNew {
    display: flex;
    overflow-x: auto;
}
#searchBlk #txtsearchNew2 {
    border: 1px solid #606060;
    border-radius: 20px;
    padding: 5px 28px 5px 10px;
    font-size: 12px;
    min-width: 100%;
}
#searchBlk #txtsearchNew2::placeholder {
    color: #b3b3ba;
}
span.close-srch-main {
    margin: 0 6px;
    cursor:pointer;
}
#sortBtnsSingle p span {
    display: inline-flex;
    justify-content: center;
}
#sortBtnsSingle span#filterapp {
    margin-left: 8px;
}
.language-arabic-selected .searchListImg {
    margin-right: unset;
    margin-left: 11px;
}
.language-arabic-selected .searchListng2 {
    right: unset;
    left: 0;
}
.searchBrdHdr h1, .searchBrdHdr p {
    /* float: left;*/
    margin: 0;
    font-size: 21px;
    font-style: normal;
    line-height: 32px;
    font-weight: 400;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
}
.searchBrdHdr p {
    color: #9d9797;
}
    .searchBrdHdr h1 {
        color: #000;
        text-transform: uppercase;
    }

    .searchBrdHdr .totalavailOffer {
        margin: 0 0 0 11px;
        display: flex;
        flex-grow: 1;
    }
.language-arabic-selected .searchBrdHdr .totalavailOffer {
    margin: 0 11px 0 0;
}

.searchBrdHdr #sort-by {
    float: right;
}

.language-arabic-selected #searchBlk p, .language-arabic-selected #searchBlk-mob p {
    right: unset;
    left: 24px;
}
.searchListng2 a:hover {
    background: #256d83;
    color: #fff !important;
}
.language-arabic-selected #searchBlk i.fa.fa-arrow-left, .language-arabic-selected #searchBlk-mob i.fa.fa-arrow-left {
    transform: rotate(180deg);
    margin-left: 5px;
}
li.searchListng2 {
    position: absolute;
    right: 0;
    z-index: 9999;
    background: #fff;
    top: 100%;
    box-shadow: 0px 0px 4px #ccc;
    max-width: 400px;
    width: 100%;
}
.searchListng2mob {
    position: absolute;
    right: 0;
    z-index: 9999;
    background: #fff;
    top: 100%;
    box-shadow: 0px 0px 4px #ccc;
    max-width: 100%;
    width: 100%;
}
    li.searchListng2 p a, .searchListng2mob p a {
        padding: 10px 16px;
    }
    .searchListng2 p > a, .searchListng2mob p > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
.searchListng2 p, .searchListng2mob p{
    margin: 0 0 8px;
}
li#searchBlk {
    position: relative;
    font-size: 18px;
    margin: 0 12px 0 0;
    flex: 1;
}
.language-arabic-selected li#searchBlk {
    margin: 0 0 0 12px;
}
.language-arabic-selected #maginifier a:first-child {
    margin-right: 0;
}

#searchBlk p, #searchBlk-mob p {
    position: absolute;
    z-index: 99;
    right: 24px;
    display: none;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 4px #009bce;
    border-radius: 16px;
    background: #686666;
    padding: 0 11px;
    top: -6px;
}

#searchBlk i.fa.fa-arrow-left, #searchBlk-mob i.fa.fa-arrow-left {
    color: #fff;
    cursor: pointer;
    margin: 0 10px 0 0;
}

#searchBlk input, #searchBlk-mob input {
    border: none;
    background: transparent;
    min-height: 34px;
    color: #616161;
    font-size: 14px;
    height: auto;
}

#searchIcon, #searchIcon-mob {
    cursor: pointer;
}
i#searchIcon-mob {
    top: 2px;
    position: relative;
}

.side-nav-categories .searchField input {
    margin-bottom: 0 !important;
}

#searchListing p {
    float: left;
    width: 25%;
    padding: 4px;
    margin: 0 0 6px;
}
h3#search-suggestions-title2 {
    color: #616161;
}
#searchListing p > a {
    border: 1px solid #039CCE;
    display: inline-block;
    width: 100%;
    padding: 5px;
    border-radius: 4px;
}
#searchListing p > a:hover {
    border-color: #70b942;
    background: #fff;
}
#searchListing span > font:first-child {
    display: inline-block;
    width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}
#searchListing span > font:last-child {
    display: inline-block;
    width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}
    .side-nav-categories .searchField input {
        margin-bottom: 0 !important;
    }
.side-nav-categories .searchField input {
    margin-bottom: 0 !important;
}

.side-nav-categories .searchField {
    padding: 0 10px;
    position: relative;
    margin: 12px 0 0;
}

.close-srch {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 22px;
    cursor: pointer;
}

.retailer-filter-coupons a:hover span {
    color: #009bce;
}

#hiddenContent {
    width: 100%;
}

#more-content {
    color: #084354;
    transition: color 0.3s;
    font-weight: bold;
}

    #more-content:hover {
        color: #009bce;
        cursor: pointer;
        font-weight: normal;
    }

#less-content {
    color: #084354;
    transition: color 0.3s;
    font-weight: bold;
}

    #less-content:hover {
        color: #009bce;
        cursor: pointer;
        font-weight: normal;
    }

#sortBtnsSingle p {
    width: 100%;
    border: none;
    padding: 0;
    justify-content: center;
}

.sortTabs.sortTabsFlyer .form-group input:checked + label:after {
    display: none;
}

.sortTabsFlyer.sortTabs .form-group label::before {
    display: none;
}

.left-filter-submenu .submenu-collapse a:hover {
    color: #009bce;
}

.language-arabic-selected #slide-counter .number-of-pages {
    margin: 0 11px 0 0;
}

#slide-counter .number-of-pages {
    margin: 0 0 ;
    padding: 0;
    width: unset;
    height: unset;
    line-height: normal;
    position: static;
    color: #606060;
    font-size: 15px;
    font-weight: 100;
    background: no-repeat;
    box-shadow: none;
    border: none;
}

#slide-counter-mobile .number-of-pages {
    margin: 0 0 0 11px;
    padding: 0;
    width: unset;
    height: unset;
    line-height: normal;
    position: static;
    color: #606060;
    font-size: 10px;
    background: no-repeat;
    box-shadow: none;
    border: none;
}

.p-2 {
    padding-left: 6px;
    padding-right: 6px;
}

.flyer-main-parent.mobileFlyerView {
    margin-bottom: 0;
}

#logo-container {
    margin-top: 16px;
    margin-bottom: 40px;
}

header#nav-coupon-header.headerV2 {
    display: none;
}

.language-arabic-selected .number-of-pages {
    left: unset;
    right: 16px;
}
/*.products-grid .tile-dtls-description {
    display: none;
}*/
.custom-tab-flyers + .retailerPageContainer {
    margin-top: 0;
}

    .custom-tab-flyers + .retailerPageContainer .section-heading {
        margin-top: 18px;
        margin-bottom: 18px;
    }

.offer_name {
    padding: 6px;
    text-align: center;
    background: #f2f2f2;
/*    border-top: 1px solid #d4d4d4;*/
}

@media (min-width: 769px) {
    #nav-coupon-headerV2 {
        display: none !important;
    }
}

@media (max-width: 767px) {
   
    .Home .coupon_carousel .item img {
        height: 120px;
        object-fit: contain;
    }
    .coupon_carousel {
        padding-bottom: 0;
        min-height: 132px;
    }
    .offer-detailsPg {
        margin-top: 21px;
    }
    .offer-details-imgsec {
        margin-bottom: 30px;
    }
    .offerUl {
        gap: 7px;
    }
        .offerUl li a {
            min-width:108px;
        }
    .offer-ProductName {
        font-size: 14px;
        margin: 8px 0;
    }
    .promoPrice {
        font-size: 20px;
    }
    .dateBlk + .view-more-div button.offer-save {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .offerUl {
        display: flex;
        gap: 7px;
        justify-content: space-between;
    }
    .storesApp {
        text-align: left;
        margin: 11px 0 0;
    }
    .mobileAppBlk .modal-body {
        display: inline-block;
        width: 100%;
    }
    .mobileAppBlk label {
        text-align: left;
    }
    .allRetailers.owl_1 .owl-nav .owl-prev {
        left: -34px;
    }
    .allRetailers.owl_1 .owl-nav .owl-next {
        right: -34px;
    }
    #flyer-header-desktop {
        display: none !important;
    }

    header#nav-coupon-header.headerV2 {
        display: block;
    }
}

@media (min-width: 767px) {
    #flyer-header-mobile {
        display: none !important;
    }
}

@media (max-width: 767px) {
    #logo-container {
        display: none !important;
    }
}

.retailer_name h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 11px !important;
    color: #fff;
    margin: 0;
    overflow: hidden;
    font-family: 'Open Sans';
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    max-width: 120px;
}

.retailer_name a img {
    margin-left: 21px;
}

.offer_name h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    margin-bottom: 0;
    width: 150px;
    overflow: hidden;
    font-family: 'Open Sans';
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    height: 20px
}

.offer-bottom {
    background: #039CCE;
    display: flex;
    padding: 2px 5px;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .retailer-location-heading {
        /* Reset styles for mobile views if needed */
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important; /* or you can use 'inherit' depending on your preference */
    }
}

#retailers-sort-btn {
    display: none;
}

.logo_outer {
    align-items: center;
    justify-content: space-between;
    padding: 4px 8px 5px;
    /* margin-bottom: 8px; */
    box-shadow: 0 -2px 5px 0 rgb(0 0 0 / 18%);
}

.openPopup img, .openPopImg {
    height: 18px;
    width: 18px;
    /*  margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 2px;
    margin-top: 2px;*/
}


.collapsible-nav-main:last-child a {
    color: #009bce;
    padding-left: 20px;
}

    .collapsible-nav-main:last-child a::before {
        display: none;
    }

.getApp, .modal-footer .logoSec p {
    font-family: Roboto,sans-serif;
    font-weight: 600
}

*, .closebtnSort:hover, .overlay li a, .tabcontrol > .steps > ul > li > a:hover {
    text-decoration: none
}

.offer-name, .retailer-trend-footer-cmn h4 {
    text-overflow: ellipsis;
    white-space: nowrap
}

.number-of-offers, .tag-new {
    letter-spacing: 1px;
    font-weight: 700
}

.coupon-popup-footer a, .shareBlk a:hover {
    text-decoration: underline
}

#sort-by, .language-arabic-selected .flyer-header .list_top_content .bank_mont_first_img, .language-arabic-selected .flyer-header-desktop .list_top_content .bank_mont_first_img, .language-arabic-selected .singleflyerpage li {
    float: right
}

.language-arabic-selected .drop-down-sharing {
    right: unset;
    left: 15px
}

.owl-item {
    display: inline !important
}

header .hoverCard h6.title {
    color: #212121;
    text-transform: uppercase
}

.language-arabic-selected .back-to-top {
    right: unset;
    left: 1.85714286em
}

.hoverCard h6.title {
    line-height: normal
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover, .viewAllNav a {
    color: #009bce !important
}

.hoverCard ul ul {
    max-width: 100% !important;
    min-width: 100% !important;
    margin-right: 0
}

.retailes-logo-left.offerTileRetailerLogo {
    width: 52px;
    height: 32px;
    object-fit: contain;
    /* position: absolute;
    bottom: 48px;*/
    z-index: 99;
    background: #fff;
    border-radius: 4px;
    margin: 0 auto;
    margin-left: 60px !important;
    margin-right: 60px !important;
    /* transform: translateX(-50%);
    left: 50%;*/
    /* border: 1px solid #ccc;*/
    text-align: center
}

.hoverCard li.showmore a, .hoverCard li.viewallforretailers a {
    color: #009bce !important;
    font-weight: 500 !important
}

.closeNav {
    position: absolute;
    right: 12px;
    z-index: 99;
    bottom: 0;
    cursor: pointer
}

.language-arabic-selected .closeNav {
    right: unset;
    left: 12px
}

.language-arabic-selected #sort-by .left + ul, .language-arabic-selected .modal-footer .logoSec p, .language-arabic-selected .spacialOffer {
    text-align: right
}

.bestsellers3 .category-product, .border-box, .footer-pagination, .logo-inner-pannel-logo-section ul, .newModal .modal-title, .no-of-pagesflyer-listing, .search-text-value h1, .similar-offers, .slider-main-flyers li, .topOffer .nav-tabs li {
    text-align: center
}

#sort-by .left + ul > li {
    margin: 0;
    width: 100%
}

#sort-by .left + ul {
    width: 240px;
    text-align: left;
    font-size: 14px
}

.language-arabic-selected .flyer-header li.bank_mont_first_img, .language-arabic-selected .flyer-header-desktop li.bank_mont_first_img {
    /*border-left: 1px solid #c2c2c2;*/
    border-right: none
}

.flyer-header .list_top_content li.flyerlist_ar {
    flex: 1;
}

.flyer-header-desktop .list_top_content li.flyerlist_ar {
    /* flex: 1; */
    /* margin-left: 240px; */
    text-align: left;
    color: #007D90;
    margin-right: 40px;
    margin-left: 20px;
}

.language-arabic-selected .flyer-header-desktop .list_top_content li.flyerlist_ar {
    text-align: right;
}


    .flyer-header li.flyerlist_ar, flyer-header-desktop li.flyerlist_ar {
        line-height: normal !important;
        text-align: center
    }

.flyer-header-desktop li.flyerlist_ar .retailer-nickname {
    /* color: #606060; */
    font-family: Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 114px;
    display: inline-block;
}

#maginifier a {
    color: #606060;
    font-size: 20px;
}
.flyerlist_ar span {
    color: #606060;
}
.flyer-header-desktop li.flyerlist_ar .valid-till-desktop {
    display: inline-block;
  /*  width:100%;*/
   /* color: #606060;*/
    font-family: Helvetica;
    font-size: 10px;
    font-style: normal;
    /*font-weight: 700;*/
    text-transform: uppercase;
}

.custom-tab-flyers .tab, .flyerlist_ar .valid_till, .flyerlist_ar .valid_till_offer, .modal .product-essential {
    display: inline-block;
    width: 100%
}

.language-arabic-selected .flyer-header .list_top_content ul li.bankmont_grid, .flyer-header-desktop .list_top_content ul li.bankmont_grid, .language-arabic-selected .list_top_content ul li.bankmont_grid1, .wizard > .actions > ul > li, .wizard > .steps > ul > li {
    float: left
}

.language-arabic-selected .custom-flyers-tabs-common.nav-tabs.product-tabs > li:last-child {
    margin-right: 50px
}

.language-arabic-selected .getApp {
    font-size: 11px
}

.language-arabic-selected .newModal .modal-dialog, .language-arabic-selected .newModal.modal-dialog {
    margin-top: 74px
}

.language-arabic-selected .flyer-main-parent .bank_mont_first_img a img {
    transform: rotate(180deg)
}

.bread-header.text-center.searchBrdHdr {
    display: flex;
    width: 100%;
    border: none;
    align-items: center;
}

.mt-10 {
    margin-top: 40px
}

.mobile-menu-footer.footerMargin .footer-bottom {
    margin-bottom: 64px
}

.d-none, .goog-te-banner-frame.skiptranslate {
    display: none !important
}

.category-product + .product-bestseller.cart-common-tilepage {
    padding: 0;
    border: 0
}

.search-cart-visible .product-bestseller.product-listing-main-parent.cart-common-tilepage {
    padding-top: 0;
    border: 0
}

#related-products-slider.product-flexslider .item .item-inner:after, .bestsellers3 .pixxett-tabs li.active a:before, .bestsellers3 .product-bestseller .item .item-inner:after, .checkbox-parent .checkmark:before, .custom-flyers-tabs-common.nav-tabs.product-tabs > li:last-child:after, .custom-search-field form:before, .display-none, .featured-pro .item .item-inner:after, .grid-view-hamburger, .home-page-slider-banner .bx-wrapper .bx-caption, .left-filter-submenu-mobile-view, .mobile-view-action-button, .mobile-view-all, .mobileSort, .newModal .modal-footer::before, .newModal .modal-footer:after, .none-right-border::after, .product-bestseller-list.clearfix:after, .product-next-prev, .product-view .email-friend a:before, .product-view .product-shop .add-to-links .link-compare:before, .product-view .product-shop .add-to-links .link-wishlist:before, .products-grid .item .actions .add-to-links, .products-grid .share-icon-detls, .retailer-trend-footer-cmn span.number-of-flyers, .singleflyerpage .tile-dtls-description, .sortTabs [type=radio]:checked, .sortTabs [type=radio]:not(:checked), .tile-dtls-description .price-and-discount, .tile-dtls-description .retailers-brand-remaining-time, .upsell-pro .block-content .item .item-inner:after, form:after {
    display: none
}

.cmn-modal-body.cmn-modal-body2, .cmn-modal-content.cmn-modal-content-product-details .cmn-modal-body, .collapsible-nav-main, .container .container, .flyer-header .list_top_content ul .dropdown, flyer-header-desktop .list_top_content ul .dropdown, .main-container-for-slider, .newModal .modal-body, section.bar.bar-3.bar--sm.trending {
    padding: 0
}

.no-gutter-product-details, .no-gutter-spacing-container-product-details, .p-0 {
    padding: 0 !important
}

.border-box {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0,0,0,.15);
    margin-bottom: 10px;
    position: relative;
    padding: 8px
}

    .border-box .see-details {
        margin-top: 8px
    }

#pagingProduct .fivecolblk, .fivecolblk {
    width: 20%
}

.allSimilarOffer .tile-dtls-description, .bestsellers3 .product-bestseller-list, .checkbox-parent input:checked ~ .checkmark:after, .firstList:hover .subLevel, .inner-cart-offer-category span, .list01 li, .loader-show, .offerTab .tile-dtls-description, .product-view .add-to-links span, .product-view .email-friend a:hover span.show-on-hover-title, .product-view .product-shop .add-to-links .link-compare:hover span.show-on-hover-title, .product-view .product-shop .add-to-links .link-wishlist:hover span.show-on-hover-title, .singleflyerpage .share-icon-detls, .subLevel.activeTab {
    display: block
}

.inner-similar-offer-tile {
    margin-top: 20px
}

.tileImg {
    height: 120px;
    object-fit: contain
}

.boxShadow {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 18%);
    display: flex;
    align-items: center;
    justify-content: center
}

.filledBtn, .getApp {
    border-radius: 3.969px;
    color: #fff
}

.inner-similar-offer-tile .view-more-div {
    margin-bottom: 30px
}

.newModal .modal-footer, .newModal .modal-header {
    background: linear-gradient(90deg,#0086c4 0,#7dc142 100%)
}

.content:hover .content-overlay, .flickity-page-dots .dot.is-selected, .newModal .close {
    opacity: 1
}

.newModal .modal-title {
    color: #fff;
    text-transform: uppercase
}

.newModal .modal-footer {
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: space-between
}

.modal-footer .logoSec p {
    margin-left: 9px;
    color: #fff;
    font-size: 9px;
    text-align: left;
    line-height: normal;
    flex: 1;
    padding-right: 16px
}

.newModal .logoSec {
    display: flex;
    align-items: center;
    flex: 1
}

.getApp {
    background: #009ecf;
    box-shadow: 0 3.9689438343048096px 9.260868072509766px 0 rgba(0,0,0,.25);
    border: none;
    padding: 0;
    font-size: 15px;
    min-width: 96px
}

.shareBlk {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    box-shadow: 0 1.3229812383651733px 13.229812622070312px 0 rgba(0,0,0,.15);
    padding: 14px 30px;
    margin: 12px 0 0
}

.borderBtn, .filledBtn {
    box-shadow: 0 3.9689438343048096px 9.260868072509766px 0 rgba(0,0,0,.2);
    font-family: Roboto,sans-serif;
    text-transform: uppercase;
    width: 100%;
    padding: 7px;
    display: flex;
    font-size: 15px
}

.shareBlk a {
    margin: 0;
    color: #169ad1;
    font-weight: 600;
    font-family: Roboto,sans-serif;
    font-size: 18px
}

    .shareBlk a img {
        margin-right: 6px
    }

.newModal .modal-dialog, .newModal.modal-dialog {
    max-width: 426px;
    margin-top: 90px
}

.filledBtn {
    background: #009ecf;
    border: 1px solid transparent;
    align-items: center;
    justify-content: center
}

.cartIcon, .onlineIcon {
    background-position: 0 0;
    margin-right: 10px
}

.borderBtn, .filledBtn:hover {
    background: 0 0;
    color: #009ecf
}

.filledBtn:hover {
    border-color: #009ecf
}

.borderBtn {
    border-radius: 3.969px;
    border: 1px solid #009ecf;
    align-items: center;
    justify-content: center
}

.sortBtm, .sortBtns {
    box-shadow: 0 -2px 5px rgba(0,0,0,.2)
}

    .cartIcon, .custom-scroll, .onlineIcon, .similar-offers, .sortBtns span > span {
        display: inline-block
    }

.borderBtn:hover {
    border-color: transparent;
    background: #009ecf;
    color: #fff
}

.cartIcon {
    width: 25px;
    height: 16px;
    background-image: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/cartIcon1.png)
}

.onlineIcon {
    width: 18px;
    height: 17px;
    background-image: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/onlineIcon1.png)
}

.borderBtn .cartIcon, .filledBtn:hover .cartIcon, .filledBtn:hover .onlineIcon {
    background-position: 0 16px
}

.visited, .visited:hover {
    background: #b1b1b1
}

.borderBtn:hover .cartIcon {
    background-position: 0 0
}

.save-offer-blk {
    padding: 24px
}

    .drop-down-sharing ul li a img, .save-offer-blk.single button img, .sortBtns img {
        margin-right: 12px
    }

.similar-offers {
    color: #169ad1;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    margin: 0 auto 24px
}

.offer-name, .sortTabs .form-group label, .spacialOffer, .views {
    font-family: 'Open Sans'
}

.similar-offers:hover {
    color: #169ad1
}

.modal-body .prodImg {
    height: 178px
}

.save-offer-blk.d-flex button {
    margin: 0 8px
}

.visited {
    color: #fff;
    border: transparent
}

    .visited .icon {
        background-position: 0 0 !important
    }

.custom-scroll {
    overflow-y: auto;
    position: relative;
    width: 100%;
    padding-right: 11px
}

.language-arabic-selected .sortTabs .form-group .form-group {
    margin-right: 24px;
    margin-left: 0
}

.language-arabic-selected .sortBtns img {
    margin-right: 0;
    margin-left: 12px
}

.language-arabic-selected .closebtnSort, .pixxett-header1 .mini-cart .basket a .cart-title {
    margin-left: 12px
}

.language-arabic-selected .sortBtns p:first-child {
    border-left: 1px solid #ccc;
    border-right: none
}

.language-arabic-selected .sortTabs .form-group label:before {
    margin-right: unset;
    margin-left: 12px
}

.language-arabic-selected .sortTabs .form-group label::after {
    left: unset;
    right: 6px
}

.language-arabic-selected .searchField input[type=search] {
    background-position: 96% center;
    padding-right: 45px;
    padding-left: 10px
}

.language-arabic-selected .v-tabs ul.nav.nav-tabs {
    border-right: none;
    border-left: 2px solid #8f8f8f;
    margin-right: 0;
    margin-left: 20px
}

.language-arabic-selected .sortTabs .tab-content {
    padding-left: 16px;
    padding-right: 0
}

.sortBtns {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    justify-content: space-between;
    padding: 12px 18px;
    color: #000;
    background: #fff;
    z-index: 999
}

    .sortBtns p:first-child {
        border-right: 1px solid #ccc;
        margin-bottom: 0
    }

    .sortBtns p {
        width: 50%
    }

        .sortBtns p:last-child {
            padding-left: 12px
        }

.language-arabic-selected .sortBtns p:last-child {
    padding-left: 0;
    padding-right: 12px
}

.sortBtns span > span {
    width: 100%;
    color: #a39e9e;
    font-size: 14px
}

.sortTabs .tab-content {
    overflow-y: auto;
    padding-left: 0;
    margin-top: 0;
    padding-right: 16px
}

.sortTabs .form-group .form-group {
    margin-left: 24px;
    margin-top: 28px
}

.sortBtm {
    display: flex;
    align-items: center;
    justify-content: center
}

.sortBtm, .sortHdr {
    align-items: center
}

.sortHdr {
    display: flex;
    justify-content: space-between
}

.sortTabs .form-group {
    display: block;
    margin-bottom: 28px
}

    .sortTabs .form-group input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none !important;
        cursor: pointer
    }

    .sortTabs .form-group label {
        position: relative;
        cursor: pointer;
        color: #3d3d3d;
        font-size: 15px;
        font-weight: 600;
        display: flex;
        align-items: flex-start
    }

        .sortTabs .form-group label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 1px solid #8f8f8f;
            box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);
            padding: 8px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 16px;
            top: 4px
        }

    .sortTabs .form-group input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 6px;
        height: 12px;
        border: solid #009bce;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg)
    }

.sortTabs [type=radio]:checked + label, .sortTabs [type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #3d3d3d;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Open Sans'
}

    .sortTabs [type=radio]:checked + label:before, .sortTabs [type=radio]:not(:checked) + label:before, [type=radio]:checked + label:before, [type=radio]:not(:checked) + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 18px;
        height: 18px;
        border: 1px solid #ddd;
        border-radius: 100%;
        background: #fff
    }

.language-arabic-selected .sortTabs [type=radio]:checked + label:before, .language-arabic-selected .sortTabs [type=radio]:not(:checked) + label:before {
    left: unset;
    right: 0
}

.language-arabic-selected .sortTabs [type=radio]:checked + label:after, .language-arabic-selected .sortTabs [type=radio]:not(:checked) + label:after {
    left: unset;
    right: 4px
}

.language-arabic-selected .sortTabs [type=radio]:checked + label, .language-arabic-selected .sortTabs [type=radio]:not(:checked) + label {
    padding-left: 0;
    padding-right: 28px
}

.sortTabs [type=radio]:checked + label:after, .sortTabs [type=radio]:not(:checked) + label:after, [type=radio]:checked + label:after, [type=radio]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #079acf;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: .2s;
    transition: .2s
}

.sortTabs [type=radio]:not(:checked) + label:after, [type=radio]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.sortTabs [type=radio]:checked + label:after, [type=radio]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.disable-scroll {
    overflow: hidden;
    height: 100%
}

.sortBtns + .overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    overflow: hidden;
    transition: none !important;
    display: flex;
    flex-direction: column
}

.sortHdr + .tabCollapse.v-tabs {
    flex: 1;
    height: calc(100% - 200px)
}
.flyerOverlay .sortHdr + .tabCollapse.v-tabs {
    flex: 1;
    height: 100%;
}
.views {
    font-size: 9px;
    font-weight: 600;
    background: #636363;
    padding: 4px 8px;
    border-radius: 50px;
    position: static;
    left: 5px;
    top: -28px
}

.offer-name {
    font-size: 11px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    font-weight: 600
}

.spacialOffer .views img {
    height: auto !important;
    width: 9px !important
}

.spacialOffer1 .views img {
    height: auto !important;
    width: 9px !important;
}

.spacialOffer1 {
    color: #fff;
    font-weight: 600;
    text-align: left;
    /* line-height: normal;*/
    /* padding: 5px; */
    font-size: 12px;
    text-transform: capitalize;
}

.spacialOffer {
    background: rgba(0,0,0,.7);
    color: #fff;
    font-weight: 600;
    text-align: left;
    line-height: normal;
    padding: 5px;
    font-size: 12px;
    text-transform: capitalize
}

.buyOnline, .validTill {
    font-size: 10px;
    font-family: 'Open Sans'
}

.buyOnline, .coupon-popup-footer a, .flyerOfferAvailable, .header-text h1, .header-text h3, .mobile-menu-footer dt, .offer-category-text h3, .products-grid .labelsale, .section-heading .section-title, .see-dtls-common-btn, .submit-form, .tag-new {
    text-transform: uppercase
}

.flyerNewDesg img {
    height: 176px !important
}

.validTill {
    display: inline-block;
    width: 100%;
    font-weight: 600
}

.buyOnline {
    background: #009bce;
    color: #fff;
    text-align: center;
    padding: 0px 9px;
    font-weight: 700;
    display: inline-block;
    float: left;
    border-radius: 50px;
    position: static;
    left: 5px;
}

/*.buyOnline {
    background: #009bce;
    color: #fff;
    text-align: center;
    padding: 5px 4px;
    font-weight: 700
}*/

.get-social-url li a, .resetSort {
    font-size: 16px
}

.offerOuter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 6px;
    background: linear-gradient(to top, #b3b3b3, rgba(255, 255, 255, 0));
}

.products-grid li {
    padding: 0 4px
}

.flyerDetails h3, .flyerDetails h4 {
    font-family: 'Open Sans';
    padding: 0 6px;
    margin: 0;
    font-weight: 600
}

.form-group .form-group {
    margin-left: 24px;
    margin-top: 8px
}

.searchField input[type=search] {
    background: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/srchIcon.png) 18px center no-repeat #f2f1f1;
    border: none;
    padding: 6px 40px 6px 44px;
    border-radius: 8px;
    margin-bottom: 24px;
    color: #b6b6b6;
    width: 100%;
}

    .searchField input[type=search]:focus {
        outline: 0;
        border: none
    }

.v-tabs {
    display: -ms-flexbox !important;
    display: flex !important
}

.sortBtm, .sortHdr {
    display: flex;
    padding: 12px 10px
}

.v-tabs .nav-tabs > li {
    display: block;
    float: none;
    border-radius: 0
}

    .v-tabs .nav-tabs > li > a {
        border-bottom: 1px solid #eee;
        border-top: 0;
        border-left: 2px solid transparent;
        border-right: 0;
        border-radius: 0;
        color: #a9a9a9
    }

        .v-tabs .nav-tabs > li.active > a, .v-tabs .nav-tabs > li > a:hover {
            position: relative;
            color: #000;
            border-left: 2px solid #079acf;
            border-bottom: 1px solid #eee;
            border-right: 0;
            border-top: 0;
            background-color: transparent
        }

.v-tabs .tab-content {
    background-color: transparent;
    flex: 1
}

.v-tabs ul.nav.nav-tabs {
    border-bottom: 0;
    border-right: 2px solid #8f8f8f;
    margin-right: 14px
}

.sortBtm {
    background: #f4f4f4;
    justify-content: center;
    z-index: 9
}

.sortHdr {
    align-items: center;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.2)
}

.newFlyerBlk, .offer-category-cart, .top-retailer-fixed-ratio-section {
    box-shadow: 0 4px 6px rgba(0,0,0,.15)
}

.applysorting {
    background: #009bce;
    border: none;
    color: #fff;
    padding: 10px;
    min-width: 300px;
    border-radius: 20px
}

.form-group {
    display: block;
    margin-bottom: 15px
}

    .form-group label {
        position: relative;
        cursor: pointer
    }

[type=radio]:checked, [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

    [type=radio]:checked + label, [type=radio]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666
    }

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    bottom: 0;
    left: 0;
    background-color: #fff;
    overflow-y: hidden;
    transition: .5s
}

.v-tabs .tab-content, .v-tabs ul.nav.nav-tabs {
    padding-top: 20px
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px
}

.overlay li a {
    padding: 8px;
    color: #818181;
    display: block;
    transition: .3s
}

.overlay .closebtnSort {
    font-size: 30px;
    font-weight: 400
}

.resetSort {
    color: #079acf;
    display: inline-block;
    font-weight: 600
}

.closebtnSort {
    color: #000
}

@media screen and (max-height:450px) {
    .overlay {
        overflow-y: auto
    }

        .overlay .closebtnSort {
            font-size: 40px;
            top: 15px;
            right: 35px
        }
}

.txtBelowHdng {
    margin: -20px 0 20px
}

.txtBelowHdngHome {
    margin: -5px 0 0
}

.newFlyerBlk {
    position: relative;
    background: #fff;
    padding: 0;
    border-radius: 7px;
    overflow: hidden
}

.newFlyerDetailsBlk {
    background: rgba(0,0,0,.7);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0
}

.flyerDetails h3 {
    font-size: 12px;
    color: #fff
}

.flyerDetails h4 {
    font-size: 11px;
    color: #fff
}

.flyerOfferAvailable {
    background: #009bce;
    color: #fff;
    padding: 4px;
    font-size: 9px;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.newFlyerBlk img.img-responsive {
    height: 220px;
    object-position: top;
    width: 100%;
    object-fit: cover
}

.px-8 {
    padding-left: 8px;
    padding-right: 8px
}

.searchListImg {
    height: 24px;
    margin-right: 11px
}

.p-6 {
    padding: 0 6px
}

.full-width {
    width: 100%;
    padding-left: 16px !important
}

.retailerLeftSecOuter {
    float: left;
    width: 260px
}

* {
    margin: 0;
    padding: 0
}

.clearfix:after {
    visibility: hidden;
    clear: both;
    content: '.';
    display: block
}

#sort-by ul, .custom-search-field, .get-app li, .get-social-url li, .left-img-choosen, .left-pnl-img-coupon, .location-track-address span.map-icon, .offer-category-text, .price-left-pnl, .retailer-heading-category, .section-heading .section-title, .subLevel .list01, .wizard > .content > .body input[type=checkbox] {
    display: inline-block
}

body, html {
    height: 100%
}

::-webkit-scrollbar {
    width: 7px;
    border-radius: 10px;
    height: 8px
}

::-webkit-scrollbar-track {
    background: #aaa;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: #009bce;
    border-radius: 10px
}

    ::-webkit-scrollbar-thumb:hover {
        background: #009bce
    }

body {
    font-family: 'Open Sans',sans-serif;
    background: #f3f3f3;
    top: 0 !important
}

.searchbar-field, h1, h2, h3, h4, h5, h6, p {
    font-family: Helvetica
}

.home-page-slider-banner, .home-page-slider-banner .bx-wrapper, .left-collapsible .panel-group, .ribbon-offer-cart img, img {
    margin-bottom: 0
}

h1, h2, h3, h4, h5, h6 {
    color: #616161;
    font-style: normal;
    font-weight: 400;
    font-size: 20px
}

p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .5px;
    color: #666
}

.category-section h2.section-title, .related-block, .side-nav-categories #accordion .panel-body {
    background: #fff;
}

.section-heading .section-title {
    font-family: Helvetica;
    font-style: normal;
    font-weight: 300;
    background: #f3f3f3;
    font-size: 23px;
    line-height: 37px;
    color: #616161;
    position: relative;
    white-space: nowrap;
    z-index: 1;
    letter-spacing: .15em;
    padding: 0 36px
}

@media (max-width: 767px) {
    .section-heading .section-title {
        white-space: normal;
    }
    .searchListng {
        max-height: 380px;
        overflow-y: auto;
        /*box-shadow: 0px 0px 10px #212121;*/
    }
}

.active-wishlist, .whishlist-hearted:hover svg {
    fill: #009BCF;
    stroke: #009BCF;
}

.pixxett-header1 .toplinks .links div.top-links-wrapper {
    vertical-align: middle
}

.add_google-by {
    text-align: center;
    margin: 21px auto 10px
}

    .add_google-by iframe {
        min-height: 100% !important;
        width: 100% !important
    }

.add_google-by2, .copy-code-share, .question-coupon {
    margin-bottom: 20px
}

.electronics-tile-parent, .featured-section, .flickity-prev-next-button:hover, .home-index .pixxett-header1 nav, .white-bg, nav#myHeader {
    background: #fff
}

.section-heading:after, .section-heading:before {
    background: linear-gradient(115.24deg,#009bce 16.02%,#70b942 83.98%)
}

.section-heading.resetpaasword-heading:after, .section-heading.resetpaasword-heading:before {
    width: 200px !important
}

.bestsellers3 .pixxett-tabs li > a:focus, .bestsellers3 .pixxett-tabs li > a:hover, .box-category > ul > li > a.active, .drop-down-sharing ul li a:hover, .pixxett-header1 #nav > li > a.active, .pixxett-header1 #nav > li > a.active span, .pixxett-header1 #nav > li > a:hover span, .pixxett-header1 .mini-cart .basket a:hover, .pixxett-header1 .mobile-menu .expand, .pixxett-header1 .toplinks div.links div.top-links-wrapper a.login-tag:hover, .pixxett-header1 .toplinks div.links div.top-links-wrapper a.register-tag:hover, .select-language select {
    color: #009bce
}

    .pixxett-header1 #nav > li > a.active:first-child, .pixxett-header1 #nav > li > a:hover:first-child {
        color: #009bce;
        border-bottom: none
    }

.pixxett-header1 #nav li.drop-menu ul li:hover > a {
    color: #009bce;
    padding-left: 12px
}

.custom-search-field {
    float: left;
    margin-top: 12px;
    /*min-width: 315px;*/
    min-width: 296px;
}

.retailers-flyer-tile .product-image img {
    /*height: 120px;*/
    object-position: top;
    width: 100%;
   /* aspect-ratio: 191/176;*/
    object-fit: contain
}

.searchicon {
    border: none;
    color: #fff;
    margin: 0 !important;
    height: 36px;
    font-size: 18px;
    background: #009bce;
    padding: 0 16px
}

#flyersearchbtn {
    border: none;
    color: #fff;
    margin: 0 !important;
    height: 36px;
    font-size: 18px;
    background: #009bce;
    padding: 0 16px
}

.searchbar-field {
    border: none;
    width: 360px;
    padding: 0 5px 0 10px;
    font-size: 14px;
    color: #616161;
    margin-left: 0;
    height: 36px;
    background: 0 0
}

.bestsellers3 .category-product .pixxett-tabs > li:last-child, .coupons-tab .nav-tabs.product-tabs > li, .custom-flyers-tabs-common.nav-tabs.product-tabs > li:last-child, .pixxett-header1 .toplinks .links {
    margin-right: 0
}

.footer-bottom a, .footer-nav a, .mobile-menu-footer a {
    color: #b0b0b0
}

#ar .item li a:hover, .cmn-map-store-pnl:hover .map-icon i, .cmn-map-store-pnl:hover h3, .cmn-map-store-pnl:hover p, .flat-text-details p strong, .get-social-url li:hover a, .owl_1 .item li a:hover, .tag-new, .view-more-forward:hover, a.getcoupon:focus {
    color: #fff
}

.get-social-url {
    margin-top: 10px !important
}

    .get-social-url li {
        margin-right: 10px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 26px
    }

        .get-social-url li:hover {
            border-color: #fff
        }

.get-app li {
    margin-right: 10px
}

.copyright a {
    color: #fff;
    margin: 0 5px;
    font-weight: 600
}

    .copyright a.vertical-line {
        position: relative;
        margin-right: 20px
    }

.vertical-line::after {
    content: '';
    height: 20px;
    width: 1px;
    background: #fff;
    top: 1px;
    right: -11px;
    position: absolute
}

.footer-bottom .container {
    border-top: 1px solid #2b2b2b
}

.mobile-menu-footer dt {
    font-size: 14px;
    line-height: 40px;
    font-weight: 600
}

.footer-service-policies {
    background-color: #fff;
    padding: 10px 0 60px
}

.left-img-choosen img {
    max-width: 55px
}

.offer-category-text {
    vertical-align: bottom;
    margin-left: 10px
}

    .offer-category-text h3 {
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: normal;
        letter-spacing: .035em;
        color: #000;
        margin: 0
    }

    .offer-category-text p {
        font-weight: 400;
        font-size: 12px;
        line-height: 30px;
        letter-spacing: .035em;
        color: #838383
    }

.brand-logo .section-heading:after, .brand-logo .section-heading:before {
    width: 360px
}

.brand-logo {
    background: #fff;
    padding-top: 50px !important
}

.bestsellers3 .pixxett-tabs li.active a, .bestsellers3 .pixxett-tabs li.active a:hover {
    border-bottom: 3px solid #009bce;
    font-weight: 600;
    color: #009bce
}

.bestsellers3 .pixxett-tabs li {
    margin: 0 100px
}

.bestsellers3 .category-product .pixxett-tabs > li:first-child {
    margin-left: 0
}

.bestsellers3 .pixxett-tabs li > a {
    padding: 0 20px 4px 22px;
    border: none;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #343f49
}

.section-heading {
    margin: 16px auto 30px
}

.cmn-modal-content.cmn-modal-content5, .grey-bg, .offers-section {
    background: #f5f5f5
}

.category-section {
    background: #fff;
    padding: 30px 0 !important
}

.home-page-slider-banner .bx-wrapper .bx-pager {
    padding-top: 0;
    margin-top: -50px
}

.top-retailer-fixed-ratio-section {
    min-height: unset;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 5px
}

.top-coupons-cart-tile-clothing.bestsellers3 .pixxett-tabs li {
    margin: 0 94px
}

.availability, .custom-search-field, .flickity-enabled, .main-layer-box-list, .slider-main-flyers, .tile-dtls-description, .top-retailer-inner-section {
    position: relative
}

.top-trending-section {
    line-height: normal;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99
}

.tag-new {
    background: #009bce;
    font-size: 9px;
    text-align: center;
    padding: 10px 11px;
    line-height: 0;
    position: absolute;
    top: 0;
    display: block;
    left: 0
}

span.tag-new.tag-new-home-page {
    top: 2px;
    left: 0
}

.whishlist-hearted {
    position: absolute;
    top: 4px;
    right: 8px
}

.trend-logo-section {
    border-bottom: 1px solid #d8d8d8;
    position: relative;
    width: 100%;
    height: 90px;
    overflow: hidden
}

a.retailer-logo-section {
    display: block;
    width: 100%
}

.inner-trend-logo-section {
    width: 100%;
    margin: auto;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px
}

    .inner-trend-logo-section img {
        width: 100%;
        height: 80px;
        object-fit: contain;
        max-width: 80%
    }

.retailer-trend-footer-cmn {
    padding: 6px;
    text-align: center;
    background: #d7febf
}

.whishlist-hearted svg {
    width: 20px;
    fill: transparent;
    stroke: #009BCF;
}
.whishlist-hearted svg path {
    stroke: #009BCF;
}

.retailer-trend-footer-cmn h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #232323;
    margin-bottom: 0;
    width: 180px;
    overflow: hidden;
    font-family: 'Open Sans'
}

.number-of-flyers {
    font-size: 14px;
    line-height: 20px;
    color: #777
}

.horizontal-scrollable > .row {
    overflow-x: auto;
    white-space: nowrap;
    direction: ltr
}

    .horizontal-scrollable > .row > .col-md-2 {
        display: inline-block;
        float: none;
        vertical-align: top;
        width: 13.1%
    }

.offer-category-cart {
    height: auto;
    background: #fff;
    border: none;
    box-sizing: border-box;
    margin-bottom: 16px;
    overflow: hidden;
    border-radius: 5px
}

.category-parent {
    padding: 30px 0
}

.product-img-cart {
    max-width: 200px;
    margin: auto
}

    .product-img-cart img {
        width: 100%;
        height: 80px;
        object-fit: cover
    }

.number-of-offers {
    font-size: 12px;
    line-height: normal;
    color: #c8c8c8
}

.nameof-the-product, .type-ofthe-product {
    line-height: normal;
    letter-spacing: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.type-ofthe-product {
    font-weight: 600;
    font-size: 13px;
    color: #009bce;
    margin: 5px 0
}

.nameof-the-product {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #888;
    position: relative;
    width: 100%;
    height: 20px
}

.details-ofthe-tile {
    padding: 8px;
    font-family: 'Open Sans'
}

.back-to-top i {
    color: #009bce;
    font-size: 20px
}

.bestsellers3 .product-bestseller .item .item-inner:hover {
    padding-bottom: 0;
    margin-bottom: 0
}

ul.products-grid .item .item-inner {
    margin-bottom: 0;
    padding: 0;
    border-radius: 5px
}

.bestsellers3 .product-bestseller {
    padding-top: 40px
}

    .bestsellers3 .product-bestseller.retailers-flyer-tile {
        padding-top: 0;
        border-top: none
    }

.view-more {
    background: #009bce;
    border-radius: 4px;
    display: block;
    width: 150px;
    margin: auto;
    text-align: center;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 40px;
    min-height: 40px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

    .coupon-redeem-btn:hover, .see-dtls-common-btn:hover, .view-more:hover {
        background: #1fbdf1;
        color: #fff
    }

.carousel-banner-common .carousel-indicators .active, .item .item-inner {
    background-color: #fff
}

.view-more-div {
    margin-top: 35px;
    margin-bottom: 20px
}

a.product-image {
    vertical-align: middle;
    display: block
}

.most-common-tiled-img {
    vertical-align: middle;
    padding: 0;
    position: relative;
    background: 0 0;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
    height: auto;
    width: 100%;
    text-align: center
}

.cmn-modal-dialog-product-details a.product-image, .cmn-modal-dialog-product-details a.product-image .most-common-tiled-img {
    width: 260px
}

    .cmn-modal-dialog-product-details a.product-image .most-common-tiled-img img {
        max-width: 260px
    }

.carousel-banner-common .carousel-inner {
    border-radius: 11px
}

#nav-coupon-header .custom-search-field, .breadcrumb-option, .carousel-banner-common.carousel-banner-common-for-the-separate-tab, .categorySec .owl-nav, .common-tab-paneinner.tab-content > .active, .main-container-for-slider .carousel-banner-common, .my-offer-banner-carousel {
    margin-top: 0
}

.carousel-banner-common .carousel-inner > .item img {
    object-fit: cover;
    height: 280px;
    object-position: center;
    border-radius: 11px
}

.carousel-banner-common .carousel-indicators {
    bottom: 0
}

    .carousel-banner-common .carousel-indicators li {
        border: 1px solid #fff
    }

.item .item-inner {
    padding: 0;
    box-shadow: 0 0 17px -3px rgb(0 0 0 / 18%)
}

.parent-tile-cart .bestsellers3 .product-bestseller .item .item-inner {
    background-color: #fff;
    padding: 0;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 18%);
}

.products-grid .sale-new-label {
    top: 0;
    z-index: 20
}

    .products-grid .sale-new-label.top-left, .products-grid .sale-new-label.top-right {
        left: 0
    }

.products-grid .mgk-pro-hover {
    padding-bottom: 0;
    z-index: 55
}

.tile-modified-extent {
    padding: 8px
}

.category-products .item-title p {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #383737;
    width: 235px;
    word-wrap: break-word;
    white-space: pre-line;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    height: 0
}

.products-grid .item .item-inner .tile-modified-extent .item-title {
    min-height: 0
}

.button-field-dtls, .flyer-header .list_top_content li, .price-pnl-ribbon-right, .flyer-header-desktop .list_top_content li {
    display: inline-block;
    vertical-align: top
}

.price-left-pnl p.grey-cross-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    margin-bottom: 0;
    text-decoration: line-through;
    margin-top: 0
}

.product-view .email-friend {
    margin-top: 0;
    margin-left: 0
}

.coupons-tab p, .product-view .short-description h2, .related-pro .block-title h2 {
    text-align: left
}

.coupon-popup-footer a, .price-and-discount .discount-price-precent, .see-dtls-common-btn {
    font-weight: 700;
    font-size: 14px;
    text-align: center
}

.price-left-pnl p.real-price {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    color: #373737;
    margin-top: 0;
    margin-bottom: 0
}

.retailes-logo-left {
    display: inline-block;
    width: auto;
    height: 50px;
    object-fit: contain
}

    .retailes-logo-left img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

.day-remaining {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    margin-left: 20px
}

.retailers-brand-remaining-time .day-remaining p {
    font-size: 12px;
    line-height: 9px;
    letter-spacing: 1px;
    color: #888
}

.coupon-popup-footer {
    background: linear-gradient(93.27deg,#009bce 0,#70b942 100%);
    padding: 10px 15px;
    margin-top: 20px
}

    .coupon-popup-footer a {
        font-style: normal;
        line-height: 23px;
        color: #fff;
        display: block;
        margin-top: 0
    }

.see-dtls-common-btn {
    background: #256d83;
    letter-spacing: .5px;
    color: #fff;
    width: 100%;
    border-radius: 5px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin-top: 0;
    margin-bottom: 0;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

.saved-button-disable, .saved-button-disable:hover {
    background: #adadad
}

.ribbon-image-pnl img {
    width: 90px
}

.price-and-discount .discount-price-precent {
    display: block;
    font-style: normal;
    line-height: 16px;
    letter-spacing: .5px;
    color: #fbf300;
    position: absolute;
    right: 28px;
    top: 12px
}

.price-and-discount {
    margin-bottom: 10px;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.retailers-brand-remaining-time {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.products-grid .labelsale {
    color: #fff;
    background-color: #009bce;
    font-size: 10px
}

.share-icon-detls {
    position: absolute;
    top: 0;
    right: 0;
    background: #009bce;
    padding: 4px 8px;
    cursor: pointer;
    z-index: 99
}

    .share-icon-detls i {
        color: #fff;
        font-size: 15px
    }

.cmn-modal-body h2, .cmn-modal-body p {
    color: #393939;
    font-style: normal;
    text-align: center
}

/*.cmn-modal-dialog.cmn-modal-dialog2, .cmn-modal-dialog3 {
    max-width: 720px;
    width: 100%;
}
*/
.cmn-modal-content {
    max-width: 720px;
    margin: auto;
    background: url(https://cdn.clicflyer.com/appimages/banner/bg4-login_new.png) center center/cover no-repeat;
    box-shadow: 0 3px 15px rgb(0 0 0 / 15%);
    border-radius: 0;
    border: none;
    min-height: 550px
}

    .cmn-modal-content.cmn-modal-content2 {
        background: url(https://cdn.clicflyer.com/appimages/banner/bg4-signup_new.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        min-height: 550px;
        max-width: 720px
    }

    .cmn-modal-content.cmn-modal-content5 {
        background: #F5F5F5;
    }

.cmn-modal-content3 {
    background: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/home/bg4country-selection.png) center center/cover no-repeat;
    min-height: 460px
}

    .cmn-modal-content3 .header-text h1, .cmn-modal-content3 .header-text h3 {
        font-size: 22px
    }

.cmn-modal-header {
    border: none;
    padding: 0;
    position: relative
}

    .cmn-modal-header button span {
        margin-right: 20px;
        margin-top: 15px;
        font-size: 30px;
        opacity: 1;
        display: block
    }

.cmn-modal-body h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 36px
}

.cmn-modal-body p {
    font-weight: 400;
    font-size: 13px;
    line-height: normal;
    margin: 10px 0
}

.product-tabs-content-inner p, .product-view .short-description p, .std p {
    text-align: left;
    font-size: 14px;
    line-height: 20px
}

span.ribbon-offer-cart {
    margin-top: -5px;
    display: block
}

#ar .item, .categorySec .row .row, .hoverCard ul:last-child, .owl_1 .item, p.availability.pull-right {
    margin: 0
}

.cmn-modal-footer {
    border: none;
    text-align: center;
    padding: 0 0 15px
}

.product-view .short-description p {
    height: 45px;
    overflow: hidden;
    position: relative;
    color: #757575
}

.product-view .short-description {
    font-size: 13px;
    padding: 10px 0 0;
    border-bottom: 1px dotted #ddd
}

.close-modal-btn {
    background: #ffe8e8;
    border: 1px solid #e51c23;
    box-sizing: border-box;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
    padding: 5px 34px;
    line-height: 37px;
    color: #e51c23;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    width: 128px
}

#goToTopOffer .product-bestseller-list, #sort-by li li, .add-product-listing img, .cmn-modal-dialog.cmn-modal-dialog-product-details, .content-image, .img-discount-ads img, .left-pnl-discoundbrand-logo img, .side-nav-categories2, .side-nav-categories2 img {
    width: 100%
}

.cmn-modal-content.cmn-modal-content-product-details {
    max-width: 950px;
    background: #f5f5f5
}

.pixxett-header1 .top-cart {
    z-index: 90
}

.close-tag, .cmn-modal-content-product-details .close-icon-right {
    z-index: 99
}

    .cmn-modal-content-product-details .close-icon-right .close-tag {
        background: #009bce;
        border: none;
        color: #fff;
        position: absolute;
        right: 26px;
        top: 20px;
        cursor: pointer
    }

.close-modal-btn:hover {
    background: #e51c23;
    border-color: #e51c23;
    color: #fff
}

.close-icon-right {
    position: relative;
    text-align: right
}

.close-tag {
    background: #fff;
    border: none;
    padding: 7px 14px;
    font-size: 17px;
    color: #009bce;
    text-align: right;
    mix-blend-mode: normal;
    border-radius: 5px;
    font-weight: 100;
    position: absolute;
    right: 0;
    top: 0
}

.details-header-popup {
    background: #e5e5e5;
    height: 50px;
    border-bottom: 1px solid rgba(117,117,117,.3)
}

    .details-header-popup h2 {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
        color: #000;
        margin-bottom: 0;
        padding-top: 14px
    }

    .details-header-popup .close-tag {
        width: 24px;
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        border-radius: 50%;
        padding: 0;
        text-align: center;
        top: 12px;
        right: 10px;
        background: #757575;
        color: #fff
    }

.left-form {
    float: left;
    width: 54%
}

.coupon-flat-discount-header {
    background: linear-gradient(93.27deg,#009bce 0,#70b942 100%);
    margin-top: -20px;
    padding: 20px 30px;
    display: flex
}

.left-pnl-discoundbrand-logo {
    display: inline-block;
    float: left;
    width: 200px;
    height: 135px
}

.loginvia-facebook, .loginvia-google {
    height: 33px;
    vertical-align: middle;
    box-sizing: border-box
}

.close-tag.close-tag2 {
    right: 20px;
    top: 25px
}

.flat-text-details {
    float: left;
    display: inline-block;
    margin-left: 20px;
    text-align: left;
    width: 420px;
    max-width: 60%
}

    .flat-text-details h2 {
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 1px;
        color: #fff;
        text-align: left;
        margin-bottom: 10px
    }

    .flat-text-details h3, .flat-text-details p {
        font-weight: 400;
        line-height: 26px;
        letter-spacing: .5px;
        color: #fff
    }

    .flat-text-details h3 {
        font-size: 15px;
        margin-bottom: 10px
    }

    .flat-text-details p {
        margin: 0;
        text-align: left;
        font-size: 14px
    }

        .flat-text-details p img {
            margin-bottom: 0;
            margin-right: 0;
            width: 24px
        }

.header-text h1, .header-text h3 {
    font-family: Helvetica;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: 1.2px;
    color: #fff;
    margin-bottom: 4px
}

.header-text p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    text-align: left;
    margin: 0
}

.login-signup-via-layer {
    padding-top: 30px
}

.two-layer-btn {
    margin-bottom: 12px
}

.loginvia-google {
    border-radius: 4px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: rgba(0,0,0,.54);
    width: 174px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

.login-with-apple, .loginvia-facebook {
    display: inline-block;
    transition: .2s ease-in;
    text-align: center;
    font-style: normal;
    color: #fff
}

.loginvia-facebook {
    border: 1px solid #1877f2;
    border-radius: 4px;
    font-family: "Google Sans",arial,sans-serif;
    font-weight: 500;
    font-size: 13px;
    width: 175px;
    background: #1877f2;
    margin-left: 5px;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

    .loginvia-facebook:hover {
        background: #2e83f1;
        border: 1px solid #2e83f1;
        color: #fff
    }

    .login-with-apple img, .loginvia-facebook img, .loginvia-google img {
        width: 20px;
        vertical-align: middle;
        margin-right: 5px;
        margin-bottom: 0
    }

.login-with-apple {
    background: #000;
    border-radius: 4px;
    font-weight: 600;
    font-size: 18px;
    width: 275px;
    height: 44px;
    line-height: 44px;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

.forgot-pwd, .submit-form {
    display: block;
    transition: .2s ease-in;
    line-height: 21px
}

.login-with-apple:hover {
    background: #272626;
    color: #fff
}

.login-via-istore p {
    font-weight: 700;
    font-size: 12px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    margin: 15px 0
}

.email-field, .passwrod-field {
    background: #f5f5f5;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 4px;
    min-height: 40px
}

.forgot-pwd {
    font-size: 14px;
    text-align: right;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

.forgot-password-text {
    text-align: right;
}

.forgot-pwd:hover {
    color: #efeeee
}

.submit-form {
    background: #fff;
    border-radius: 4px;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #009bce;
    width: 125px;
    min-height: 40px;
    text-align: center;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

    .submit-form:focus, .submit-form:hover {
        background: #fff;
        border-color: #fff !important;
        color: #009bce;
        transform: none
    }

    .submit-form.submit-form2 {
        margin-top: 25px
    }

.footer-text-option p {
    font-weight: 100;
    font-size: 12px;
    line-height: 21px;
    text-align: left;
    color: #fff
}

    .footer-text-option p a {
        color: #fff;
        font-weight: 700
    }

    .footer-text-option p.new-user-text {
        margin-top: 22px
    }

.sign-in-here, .signuphere {
    border: none;
    font-weight: 600;
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in
}

.cody-copy-btn, .coupon-code {
    height: 55px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 1px;
    vertical-align: middle;
    text-transform: uppercase;
    text-align: center;
    display: inline-block
}

.sign-in-here:hover, .signuphere:hover {
    color: #b1e4f5
}

.modal-dialog {
    margin-top: 30px
}

.copy-promo-code-section {
    background: #fff;
    padding: 30px;
    text-align: center
}

.coupon-code {
    width: 145px;
    background: #fff;
    border-radius: 4px;
    border: 2px dotted #66b74f;
    margin-right: -7px;
    color: #57b261
}

.cody-copy-btn {
    width: 182px;
    background: linear-gradient(115.24deg,#009bce 16.02%,#70b942 83.98%);
    border-radius: 0 4px 4px 0;
    color: #fff;
    border: none
}

    .cody-copy-btn:hover {
        background: linear-gradient(115.24deg,#009bce 16.02%,#80bf59 83.98%)
    }

    .cody-copy-btn img {
        vertical-align: sub;
        width: 20px;
        margin-bottom: 0
    }

.share-btn-coupon {
    width: 55px;
    display: inline-block;
    height: 52px;
    font-size: 22px;
    border: 1px solid #009bce;
    color: #009bce;
    margin-left: 8px;
    vertical-align: middle
}

.question-coupon p {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: .5px;
    color: #616161
}

.coupons-tab .product-tabs {
    text-align: center;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.popover-copied {
    position: absolute;
    left: 38%;
    top: 50%
}

.grey-opacity-box {
    display: block;
    background: rgba(0,0,0,.51);
    backdrop-filter: blur(21px);
    border-radius: 37.4342px;
    width: 160px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    letter-spacing: .584909px;
    text-transform: uppercase;
    color: #fff;
    margin: auto
}

    .grey-opacity-box img {
        margin-right: 5px;
        width: 18px
    }

.nav-tabs.product-tabs > li > a {
    font-size: 14px
}

.coupons-tab .nav-tabs.product-tabs > li a {
    padding: 4px 12px;
    text-align: center;
    display: block
}

.coupons-tab #productTabContent {
    padding: 10px 10px 10px 50px;
    background: #fff;
    border-top: none;
    margin: 10px 20px
}

#productTabContent pre {
    overflow: hidden !important
}

.code-work-no, .code-work-yes {
    background: 0 0;
    border-radius: 16px;
    width: 50px;
    height: 25px;
    line-height: 24px;
    color: #009bce;
    font-size: 13px;
    border: 2px solid #009bce;
    margin-left: 5px
}

.coupon-redeem-btn {
    width: 185px;
    margin-left: 5px;
    font-style: normal;
    line-height: 17px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 2px solid #009bce;
    height: 40px;
    font-weight: 700
}

    .code-work-no:hover, .code-work-yes:hover,  .owl_1 .item li.active a, .share-btn-coupon:hover {
        background: #009bce;
        color: #fff
    }

.coupon-save-btn {
    /* background: #009BCF; */
    border: none;
    color: #009BCF;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    font-family: 'Open Sans';
    /* border-radius: 4px; */
    /* min-width: 115px; */
    height: auto;
    width: auto;
    min-width: unset;
}
   /* .coupon-save-btn:hover {
        background :#70B942
    }*/
/*.reedemBtn {
    background: #009BCF;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 12px;
    font-family: 'Open Sans';
    border-radius: 4px;
}*/

.coupon-redeem-btn {
    font-size: 14px;
    color: #fff;
    background: #009bce
}

.country-selection-dropdown, .pages-details-flyer ul {
    margin-top: 15px
}

.checke-label-fixed-down input, .country-dropdown li a img, .select-country-flag img {
    margin: 0 10px 0 0;
    vertical-align: middle
}

.label-cmn-field {
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #fff;
    display: block;
    margin-bottom: 4px
}

.select-city select, .select-country-flag {
    text-align: left;
    background: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/country-drop-down.png) calc(100% - 20px) no-repeat #fff;
    font-size: 14px !important;
    color: #009bce;
    font-weight: 400 !important;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.select-country-flag {
    padding: 8px 16px !important;
    border-radius: 4px;
    border: 1px solid #fff
}

.page-heading, .total-offers {
    font-size: 16px;
    font-style: normal;
    line-height: normal;
}

.page-heading, .side-nav-categories .block-title {
    text-transform: uppercase;
    color: #000;
    letter-spacing: 1px
}

.select-country-flag:hover {
    transform: none;
    border-color: #fff !important
}

.country-dropdown {
    width: 100%;
    top: 70px
}

    .country-dropdown li a {
        padding: 6px 20px
    }

.select-city {
    margin-top: 5px
}

    .select-city select {
        padding: 10px 16px !important;
        border-radius: 4px;
        border: 1px solid #fff;
        display: block;
        height: 45px
    }

    .checke-label-fixed-down, .select-city .form-group {
        margin-bottom: 10px
    }

.add-product-listing {
    margin: 20px auto;
    text-align: center
}

.add-product-details {
    margin: 20px auto auto;
    text-align: center
}

.related-pro .home-block-inner {
    background: #70b942;
    min-height: 425px
}

    .related-pro .home-block-inner:after {
        border-color: transparent transparent transparent #70b942;
        display: none
    }

.related-pro .owl-pagination {
    top: 70%
}

.page-heading {
    border-bottom: 0;
    margin: 0 0 15px;
    padding: 0 0;
    position: relative;
    font-family:'Open Sans';
    font-weight: 700
}

    .page-heading.page-heading2 {
        display: inline-block;
        vertical-align: text-bottom;
        margin-bottom: 0;
        /*white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 500px;*/
    }

.total-offers {
    font-weight: 400;
    letter-spacing: 1px;
    color: #9d9797
}

#sort-by {
    font-size: 14px;
    margin-top: 0;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px;
    color: #333;
    min-width: 250px;
}
    #sort-by ul {
        width: 100%;
    }

.retailer-sort-by {
    margin-bottom: 20px;
    margin-top: 0 !important;
    padding-bottom: 0 !important
}

#sort-by label {
    font-size: 14px;
    margin-top: 0;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px;
    color: #333
}

#sort-by li {
    cursor: pointer;
    margin: 0 auto;
    padding: 6px 15px 6px 10px;
    position: relative;
    float: none;
    color: #282C3F;
    border-radius: 8px;
    border: 1px solid #D4D5D9;
    background: 0 0;
    box-sizing: border-box;
    font-size: 14px;
    font-family: 'Open Sans';
}
a#filterid {
    font-weight: 700;
}
#sort-by ul ul {
    top: 35px;
    width: 100%
}

.breadcrumbs {
    list-style: none;
    height: 40px;
    line-height: 20px;
    margin-top: 15px
}

.breadcrumb-product-listing {
    margin-top: 12px
}

.bread-header {
    /* border-bottom: 1px solid #e5e5e5; */
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.side-nav-categories .block-title:after {
    border-bottom: 2px solid #009bce;
    width: 100px
}

.pager .pages li a:hover, .pages .pagination > .active > a, .pages .pagination > .active > a:focus, .pages .pagination > .active > a:hover, .pages .pagination > .active > span, .pages .pagination > .active > span:focus, .pages .pagination > .active > span:hover {
    background-color: #009bce !important;
    border-color: #009bce !important
}

.pager .pages li a:hover {
    color: #fff
}

.side-nav-categories .block-title {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 15px 15px;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
}

.product-view .product-name, .product-view .product-shop .price-box, .product-view .product-shop .ratings {
    border-bottom: 1px solid rgba(117,117,117,.3)
}

.collapsible-nav-main a {
    color: #333;
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    border: 0
}

    .collapsible-nav-main a .fa-angle-right {
        color: #999;
    }

    .collapsible-nav-main a.collapsed .fa-angle-right {
        transform: none;
    }

    .collapsible-nav-main a .fa-angle-right {
        transform: rotate(90deg);
    }

    .collapsible-nav-main a .fa + input[type="checkbox"], .collapsible-nav-main > input[type="checkbox"] {
        height: auto;
        margin: 0 11px 0 0;
    }

.panel-heading.collapsible-nav-main {
    display: flex;
    align-items: center;
}
/*    .collapsible-nav-main a:before {
        content: '\f105';
        font-size: 14px;
        padding-right: 8px;
        color: #999
    }*/
.pannel-drp-down {
    border: none !important;
    box-shadow: none;
    padding: 0
}

.filter-panel {
    display: none;
}

.panel-check-point {
    padding: 0 !important;
    border-top: none !important
}

.checke-label-fixed-down label {
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 1px;
    color: #000;
    display: block;
    width: 100%;
    cursor: pointer
}

.checke-label-fixed-down input {
    height: auto
}

.submenu-collapse {
    margin-left: 15px;
    margin-top: 8px
}

.number-of-items {
    color: #999 !important
}

.side-nav-categories2 {
    background: #fff;
    min-height: 400px
}

.pagination-label {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 26px;
    color: #666;
    margin-right: 10px
}

.pager .pages li, .right-pnl-text-coupon {
    display: inline-block;
    vertical-align: middle
}

.grocerry-tile-option, .pages .pagination-custom {
    margin-bottom: 40px
}

.zoomContainer {
    height: 410px !important;
    border: 1px solid #ccc
}

.product-view .product-name h1 {
    margin: 0 0 2px;
    padding-bottom: 0;
    padding-right: 55px;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 1px;
    color: #252525;
    height: 38px;
    overflow: hidden
}

.product-view .product-shop .price-box {
    padding: 10px 0
}

.modal .product-view .product-name, .modal .product-view .product-shop .price-box, .modal .product-view .product-shop .ratings {
    border-bottom: none
}

.modal .similar-offer-section-tile {
    display: inline-block;
    width: 100%;
    margin: 16px 0 0
}

.button-field-dtls .btn-save, .button-field-dtls .btn-see-details {
    width: 160px;
    min-height: 40px;
    border: 2px solid #009bce;
    line-height: 17px;
    letter-spacing: 1px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase
}

.modal .cmn-modal-content.cmn-modal-content-product-details {
    min-height: unset
}

.product-view .product-shop .old-price .price, .product-view .product-shop .price {
    font-size: 16px;
    color: #000;
    font-weight: 700
}

.ratings strong {
    float: none;
    font-style: italic;
    font-weight: 600
}

.imag-and-validity img {
    margin-bottom: 0;
    max-width: 50px;
    height: auto
}

span.title-validity {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    align-items: center;
    color: #666
}

.discount-tag {
    position: absolute;
    left: 25px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: .5px;
    color: #fbf300;
    top: 5px
}

.button-field-dtls .btn-save {
    font-weight: 700;
    color: #009bce;
    margin-left: 0;
    background: 0 0
}

    .button-field-dtls .btn-save:hover, .getcoupon:hover {
        color: #fff;
        background: #009bce
    }

.button-field-dtls .btn-see-details {
    background: #009bce;
    font-weight: 700;
    color: #fff;
    margin-left: 10px
}

    .button-field-dtls .btn-see-details:hover {
        background: #1babda
    }

.product-view .product-shop .add-to-links .link-compare, .product-view .product-shop .add-to-links .link-wishlist {
    border: 1px solid #009bce;
    position: relative;
    color: #009bce;
    height: 40px;
    width: 85px;
    font-weight: 600;
    border-radius: 6px
}

.product-view .email-friend a {
    border: 1px solid #009bce;
    position: relative;
    color: #009bce;
    border-radius: 6px;
    height: 40px;
    width: 85px;
    font-weight: 600
}

    .product-view .add-to-links span.show-on-hover-title, .product-view .email-friend a span.show-on-hover-title {
        margin: 0;
        width: 100px;
        height: 25px;
        line-height: 25px;
        background: #606060;
        border: 1px solid #fff;
        box-sizing: border-box;
        font-size: 10px;
        text-align: center;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #fff;
        position: absolute;
        top: 42px;
        left: 0;
        display: none
    }

.product-view .product-shop .add-to-links li a:hover {
    color: #fff;
    background: #009bce;
    border: 1px solid #009bce
}

.product-view .email-friend a:hover {
    background: #009bce;
    border: 1px solid #009bce
}

.product-view .product-shop .ratings {
    padding: 8px 0
}

.email-addto-box svg {
    margin-top: 0;
    vertical-align: middle;
    margin-right: 5px;
    width: 20px
}

.product-view .email-friend a:hover svg, .product-view .product-shop .add-to-links li a:hover svg {
    filter: brightness(0) invert(1)
}

.product-view .product-shop .add-to-box {
    padding: 5px 0 20px
}

.gradient-retailer-overlay-section {
    box-shadow: 0 0 17px -9px rgb(0 0 0 / 18%);
    color: #fff;
    margin-top: 20px;
    line-height: 0
}

.logo-retailer-left-pannel {
    display: inline-block;
    float: left
}

.retailer-logo-section-overlay {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px
}

.gmap_canvas, .mapouter {
    height: 790px;
    width: 100%
}

.retailer-logo-section-overlay img {
    width: 55px;
    object-fit: contain;
    height: 34px
}

/*==============================popup===========*/

.only-mob-banner {
    display: none;
}

.banner__custom {
    background-image: url('https://imagebloblive.blob.core.windows.net/corporate/images/banner.png');
    background-size: 100%;
    position: relative;
    background-repeat: no-repeat;
    height: 218px
}

.banner-content__top h2 {
    color: #084354;
    font-size: 24px;
    line-height: normal;
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-weight: 900;
    margin: 0 0 18px;
}

    .banner-content__top h2 span {
        font-size: 24px;
        line-height: normal;
        color: #084354;
        font-family: 'Open Sans';
        border-bottom: 2px solid #FD8800;
        display: block;
        width: fit-content;
        font-weight: 600;
    }

.popHdr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 21px 0 16px;
}

#mobileModal button.close {
    position: absolute;
    right: 24px;
    top: 4px;
    font-size: 30px;
    opacity: 1;
}

.banner__main {
    position: absolute;
    top: 44%;
    left: 38%;
    transform: translate(-50%, -50%);
}

.banner__btns a img {
    height: 40px;
}

#mobileModal .modal-content {
    padding: 16px;
}

.download-menu {
    position: relative;
}

    .download-menu .submenu {
        display: none;
    }

    .download-menu a {
        display: block;
        color: rgb(255, 255, 255);
        font-family: "Open Sans";
        font-weight: 700;
        background: rgb(0, 152, 205);
        text-decoration: none;
        padding: 5px 25px;
        border-width: 2px;
        border-style: solid;
        border-color: rgb(0, 155, 207);
        border-image: initial;
        border-radius: 5px;
    }

.popHdr .logo {
    height: 45px;
}

.download-menu:hover ul.submenu {
    display: block;
    margin: 0;
}

.download-menu ul.submenu {
    display: none;
    position: absolute;
    background: #fff;
    right: 0;
    left: 0;
    z-index: 999;
}

    .download-menu ul.submenu li:nth-child(1) a {
        border-bottom: 1px solid #c6eefb !important;
    }

    .download-menu ul.submenu a {
        background: transparent;
        border: 0px;
        color: #000;
        background: none !important;
        color: #084354 !important;
        border-radius: 0px;
    }

/*==============================popup end===========*/  

@media only screen and (max-width: 767px) {
    .banner__custom {
        background-image: url('https://cdn.clicflyer.com/corporate/images/mobile-banner.png');
        height: 446px;
    }

    .banner-content__top h2 span {
        font-size: 20px;
        text-align: center;
        margin: 0 auto;
    }

    .banner-content__top h2 {
        font-size: 22px;
    }

    .banner__main {
        top: 32%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    .retailer-logo-section-overlay img {
        width: 100px;
    }
    .logo-retailer-left-pannel .retailer-logo-section-overlay img {
        width: auto;
    }
    .gradient-retailer-overlay-section .logo-retailer-left-pannel {
        justify-content: space-between;
    }
    .retailer-page-content.retailer_s {
        margin-top: 16px;
    }
}

.gradient-retailer-overlay-section .retailer-logo-section-overlay {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: normal;
    margin-left: 25px;
    /*margin-right: 25px;*/
}

/*.retailer-heading-category h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 19px;
    letter-spacing: 4.5px;
    color: #fff;
    margin-bottom: 0;
    margin-left: 20px
}*/
.retailer-heading-category h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 19px;
    letter-spacing: 4.5px;
    color: #fff;
    margin-bottom: 0;
    margin-left: 20px
}

.right-category-retilaers {
    display: inline-block;
    float: right;
    vertical-align: middle
}

    .right-category-retilaers ul li {
        display: inline-block;
        padding: 12px 25px;
        border-right: 1px solid #fff;
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 1px;
        color: #fff
    }

.img-icon, .searchListng span.bootClass {
    margin-right: 10px
}

.right-category-retilaers ul li:last-child {
    border-right: none
}

.add_info.custom-tab-flyers .nav-tabs.product-tabs > li > a {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase
}

#productTabContent.common-tab-paneinner {
    padding: 0;
    background: 0 0;
    border-top: none
}

.custom-flyers-tabs-common {
    margin-top: 10px !important;
    display: inline-block;
    width: auto;
    padding-top: 0
}

.breadcrumbs .separator {
    line-height: 0
}

.custom-flyers-tabs-common.nav-tabs.product-tabs > li {
    margin-right: 50px;
    position: relative
}

    .custom-flyers-tabs-common.nav-tabs.product-tabs > li::after {
        display: block;
        content: '';
        width: 1px;
        height: 20px;
        background: #e0e0e0;
        position: absolute;
        right: -25px;
        top: 12px
    }

.google-map-nearby-stores-here {
    padding-top: 20px;
    padding-bottom: 50px
}

.map-store-parent {
    max-height: 790px;
    overflow: auto
}

.cmn-map-store-pnl {
    background: #fff;
    cursor: pointer;
    border-bottom: 1px solid #e8e8e8;
    transition: .4s ease-in;
    -webkit-transition: .4s ease-in;
    -moz-transition: .4s ease-in;
    -o-transition: .4s ease-in
}

    .cmn-map-store-pnl:hover {
        background: #009bce
    }

.search-text-value {
    margin-bottom: 35px;
    margin-top: 20px
}

    .search-text-value h2 {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 20px;
        text-align: center
    }

    .search-text-value p {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center
    }

.my-offer-header-part, section.bar.bar-3.bar--sm.bg--site.offers-section.parent-tile-cart.search-cart-visible {
    margin-top: 100px
}

.inner-map-store-pnl {
    padding: 22px 35px
}

.location-track-address h3 {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 1px;
    color: #383737;
    margin-left: 10px;
    display: inline-block;
    width: 240px;
    vertical-align: middle
}

.location-track-address span i {
    color: #009bce;
    font-size: 28px
}

.location-track-address p {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    color: #888
}

.kilometer-tag {
    background: #70b942;
    color: #fff;
    padding: 2px 10px;
    text-align: center;
    display: inline-block;
    border-radius: 40px;
    font-size: 12px
}

.mapouter {
    position: relative;
    text-align: right
}

.gmap_canvas {
    overflow: hidden;
    background: 0 0 !important
}

.gmap_iframe {
    height: 790px !important
}

.cmn-map-store-pnl:hover .kilometer-tag {
    background: #fff;
    color: #009bce
}

.no-gutter-space-right {
    padding-right: 0 !important
}

.no-gutter-space-left {
    padding-left: 0 !important
}

.my-offer-text {
    float: left;
    display: inline-block;
    position: relative
}

    .my-offer-text h3 {
        font-weight: 400;
        font-size: 25px;
        line-height: 30px;
        letter-spacing: .27em;
        text-transform: uppercase;
        color: #616161;
        margin-bottom: 0;
        position: relative;
        display: inline-block
    }

    .my-offer-text::after {
        position: absolute;
        content: '';
        background: linear-gradient(115.24deg,#009bce 16.02%,#70b942 83.98%);
        width: 290px;
        height: 2px;
        left: 100%;
        top: 50%;
        transform: translateY(-50%)
    }

.pannel-checkbox-linked {
    background: #fff;
    padding: 10px 0 25px;
    margin-bottom: 30px
}

.custom-checkbox-with-link {
    position: relative;
    margin-top: 15px
}

.checkbox-parent input[type=checkbox]:checked label {
    text-decoration: line-through
}

.add-item-list {
    margin-bottom: 50px
}

.add-a-item {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background: #009bce;
    border: 1px solid #009bce;
    display: block;
    width: 185px;
    height: 40px
}

.plus-icon-item {
    font-size: 25px;
    vertical-align: top;
    font-weight: 400
}

.add-a-item:hover {
    background: #0ea3d4
}

.inner-custom-checkbox-link {
    border-bottom: 1px solid #e0e0e0;
    padding: 12px 0
}

.checkbox-parent {
    display: inline-block;
    position: relative;
    padding-left: 45px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    color: #383737;
    user-select: none
}

.checked-by-select {
    float: right;
    font-size: 14px;
    margin-top: 0;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px;
    color: #333;
    width: 300px;
    z-index: 60
}

.hamburger-icon-pnl {
    border: 1px solid #a2a2a2;
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    margin: auto;
    float: right;
    cursor: pointer
}

    .hamburger-icon-pnl:hover {
        background: #e8e8e8
    }

.icon-hamburger {
    color: #a1a1a1;
    font-size: 20px
}

.main-list-option-item-checked {
    position: absolute;
    top: 36px;
    width: 250px;
    right: 0;
    z-index: 90;
    background: #fbfbfb;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    padding: 10px 15px;
    display: none
}

    .main-list-option-item-checked ul li a {
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 1px;
        color: #a1a1a1;
        padding: 8px 0;
        display: block
    }

.checkbox-parent input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox-parent .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background: 0 0;
    border-radius: 4px;
    border: 1px solid #c4c4c4;
    box-sizing: border-box
}

.checkbox-parent input:checked ~ .checkmark, .checkbox-parent:hover input ~ .checkmark {
    background-color: #2196f3;
    border-color: #2196f3
}

.checkbox-parent .checkmark:after {
    content: "";
    display: none;
    content: '\2713';
    color: #fff;
    font-size: 20px;
    position: absolute;
    width: 100%;
    left: 0;
    top: -2px;
    font-weight: 600
}

.number-of-list {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #009bce;
    text-align: center;
    border-radius: 50px;
    font-size: 13px;
    color: #fff;
    line-height: 25px;
    float: right;
    margin-right: 20px
}

.linked-arrow-next {
    float: right;
    display: block;
    width: 50px;
    margin: 5px auto auto;
    text-align: center;
    height: 30px;
    vertical-align: middle
}

.most-common-product-img, .product-img-layer {
    width: 220px;
    height: 230px;
    vertical-align: middle
}

.linked-arrow-next:hover svg {
    filter: invert(42%) sepia(77%) saturate(2936%) hue-rotate(167deg) brightness(97%) contrast(101%)
}

.sort-by-select-option select {
    background: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/home/down-arrow.svg) 150px 17px no-repeat;
    border: .5px solid #d3d3d3;
    box-sizing: border-box;
    padding: 10px 20px;
    width: 180px
}

.grocery-heading-white-space {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0
}

.text-layer-heading h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 0;
    position: relative;
    padding: 20px 0
}

    .text-layer-heading h3::after {
        position: absolute;
        content: '';
        background: #009bce;
        width: 90px;
        height: 2px;
        left: 0;
        bottom: 0
    }

.grocery-title-parent {
    background: #fff;
    padding-bottom: 10px
}

.product-img-layer {
    display: block;
    border: 1px solid #e5e5e5
}

.product-img-box {
    padding: 0;
    margin-bottom: 0 !important
}

.no-of-pagesflyer-listing img {
    padding-top: 100px
}

.pages-details-flyer ul li {
    font-size: 14px;
    color: #4e4e4e;
    list-style-type: none;
    line-height: 24px
}

.product-view {
    padding: 0;
    background: 0 0 !important;
    margin-left: 15px;
    margin-right: 15px
}

.most-common-product-img {
    padding: 0;
    position: relative;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    display: table-cell;
    border: none
}

    .most-common-product-img img {
        max-width: 220px;
        margin: 0 auto;
        max-height: 220px !important;
        display: block
    }

.logo-inner-pannel-logo-section ul li {
    display: inline-block;
    margin: 5px 18px;
    width: 200px;
    height: 135px;
    background: #fff
}

.logo-inner-pannel-logo-section {
    padding-bottom: 40px
}

    .logo-inner-pannel-logo-section ul li a img {
        width: 150px;
        height: 100%;
        text-align: center;
        display: inline;
        vertical-align: middle;
        margin: 0 auto;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: scale-down
    }

.mens-electronics-category h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
    text-transform: uppercase;
    color: #009bce;
    margin-left: 20px
}

.mens-electronics-category {
    padding-bottom: 10px
}

.coupon-img-link-essentials {
    vertical-align: middle;
    display: block;
    height: 196px;
    width: 275px
}

.coupon-specific-img-essentials {
    vertical-align: middle;
    padding: 0;
    position: relative;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    display: table-cell;
    height: 196px;
    width: 275px
}

.view-more-box {
    background: radial-gradient(100% 100% at 0 0,#009bce 0,#70b942 100%);
    border: 1px solid #e8e7e7;
    height: 196px;
    width: 275px
}

.view-more-forward {
    font-weight: 600;
    font-size: 18px;
    line-height: 68px;
    letter-spacing: .31em;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    display: block
}

    .view-more-forward img {
        display: block;
        line-height: 196px;
        margin: auto auto 15px;
        padding-top: 55px
    }

.collapsible-nav-main a:before, .right-arrow:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600
}

.coupon-specific-img-essentials img {
    max-width: 275px;
    margin: 0 auto;
    max-height: 196px !important;
    display: block
}

.view-more-box:hover {
    background: radial-gradient(100% 100% at 0 0,#009bce 0,#90d664 100%)
}

.common-paddding-section {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.inner-spaces-coupon {
    background-color: #fff;
    padding: 0;
    box-shadow: 0 0 17px -3px rgb(0 0 0 / 18%);
    height: 315px;
    margin-bottom: 30px
}

.coupon-img-link, .coupon-specific-img {
    height: 196px;
    width: 272px;
    vertical-align: middle
}

.coupon-img-link {
    display: block;
    border-bottom: 1px solid #e8e7e7
}

    .coupon-img-link.coupon-img-link2, .coupon-specific-img.coupon-specific-img2 {
        width: 266px
    }

.coupon-specific-img {
    padding: 0;
    position: relative;
    background: 0 0;
    margin: 0 auto;
    overflow: hidden;
    display: table-cell
}

    .coupon-specific-img img {
        max-width: 272px;
        margin: 0 auto;
        max-height: 196px !important;
        display: block
    }

    .coupon-specific-img.coupon-specific-img2 img {
        max-width: 266px
    }

.logo-coupon-img-and-text {
    padding: 10px 0 0;
    min-height: 58px
}

.left-pnl-img-coupon img {
    width: 48px;
    height: 48px;
    object-fit: cover
}

.imgSec img, .logoBlk img, .tile-img {
    object-fit: contain
}

.flyer-main-parent {
    margin-top: 60px;
    margin-bottom: 80px
}

#mobileMenu-flyerPage {
    margin-top: 0px;
}

a.adds-vertically {
    display: block;
    width: 160px;
    height: auto
}

.product-essential {
    background-color: #e5e5e5;
    padding: 10px 15px
}

.left-adds-section a img {
    width: 100%;
    height: 100%
}

.slider-main-flyers .bxslider li img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

.flyer-header .list_top_content {
    margin: 0;
    background: #fff;
    padding: 1
}

*/
.flyer-header .list_top_content, flyer-header-desktop .list_top_content {
    margin: 0;
    background: none;
}

.flyer-header {
    background: #fff;
}
.flyer-header-desktop {
    /* background: rgba(0,0,0,0.5); */
    padding: 10px 0;
}
.flyer-header-desktop {
    /*position: absolute;
    left: 15px;
    right: 15px;
    z-index: 9;*/
    /*background: rgba(0,0,0,0.5);*/
}

.flyer-header .list_top_content ul {
    text-align: left;
    border: 1px solid #c2c2c2;
    display: flex;
    align-items: center
}
.language-arabic-selected i.fa.fa-search {
    right: unset !important;
    left: 14px;
}
.flyer-header-desktop .list_top_content ul {
    text-align: left;
    /*border: 1px solid #c2c2c2;*/
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 0 8px;
}
#maginifier a:first-child {
    margin-right: 7px;
}
#searchBlk i.fa.fa-search {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}
.flyer-header .list_top_content ul li {
    font-size: 15px;
    font-weight: 600;
    color: #4e4e4e;
    list-style-type: none;
    line-height: normal
}

.flyer-header-desktop .list_top_content ul li {
    /*font-size: 15px;
            font-weight: 600;*/
    /*color: #fff;*/ /*4e4e4e*/
    list-style-type: none;
    color: #606060;
    font-family: Helvetica;
    line-height: normal
}

.slider-main-flyers .bx-wrapper {
    background: #fff;
}

.flyer-header .list_top_content ul li.valid_till, .flyer-header-desktop .list_top_content ul li.valid_till {
    font-size: 12px;
    font-weight: 400
}

.flyer-header .list_top_content .dropdown-content ul, .flyer-header-desktop .list_top_content .dropdown-content ul {
    height: 180px;
    position: absolute;
    right: 109px;
    width: 335px;
    background: #fff;
    padding: 11px;
    line-height: 60px
}

.flyer-header li.bank_mont_first_img {
    border-right: 1px solid #c2c2c2;
    padding: 14px
}

.flyer-header-desktop li.bank_mont_first_img {
    /*border-right: 1px solid #c2c2c2;*/
    padding: 14px 0 14px 0;
}

.flyer-header .list_top_content ul li a, .flyer-header-desktop .list_top_content ul li a {
    color: #606060;
    text-decoration: none
}
.bankmont_grid1 a {
    font-size: 20px;
}

.right-pnl-text-coupon p {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
    color: #383737;
    width: 170px;
    word-wrap: break-word;
    white-space: pre-line;
    text-align: left;
    margin-left: 5px
}

.flyer-header .list_top_content ul li.bankmont_grid, .flyer-header .list_top_content ul li.bankmont_grid {
    line-height: normal;
    vertical-align: middle;
    padding: 0;
    width: 50px;
    margin: 0 auto;
    text-align: center;
    float: right
}

/*.flyer-header .list_top_content ul li.bankmont_grid:hover, .list_top_content ul li.bankmont_grid1:hover {
        background: #dcf5cd
    }*/

.flyer-header .gridflyer, .flyer-header-desktop .gridflyer {
    vertical-align: middle;
    margin: -10px auto 0;
    padding-bottom: 10px;
}

.inner-text-pnl-coupon {
    padding: 0 15px 10px
}

#maginifier {
    /*   float: right;*/
    margin-right: 0;
    /*position: absolute;*/
    top: 5px;
    right: 0
}
.bankmont_grid a.list-view-hamburger {
    color: #606060 !important;
    font-size: 20px;
}

    #maginifier .font-button-cmn {
        /*background-color: #0090cb;*/
        /*height: 50px !important;*/
       /* width: 30px !important;*/
        display: inline-block;
       /* color: #fff;*/
        text-align: center;
        line-height: normal;
        /* font-size: 25pt;*/
        cursor: pointer;
        /*margin-right: 5px*/
    }

        #maginifier .font-button-cmn .minus {
            margin-bottom: 10px;
        }

.slider-main-flyers .bx-wrapper .bx-viewport {
    direction: ltr
}

.slider-main-flyers .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 40%;
    margin-top: -16px;
    outline: 0;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    z-index: 999
}

.slider-main-flyers .bx-wrapper .bx-prev {
    left: 10px;
    background: url(https://cdn.clicflyer.com/websiteimages/Content/Images/bankofmont_list_img_slider.png) left center no-repeat
}

.slider-main-flyers .bx-wrapper .bx-next {
    right: 10px;
    background: url(https://cdn.clicflyer.com/websiteimages/Content/Images/bankofmont_list_img_slider_right.png) right center no-repeat
}

.slider-main-flyers .bx-wrapper .bx-controls-direction a:hover {
    margin-top: -15px
}

.list_top_content ul li.bankmont_grid1 {
    margin: 0 auto;
    padding: 0;
    line-height: normal;
   /* width: 50px;*/
    text-align: center;
    float: right
}

.drop-down-sharing {
    top: 53px;
    height: 180px;
    position: absolute;
    right: 15px;
    min-width: 236px;
    background: #fff;
    padding: 11px;
    line-height: 60px;
    border: 1px solid #c2c2c2;
    display: none
}

    .drop-down-sharing ul li {
        font-size: 16px;
        color: #6d6e70;
        font-weight: 400
    }

        .drop-down-sharing ul li a {
            color: #6d6e70;
            padding: 15px;
            display: block;
            font-weight: 500
        }

.flyer-grid-inner {
    padding: 30px 20px 20px
}

.product-list-view {
    border: 1px solid #d5d5d5;
    /*box-shadow: 0 0 3px rgb(136 136 136);*/
    position: relative;
    min-height: 320px;
    margin-bottom: 30px;
    /*opacity: .5;*/
    transition: .1s ease-in;
    -webkit-transition: .1s ease-in;
    -moz-transition: .1s ease-in;
    -ms-transition: .1s ease-in;
    -o-transition: .1s ease-in
}

    .product-list-view:hover {
        box-shadow: 0 0 6px rgb(136 136 136);
    }

.number-of-pages, .number-of-product {
    background: rgba(0,0,0,.7);
    box-shadow: 0 0 8px rgb(0 0 0 / 60%);
    color: #fff
}

.number-of-pages {
    color: #606060;
}

.number-of-pages {
    border: 6px solid #fff;
    border-radius: 50px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin: 10px;
    width: 160px;
    height: 50px;
    line-height: 38px;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 20px;
}

.flyerpagesgrid-view, .product-img {
    height: 300px;
    vertical-align: middle
}

.product-img {
    display: table;
    margin: 0 auto;
    width: 100%
}

.flyerpagesgrid-view {
    display: table-cell;
    padding: 0 4px;
}

    .flyerpagesgrid-view a img {
        margin: 0 auto;
        max-height: 300px;
        max-width: 100%;
        display: block;
        padding: 5px 0;
    }

.number-of-product {
    border: 2px solid #fff;
    height: 40px;
    position: absolute;
    text-align: center;
    bottom: 15px;
    width: 40px;
    border-radius: 50px;
    display: block;
    font-size: 17px;
    margin: 0;
    line-height: 35px;
    right: 10px
}

.hoverCard, .searchListng {
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff
}

.slider-main-flyers .bx-wrapper {
    padding-bottom: 20px;
    /*margin-bottom: 10px;*/
    box-shadow: none
}

.inner-similar-offer-tile h2 {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 1px;
    color: #424242;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 5px
}

.quesSec h3, .quesSec p {
    font-style: normal;
    line-height: 22px;
    letter-spacing: .01em
}

.similar-offer-section-tile ul li {
    background: #fff;
    display: inline-block;
    width: 19%;
    margin: 0 4px;
    vertical-align: middle
}

    .similar-offer-section-tile ul li a {
        vertical-align: middle;
        display: block;
        height: 180px;
        width: 170px;
        margin: 0 auto;
        line-height: 180px;
        text-align: center
    }

        .similar-offer-section-tile ul li a img {
            max-width: 170px;
            margin: 0 auto;
            max-height: 180px !important
        }

    .similar-offer-section-tile ul li.view-all-smilar-offer {
        vertical-align: middle;
        height: 180px;
        width: 164px;
        color: #fff;
        margin: 0 auto;
        background: #2f2f2f;
        border: 1px solid #e8e7e7
    }

        .similar-offer-section-tile ul li.view-all-smilar-offer a {
            width: 100%;
            display: inline-block;
            font-weight: 700;
            font-size: 18px;
            line-height: 26px;
            text-align: center;
            letter-spacing: 1px;
            color: #fff;
            padding-top: 70px;
            vertical-align: middle
        }

        .similar-offer-section-tile ul li.view-all-smilar-offer:hover {
            background: #201f1f
        }

.similar-offer-section-tile p {
    text-align: left;
    color: #757575
}

#nav-coupon-header .logo {
    margin-right: 15px;
    /*margin-right: 36px;*/
    width: auto;
    margin-top: 0;
    margin-bottom: 0
}

.hotOffer svg {
    height: 30px;
    position: absolute;
    right: -7px;
    bottom: 0
}

.hoverCard {
    display: none;
    position: absolute;
    top: 100%;
    border-radius: 5px;
    padding: 16px 16px 16px 0;
    box-shadow: 0 0 12px #ccc
}

.dropMenu {
    position: static
}

.hoverCard .tabs {
    display: flex;
    border: none;
    margin: 0
}

.hoverCard ul {
    width: max-content;
    margin-right: 25px;
    max-width: 130px;
    min-width: 130px
}

.hoverCard .tab-content1 {
    justify-content: space-between
}

.hoverCard .d-flex ul li, .topOffer .nav-tabs {
    border: none
}

.hoverCard #tabs-nav, .hoverCard #tabs-nav2 {
    min-width: 250px;
    border-right: 1px solid #ddd;
    margin-right: 26px
}

#tabs-nav p, #tabs-nav2 p {
    margin: 0;
    padding: 8px;
    text-transform: uppercase;
    border-left: 4px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

    #tabs-nav p.active, #tabs-nav p:hover, #tabs-nav2 p.active, #tabs-nav2 p:hover {
        border-left-color: #084354;
        border-top: 1px solid #ddd;
        box-shadow: 1px 0 0 0 #fff;
        border-bottom: 1px solid #ddd
    }

div#tabs-content2 {
    min-width: 438px
}

div#tabs-content1 {
    /* min-width: 760px; */
    flex: 1;
    max-height: 280px;
    overflow-y: auto;
}
.hoverCard p a {
    display: flex !important;
    color: #084354;
    align-items: center;
    justify-content: space-between
}

    .hoverCard p a i {
        color: #009ccf
    }

.d-flex, .subLevelInner {
    display: flex
}

.searchListng {
    display: none;
    position: absolute;
    padding: 8px
}

    .searchListng a {
        display: flex;
        justify-content: space-between;
        padding: 6px 7px;
        background: 0 0;
        color: #242424
    }

        .searchListng a:hover {
            background: #256d83;
            color: #fff !important;
        }

    .searchListng p {
        margin-bottom: 6px
    }

.retailerLeftSec h2, .retailerLeftSec p {
    margin: 0;
    font-weight: 600;
    font-family: 'Open Sans'
}

@keyframes bellshake {
    0%,100% {
        transform: rotate(0)
    }

    15% {
        transform: rotate(5deg)
    }

    30% {
        transform: rotate(-5deg)
    }

    45% {
        transform: rotate(4deg)
    }

    60% {
        transform: rotate(-4deg)
    }

    75% {
        transform: rotate(2deg)
    }

    85% {
        transform: rotate(-2deg)
    }

    92% {
        transform: rotate(1deg)
    }
}

.hotOffer:focus i, .hotOffer:hover i {
    animation: .5s cubic-bezier(.36,.07,.19,.97) both bellshake;
    backface-visibility: hidden;
    transform-origin: top right
}

.pixxett-header1 #nav .hotOffer:hover {
    color: #d10000 !important
}

#myCarousel .carousel-control span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background-color: #d9d9d9;
    border-radius: 50%;
    top: 50%;
    position: absolute;
    background-repeat: no-repeat
}

.carousel-control {
    border-radius: 10px
}

#myCarousel .carousel-control.left span, .flickity-prev-next-button.previous {
    left: 10px
}

#myCarousel .carousel-control.right span, .flickity-prev-next-button.next {
    right: 10px
}

.navHdr .hdrInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.custom-search-field form {
    clear: both;
    display: flex;
    justify-content: space-between;
    border: 1px solid #aaa;
    border-radius: 5px;
    overflow: hidden;
    align-items:center;
}

.sticky {
    position: fixed !important;
    box-shadow: 0 5px 16px rgba(0,0,0,.1);
    background: rgba(255,255,255,.9);
    backdrop-filter: blur(10px);
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    animation: .4s ease-out slideDown
}

.fiveColInner, .retailerLeftSec {
    box-shadow: 0 4px 6px rgba(0,0,0,.15)
}

@keyframes slideDown {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.fiveColInner {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 10px;
    position: relative
}

.scrollHeight {
    max-height: 370px;
    overflow-y: auto
}

.hoverCard li a, .text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.retailerRightSec .txtSec, .tabTxtBlk {
    font-size: 14px;
    color: #232323;
    padding: 0 4px;
    background: #d7febf;
    text-align: center;
    font-weight: 600;
    border-top: 1px solid #d8d8d8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.coupons-page .section-heading .section-title, .retailerLeftSec {
    background: #f3f3f3
}

.retailerRightSec .imgSec, .tabLogolk {
    height: 90px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 8px;
    justify-content: center
}

.retailerLeftSec {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 16px;
    text-align: center;
    width: 85%
}

    .retailerLeftSec h2 {
        font-size: 18px;
        color: #454545
    }

    .retailerLeftSec p {
        font-size: 14px;
        color: #232323
    }

    .retailerLeftSec .imgSec {
        height: 174px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        box-shadow: inset 0 2px 3px rgba(0,0,0,.25);
        border-radius: 5px;
        margin: 8px 0 23px
    }

#nav-coupon-header .logo-block, #nav-coupon-header ul#nav, .bootClass, .getcoupon, .gradient-retailer-overlay-section .logo-retailer-left-pannel {
    align-items: center;
    display: flex
}

.tab-content {
    padding: 0 48px;
    margin-top: 41px
}

.fiveCol .col-md-4 {
    width: 20%;
    padding: 0 6px
}

.trending .fiveCol {
    padding: 0 30px
}

.getcoupon {
    background: #256d83;
    color: #fff;
    padding: 8px 0;
    transition: .4s ease-in-out;
    margin: 8px 0 0;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px !important;
    justify-content: center
}

.quesSec h3, .quesSec p, .txtBlk, .txtBlk p {
    font-size: 14px
}

.logoBlk {
    height: 75px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 8px;
    justify-content: center
}

    .logoBlk img {
        height: 60px;
        width: 100%
    }

.imgSec img {
    width: 100%;
    height: 65px
}

.txtBlk {
    color: #454545;
    padding: 8px;
    background: #fff;
    text-align: left;
    font-weight: 400;
    overflow: hidden;
    border-top: 1px solid #d8d8d8;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.headingNoline {
    font-family: Helvetica;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #084354
}

.couponGuide, .FAQ {
    margin-top: 28px
}

.quesSec {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 20px 16px;
    margin: 0 0 12px
}

    .quesSec p {
        font-family: 'Open Sans';
        font-weight: 400;
        color: #5c5c5c
    }

    #accordion .panel-title a, .quesSec h3 {
        font-family: 'Open Sans';
        color: #212121;
        font-weight: 600
    }

    .quesSec h3 {
        margin-bottom: 14px
    }

.content .content-overlay {
    background: #009bce;
    position: absolute;
    height: 100%;
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.content-details {
    position: absolute;
    text-align: center;
    padding: 0 6px;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.hotOffer, .hotOffer i, .subLevel {
    position: relative
}

#ar button.owl-next, #ar button.owl-prev {
    transform: rotate(180deg);
    position: absolute
}

.txtBlk p {
    margin-bottom: 5px;
    color: #454545;
    font-family: 'Open Sans'
}

.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1
}

.fadeIn-bottom {
    top: 80%
}

.content-title {
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans';
    font-weight: 700;
    margin: 0
}

.content-text {
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 700
}

#ar .item li a, .owl_1 .item li a, .viewAll {
    font-size: 13px;
    display: inline-block;
    text-align: center
}

.retailerRightSec {
    padding-right: 28px;
    padding-left: 0
}

.viewAll {
    background: #009bce;
    color: #fff;
    margin: 30px auto 16px;
    transition: .4s ease-out;
    min-width: 216px;
    padding: 9px 0;
    border-radius: 5px
}

    .viewAll:hover {
        background: #084354;
        color: #fff
    }

.hotOffer {
    color: #d10000 !important
}

    .hotOffer i {
        top: -8px
    }

.subLevelInner div {
    min-width: 16%
}

.subLevel > h5 {
    margin: 0 0 10px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: #242424
}

.subLevel h6, .title {
    color: #084354;
    font-size: 14px;
    font-weight: 700
}

.subLevel h6 {
    margin: 0;
    padding: 0 12px
}

.title {
    margin: 0 !important;
    padding: 0
}

.subLevel {
    width: 100%;
    display: none;
    background-color: #fff
}

.pixxett-header1 #nav li.drop-menu > ul > div {
    min-height: 225px;
    border-right: 1px solid #ddd
}

.pixxett-header1 #nav li.drop-menu > ul {
    min-height: 225px;
    min-width: 200px;
    width: unset
}

.firstList > a {
    background-image: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/next.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px);
    background-size: 6px
}

.last li {
    padding: 0 0 0 54px !important
}

.pixxett-header1 .mobile-menu li li li {
    background: #e1e1e1 !important
}

#ar .item li a, .owl_1 .item li a {
    padding: 6px 6px;
    color: #616161;
    font-weight: 400;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    background: #fff;
    font-family: 'Open Sans';
    text-transform: uppercase;
}

/*#ar .item li a, .owl_1 .item li a {
    padding: 6px 4px;
    color: #454545;
    font-weight: 600;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    background: #fff
}*/

.categorySec .nav-tabs {
    border: none;
    /* padding: 10px; */
    /* border-radius: 5px; */
  /*  width: 95%;*/
    margin: 0;
}


#ar.owl-carousel.owl-theme .owl-nav button, .owl_1.owl-carousel.owl-theme .owl-nav button {
    background-color: #009bce;
    border-radius: 50% !important;
    color: #000 !important;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.owl-theme#ar .owl-nav button.disabled, .owl-theme.owl_1 .owl-nav button.disabled {
    cursor: default;
    background-color: #d9d9d9
}

.owl_1 button.owl-prev {
    position: absolute;
    top: 50%;
    left: -52px;
    transform: translateY(-50%)
}

.owl_1 button.owl-next {
    position: absolute;
    top: 50%;
    right: -52px;
    transform: translateY(-50%)
}

#ar button.owl-next {
    right: unset;
    left: -16px;
    top: 8px;
}

#ar button.owl-prev {
    left: unset;
    right: -16px;
    top: 8px;
}

#ar .owl-nav {
    top: 0;
    position: absolute;
    left: 0;
    right: 0
}

.owl-nav span {
    font-size: 36px
}

.topOffer .tab-content {
    margin-top: 26px
}

#ar .owl-nav .owl-next span, .owl_1 .owl-nav .owl-next span {
    font-size: 0;
    background-image: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/caretRight.png);
    display: inline-block;
    width: 8px;
    height: 16px;
    left: 1px;
    position: relative
}

#ar .owl-nav .owl-prev span, .owl_1 .owl-nav .owl-prev span {
    font-size: 0;
    background-image: url(https://cdn.clicflyer.com/websiteimages/NewHome/images/caretLeft.png);
    display: inline-block;
    width: 8px;
    height: 16px;
    right: 1px;
    position: relative
}

#nav-coupon-header .nav-inner {
    width: auto;
    margin: 0;
    padding:24px 0;
}

#nav-coupon-header .searchbar-field {
    width: auto;
    flex: 1;
}

.pixxett-header1.CouponsNewHome #nav > li > a {
    padding: 0 9px;
    /*padding: 24px 10px;*/
}

.colSeven .col-sm-2, .colSeven .colSevenBlk {
    width: 14.28%
}

.categorySec .tab-content {
    padding: 0 11px;
    margin-top: 14px;
}
    .categorySec .tab-content #tabRet {
        max-height: 880px;
        min-height: 300px;
        overflow-y: auto;
    }


.rotate {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#accordion .panel-title a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px
}

#accordion i.fa.fa-chevron-down {
    font-size: 12px
}

#accordion .panel-body p {
    color: #5c5c5c;
    font-weight: 400
}

#accordion.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0
}

#accordion .panel-body {
    background: #f3f3f3;
    border: none;
    padding-top: 0
}

#productTabContent.tab-content {
    margin-top: 10px
}

.top-banner-section .nav-tabs {
    border: 1px solid #ccc;
    padding: 8px;
    width: 92%;
    margin: 0 auto;
    border-radius: 5px
}

.CouponsNewHome .carousel-banner-common .carousel-inner, .CouponsNewHome .carousel-banner-common .carousel-inner > .item img, .Home.carousel-banner-common .carousel-inner, .Home.carousel-banner-common .carousel-inner > .item img {
    border-radius: 0
}

#accordion .panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #f3f3f3;
    border-radius: 0;
    padding: 15px
}

[05:44pm] Madhulina Singha #google_translate_element {
    width: 300px;
    float: right;
    text-align: right;
    display: block
}

#goog-gt-tt, .goog-tooltip skiptranslate {
    display: none !important;
    top: 0 !important
}

.activity-root, .started-activity-container, .status-message {
    display: hide !important
}

.text-truncate {
    width: 100%;
    display: inline-block;
    height: 44px;
    margin: 0 !important
}

.txtBlk.text-truncate {
    height: 51px
}

.hoverCard li a {
    width: 100%;
    display: inline-block;
    height: unset
}

.txtBelowHdng h1, .txtBelowHdngHome h1 {
    font-size: 1px;
    color: transparent
}

.temp .owl-stage {
    width: 1070px !important
}

.px-2 {
    padding-left: 5px;
    padding-right: 5px
}

.fiveColClass {
    width: 20% !important
}

.tile-img {
    width: 100%;
    height: 160px
}

.product-image img, .search-cart-visible .retailers-flyer-tile .product-image img {
    height: 120px;
    width: 100%;
    object-fit: contain
}

.left-filter-submenu .side-nav-categories .box-category {
    max-height: unset;
    overflow: auto;
    padding: 7px 16px;
}

.side-nav-categories .box-category {
    max-height: 400px;
    overflow: auto
}

.search-cart-visible .product-bestseller .products-grid .item {
    padding: 0 5px
}

.HomeScroll.scrollHeight {
    max-height: 394px;
    margin: 0
}
/*! Flickity v2.0.2
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled:focus, .tabcontrol a, .wizard a {
    outline: 0
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab
    }

        .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
            cursor: -webkit-grabbing;
            cursor: grabbing
        }

.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: hsla(0,0%,100%,.75);
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .flickity-prev-next-button:focus {
        outline: 0;
        box-shadow: 0 0 0 5px #09f
    }

    .flickity-prev-next-button:active {
        opacity: .6
    }

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button:disabled {
    opacity: .3;
    cursor: auto
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-prev-next-button .arrow {
    fill: #333
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.tabcontrol, .wizard {
    display: block;
    width: 100%;
    overflow: hidden
}

#loader, .ui-loader {
    width: 150px;
    height: 150px
}

.tabcontrol ul, .wizard ul {
    list-style: none !important;
    padding: 0;
    margin: 0
}

    .tabcontrol ul > li, .wizard ul > li {
        display: block;
        padding: 0
    }

.tabcontrol > .content > .title, .tabcontrol > .steps .current-info, .wizard > .content > .title, .wizard > .steps .current-info {
    position: absolute;
    left: -999em
}

.tabcontrol > .steps, .wizard > .steps {
    position: relative;
    display: block;
    width: 100%
}

.wizard.vertical > .steps {
    display: inline;
    float: left;
    width: 30%
}

.wizard > .steps .number {
    font-size: 1.429em
}

.wizard > .steps > ul > li {
    width: 25%
}

.wizard.vertical > .steps > ul > li {
    float: none;
    width: 100%
}

.wizard > .steps a, .wizard > .steps a:active, .wizard > .steps a:hover {
    display: block;
    width: auto;
    margin: 0 .5em .5em;
    padding: 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.wizard > .steps .disabled a, .wizard > .steps .disabled a:active, .wizard > .steps .disabled a:hover {
    background: #eee;
    color: #aaa;
    cursor: default
}

.wizard > .steps .current a, .wizard > .steps .current a:active, .wizard > .steps .current a:hover {
    background: #2184be;
    color: #fff;
    cursor: default
}

.wizard > .steps .done a, .wizard > .steps .done a:active, .wizard > .steps .done a:hover {
    background: #9dc8e2;
    color: #fff
}

.wizard > .steps .error a, .wizard > .steps .error a:active, .wizard > .steps .error a:hover {
    background: #ff3111;
    color: #fff
}

.wizard > .content {
    background: #eee;
    display: block;
    margin: .5em;
    min-height: 35em;
    overflow: hidden;
    position: relative;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.wizard.vertical > .content {
    display: inline;
    float: left;
    margin: 0 2.5% .5em;
    width: 65%
}

.tabcontrol > .content > .body, .wizard > .content > .body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%
}

    .tabcontrol > .content > .body ul, .wizard > .content > .body ul {
        list-style: disc !important
    }

        .tabcontrol > .content > .body ul > li, .wizard > .content > .body ul > li {
            display: list-item
        }

    .wizard > .content > .body > iframe {
        border: 0;
        width: 100%;
        height: 100%
    }

    .wizard > .content > .body input {
        display: block;
        border: 1px solid #ccc
    }

        .wizard > .content > .body input.error {
            background: #fbe3e4;
            border: 1px solid #fbc2c4;
            color: #8a1f11
        }

    .wizard > .content > .body label {
        display: inline-block;
        margin-bottom: .5em
    }

        .wizard > .content > .body label.error {
            color: #8a1f11;
            display: inline-block;
            margin-left: 1.5em
        }

.wizard > .actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%
}

.wizard.vertical > .actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%
}

.wizard > .actions > ul {
    display: inline-block;
    text-align: right
}

    .wizard > .actions > ul > li {
        margin: 0 .5em
    }

.wizard.vertical > .actions > ul > li {
    margin: 0 0 0 1em
}

.wizard > .actions a, .wizard > .actions a:active, .wizard > .actions a:hover {
    background: #2184be;
    color: #fff;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.wizard > .actions .disabled a, .wizard > .actions .disabled a:active, .wizard > .actions .disabled a:hover {
    background: #eee;
    color: #aaa
}

.tabcontrol > .steps > ul {
    position: relative;
    margin: 6px 0 0;
    top: 1px;
    z-index: 1
}

    .tabcontrol > .steps > ul > li {
        float: left;
        margin: 5px 2px 0 0;
        padding: 1px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

        .tabcontrol > .steps > ul > li:hover {
            background: #edecec;
            border: 1px solid #bbb;
            padding: 0
        }

        .tabcontrol > .steps > ul > li.current {
            background: #fff;
            border: 1px solid #bbb;
            border-bottom: 0;
            padding: 0 0 1px;
            margin-top: 0
        }

        .tabcontrol > .steps > ul > li > a {
            color: #5f5f5f;
            display: inline-block;
            border: 0;
            margin: 0;
            padding: 10px 30px;
            text-decoration: none
        }

        .tabcontrol > .steps > ul > li.current > a {
            padding: 15px 30px 10px
        }

.tabcontrol > .content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px
}

.carousel-banner-common .carousel-inner {
    height: 280px
}

.inner-trend-logo-section {
    line-height: 180px
}

#loader {
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 70%;
    left: 0;
    right: 0;
    border: 0;
    background: 0 0;
    text-align: center;
    margin: 0 auto
}

.ui-loader {
    display: block;
    padding: 1px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    background: url("https://cdn.clicflyer.com/websiteimages/Images/lazyloader.gif") center center/150px 150px no-repeat
}

.active-flyer-grid-view-parent {
    overflow: hidden;
    background: #fff;
    display: block
}

.gradient-retailer-overlay-section {
    background: #00aae6;
    padding: 10px 25px
}

.infoboxwindow {
    font-size: 18px;
    font-weight: 700
}

.mob-banner-carousel {
    display: none;
}

    .mob-banner-carousel .owl-controls {
        bottom: 0;
        position: absolute;
        left: 0;
        right: 0;
    }

    .mob-banner-carousel .owl-pagination {
        position: static;
        background: transparent;
        padding: 0;
    }

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    margin: 0 2px;
}

.mob-banner-carousel .owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
}
@media only screen and (min-width:768px) {
    #appendNew li {
        min-width: 15%;
    }
}

@media only screen and (max-width:767px) {
    #product-detail-tab li a {
        padding-bottom: 0;
    }
    #retailersPage > div {
        height: unset !important;
        margin-bottom: 8px;
        margin-top: 16px;
        display: inline-block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    #tabFlyerHorScroll div#tabfly2 {
        height: unset !important;
    }
    .view-more-div {
        margin-top: 20px !important;
        margin-bottom: 12px !important;
    }
    .searchBrdHdr .totalavailOffer {
        display: block;
        width: 100%;
        text-align: center;
    }

    .searchBrdHdr p {
        font-size: 15px;
    }

    .searchBrdHdr h1 {
        font-size: 14px;
    }

    .bread-header.text-center.searchBrdHdr {
        display: inline-block;
        font-size: 14px;
    }

    @media only screen and (max-width:767px) {

        .flyer-header .list_top_content .searchListng2mob {
            width: 80%;
            display: none;
            height: 500px;
            overflow-y: auto;
        }

        .searchListng2mob p > a > span:first-child {
            padding-right: 10px;
        }

        #searchListing p {
            width: 100%;
        }

        #searchListing span > font:last-child, #searchListing span > font:first-child {
            display: inline-block;
            width: 96%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .retailer_name h4 {
            max-width: 110px;
        }

        /*.gradient-retailer-overlay-section .logo-retailer-left-pannel {
            flex-direction: column;*/
            /* justify-content: flex-start; */
        /*}*/

        .gradient-retailer-overlay-section .retailer-heading-category {
            text-align: center;
            /*margin-bottom: 9px;*/
        }

        .retailers-flyer-tile .product-image img {
            object-position: center;
        }
    }
}

/*  ------------  Banner CSS ------------------ */

#banner-cf {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    object-fit: cover;
    width: 100%;
}

#bg-image-cf {
    width: 100%;
}

#overlay-cf {
    background-color: rgba(0, 0, 0, 0.7); /* Adjust opacity as needed */
    border-radius: 10px;
    position: absolute;
    padding: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
    color: white;
}

#banner-heading {
    font-size: 2.5vw;
    letter-spacing: 0.25em;
    font-weight: 500;
    color: white;
}

#banner-paragraph {
    font-size: 1.4vw;
    line-height: 1.2;
    padding-bottom: 1%;
    color: #e8e1e1;
    margin-bottom: 0.2em;
}

.carousel-banner-common .carousel-inner .item .get-app-header img {
    height: 28px; /* --- small height so that icons will be visible on mobile, else big size ------ */
}

#overlay-cf a img:hover {
    transform: scale(1.1); /* Increase size on hover */
    transition: transform 0.3s ease;
    box-shadow: 0px 0px 10px rgb(0, 0, 0);
}

#banner-heading-arabic {
    font-size: 2.5vw;
    font-weight: 700;
    color: white;
}

@media (min-width: 774px) {
    .carousel-banner-common .carousel-inner .item .get-app-header img {
        height: 38px;
    }
}

@media (max-width: 688px) {
    #banner-heading {
        font-size: 2.5vw;
    }

    #banner-paragraph {
        font-size: 1.85vw;
    }

    .carousel-banner-common .carousel-inner .item .get-app-header img {
        height: 25px;
    }
}

@media (min-width: 689px) and (max-width: 992px) {
    #banner-heading {
        font-size: 2.2vw;
    }

    #banner-paragraph {
        font-size: 1.8vw;
    }
}

@media (min-width: 993px) and (max-width: 1312px) {
    #banner-heading {
        font-size: 2.2vw;
    }

    #banner-paragraph {
        font-size: 1.6vw;
    }
}

@media (min-width: 1313px) {
    #banner-heading {
        font-size: 2.1vw;
    }

    #banner-paragraph {
        font-size: 1.1vw;
    }
}

/*Retailer's page*/
@media only screen and (max-width: 767px) {
    .retailer-page-content {
        margin-top: 230px;
    }
    .retailer-heading-category h1 {
        margin: 0;
        text-align: left;
        letter-spacing: normal;
    }
}

.hidden-retailer {
    display:none;
}

/* Coupons Ads */

.horizontalDesktopAd {
    display: none;
    margin-top: 20px;
    /*height: 150px;
    width: 1200px;
    background-color: darkgray;
    margin-left: auto;
    margin-right: auto;*/
}

.horizontalDesktopAd iframe {
    min-height: unset;
}

@media only screen and (min-width: 1200px) {
    .horizontalDesktopAd {
        display: block;
    }
}
.verticalDesktopAd {
    display: none;
}

.verticalDesktopAd iframe {
    min-height: unset;
}

@media only screen and (min-width: 1200px) {
    .verticalDesktopAd {
        display: block;
    }
}

.offersPageAd {
    margin-top: 20px;
}

.offersPageAd iframe {
    min-height: unset;
}

@media only screen and (min-width: 900px) {
    .offersPageAd {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    #logoDesktop {
        display: none;
    }
    #logoMobile {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    #logoMobile {
        display: none;
    }
    #logoDesktop {
        display: block;
    }
}

.mobileAd {
    display: none;
}
.mobileAd iframe {
    min-height: unset;
}

@media screen and (max-width: 767px) {
    .mobileAd {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 9999;
        height: 60px;
    }
}