.coupon-image {
    padding: 10px;
}
.main-banner-column p{
    font-size: .65rem !important;
}
/*------custom button----------*/
.btn-join:before,.btn-add-ext:before {
    position: absolute;
    top: 0;
    left: 0;
    width:65px;
    height: 100%;
    font-family:FontAwesome;
    content: "\f196";
    color:#fff;
    font-size:1.4rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight:normal;
    background: var(--color-second);
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.btn-join,.btn-add-ext {
    position:relative;
    background-color:#fff;
    color:var(--color-second);
    border:none;
    font-size:1.2rem;
    font-weight:600;
    padding-left:4.5rem;
    -webkit-transition:background-color 500ms linear, color 500ms linear;
    transition:background-color 500ms linear, color 500ms linear;
}
.btn-join:hover {
    background: var(--color-second);
    color:#fff;
}
.btn-add-ext:before {
    content: "\f268";
    background:#3f2e7e;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.btn-add-ext {
    background-color:#5741a6;
    color:#fff;
}
.btn-add-ext:hover {
    background:#3f2e7e;
    color:#fff;
}
.btn-join,.btn-add-ext:focus {
    box-shadow:none;
}
.main-banner{margin-top: 83px}
.main-banner-column-1{ background: url(../img/banner/banner-1.jpg);}
.main-banner-column-2{ background: url(../img/banner/banner-2.jpg);}
.main-banner .main-banner-column{
    padding: 5px 15px;
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.bannerButton{
    width: 95%;
    position: absolute;
    bottom: 0%;
    left: 2%;
}
.category-img{
    object-fit: contain;
    margin: 0 auto;
    color: var(--color-first);
    font-weight: 600;
    padding: 15px;
}
.category-name{font-weight: 600}
.category-list-Carousel .item{ border-radius: 25px; }
.category-list-Carousel.owl-theme .owl-nav{top: 45%;width: 100%}
.category-list-Carousel.owl-theme .owl-nav .owl-next{right: 0.1px}
.category-list-Carousel.owl-theme .owl-nav .owl-prev{right:initial;left: -16px}
.offer-imgs .item,.offer-imgs a img{border-radius: 15px}
.testimonialSection{
    background:linear-gradient(rgba(125,93,238, 0.95),rgba(125,93,238, 0.95)), url(../img/testimonials-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.testimonial-carousel.owl-carousel .owl-nav button.owl-next, 
.testimonial-carousel.owl-carousel .owl-nav button.owl-prev{background: var(--color-second) !important;}
.get-cashback-Section {
    background: linear-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, .4)) 0 0 / cover no-repeat, url(../img/testimonial-bg.webp) 0 0 / cover no-repeat;
}



.latestOffers .card{
    background: rgb(138,108,211);
    background: -moz-linear-gradient(47deg, rgba(138,108,211,1) 0%, rgba(102,124,211,1) 41%, rgba(0,212,255,1) 100%);
    background: -webkit-linear-gradient(47deg, rgba(138,108,211,1) 0%, rgba(102,124,211,1) 41%, rgba(0,212,255,1) 100%);
    background: linear-gradient(47deg, rgba(138,108,211,1) 0%, rgba(102,124,211,1) 41%, rgba(0,212,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8a6cd3",endColorstr="#00d4ff",GradientType=1);
}	

.latestOffers .card .category-brand{
    width:100px;
    height:30px;
    padding: 5px 8px;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 10px;
    display: flex;
    justify-content:end;
/*align-content: center;*/
box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.31);
}

.latestOffers .category-brand img{
    height:25px;
    object-fit: scale-down;
}
.latestOffers .card .card-text{
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.3;
}
.latestOffers .card .text-limit-4{
    -webkit-line-clamp: 4;
    height:auto;
}
.brand-product-img{
    width: 100%;
    background:#fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border-radius: .25rem !important;
}
.brand-product-img img{
    width: 100%;
    height:100px;
    object-fit: scale-down;
}

.stores-logo img{
    padding: 0;
    height: 65px;
    object-fit: scale-down;
}
.stores-logo .btn-sm {
    padding: .15rem .25rem;
    font-size:0.8rem;
    font-weight:600;
}
.exclusive-perks .perks-icon {
    width: 100px;
    height:100px;
    padding: 10px;
    border-radius: 0.3rem;
    display:block;
    margin:0 auto;
}
.exclusive-perks .card-body {
    padding: 0.5rem 0.5rem;
}
.bg-style1{
    background: rgb(89, 201, 249);
    background: -moz-linear-gradient(-180deg, rgba(89, 201, 249, 1) 0%, rgba(87, 83, 228, 1) 61%);
    background: -webkit-linear-gradient(-180deg, rgba(89, 201, 249, 1) 0%, rgba(87, 83, 228, 1) 61%);
    background: linear-gradient(-180deg, rgba(89, 201, 249, 1) 0%, rgba(87, 83, 228, 1) 61%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#59c9f9",endColorstr="#5753e4",GradientType=1);
    color: #fff;
}
.bg-style2{
    background: rgb(199,128,232);
    background: -moz-linear-gradient(229deg, rgba(199,128,232,1) 0%, rgba(160,197,250,1) 51%, rgba(246,239,247,1) 100%);
    background: -webkit-linear-gradient(229deg, rgba(199,128,232,1) 0%, rgba(160,197,250,1) 51%, rgba(246,239,247,1) 100%);
    background: linear-gradient(229deg, rgba(199,128,232,1) 0%, rgba(160,197,250,1) 51%, rgba(246,239,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c780e8",endColorstr="#f6eff7",GradientType=1);
}
.bg-style3{
    background: rgb(78,240,245);
    background: -moz-linear-gradient(229deg, rgba(78,240,245,1) 0%, rgba(255,151,176,1) 51%);
    background: -webkit-linear-gradient(229deg, rgba(78,240,245,1) 0%, rgba(255,151,176,1) 51%);
    background: linear-gradient(229deg, rgba(78,240,245,1) 0%, rgba(255,151,176,1) 51%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4ef0f5",endColorstr="#ff97b0",GradientType=1);
}

/*** referral ***/
.referral .mainHeading{
    font-size:2.3rem;
    font-weight:900; 
}
.webContent .subHeading {
    font-size: 1.6rem;
    letter-spacing: 0px;
    font-weight:500;
}
/*** polular category ***/
.popularCategoryCard {
/*height: 200px;*/
width: 100%;
border-radius: 10px;
padding: 3px;
border: 0;
box-shadow: none;
margin-bottom: 20px;
}
.popularCategoryCardImg{
    width: 100%;
    height:260px;
    border-radius: 10px;
    object-fit: cover;
}
.popularCategoryCard .card-img-overlay .brandProductImg {
    width: 100%;
    height: 140px;
    object-fit: scale-down;
}

.brand-container{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:10px;
}
.popularCategoryCard .brand{
    width:120px;
    height:40px;
    padding:0px 10px;
    border-radius:.25rem;
    background: #fff;
    display: flex; 
    flex-wrap:wrap;
    flex-direction:column; 
    position:relative;
    overflow:hidden;
/* justify-content: center; 
align-content: center; */
box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.31);
}

.popularCategoryCard .categoryName{
    font-size:1.2rem;
    font-weight:700;
    line-height:1.2;
    color:#fff;
    margin-bottom:0.9rem;
    text-align:center;
}
.popularCategoryCard .brand img {
    height: 40px;
    object-fit: scale-down;
}
.popularCategoryCard .categoy-img{
    max-width:100%;
    height:245px;
    object-fit:scale-down;
}
/*** category-card ***/


.latestOffers .card{
    background: rgb(138,108,211);
    background: -moz-linear-gradient(47deg, rgba(138,108,211,1) 0%, rgba(102,124,211,1) 41%, rgba(0,212,255,1) 100%);
    background: -webkit-linear-gradient(47deg, rgba(138,108,211,1) 0%, rgba(102,124,211,1) 41%, rgba(0,212,255,1) 100%);
    background: linear-gradient(47deg, rgba(138,108,211,1) 0%, rgba(102,124,211,1) 41%, rgba(0,212,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8a6cd3",endColorstr="#00d4ff",GradientType=1);
}	

.latestOffers .card .category-brand{
    width:100px;
    height:30px;
    padding: 5px 8px;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 10px;
    display: flex;
    justify-content:end;
/*align-content: center;*/
box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.31);
}

.latestOffers .category-brand img{
    height:25px;
    object-fit: scale-down;
}
.latestOffers .card .card-text{
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.2;
}
.latestOffers .card .text-limit-2{ -webkit-line-clamp: 2;height:45px }
.brand-product-img{
    width: 100%;
    background:#fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border-radius: .25rem !important;
}
.brand-product-img img{
    width: 100%;
    height:100px;
    object-fit: scale-down;
}
.stores-logo .new-stores-section{
    background: url(../img/popular-category/category-bg-4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.stores-logo .new-stores-section .offer-cashback-text{background: #f1f1f1;}
.stores-logo .btn-sm {
    padding: .15rem .25rem;
    font-size:0.8rem;
    font-weight:600;
}
.exclusive-perks .perks-icon {
    width: 100px;
    height:100px;
    padding: 10px;
    border-radius: 0.3rem;
}
.exclusive-perks .card-body {
    padding: 0.5rem 0.5rem;
}


.bg-style1{
    background: rgb(89, 201, 249);
    background: -moz-linear-gradient(-180deg, rgba(89, 201, 249, 1) 0%, rgba(87, 83, 228, 1) 61%);
    background: -webkit-linear-gradient(-180deg, rgba(89, 201, 249, 1) 0%, rgba(87, 83, 228, 1) 61%);
    background: linear-gradient(-180deg, rgba(89, 201, 249, 1) 0%, rgba(87, 83, 228, 1) 61%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#59c9f9",endColorstr="#5753e4",GradientType=1);
    color: #fff;
}
.bg-style2{
    background: rgb(199,128,232);
    background: -moz-linear-gradient(229deg, rgba(199,128,232,1) 0%, rgba(160,197,250,1) 51%, rgba(246,239,247,1) 100%);
    background: -webkit-linear-gradient(229deg, rgba(199,128,232,1) 0%, rgba(160,197,250,1) 51%, rgba(246,239,247,1) 100%);
    background: linear-gradient(229deg, rgba(199,128,232,1) 0%, rgba(160,197,250,1) 51%, rgba(246,239,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c780e8",endColorstr="#f6eff7",GradientType=1);
}
.bg-style3{
    background: rgb(78,240,245);
    background: -moz-linear-gradient(229deg, rgba(78,240,245,1) 0%, rgba(255,151,176,1) 51%);
    background: -webkit-linear-gradient(229deg, rgba(78,240,245,1) 0%, rgba(255,151,176,1) 51%);
    background: linear-gradient(229deg, rgba(78,240,245,1) 0%, rgba(255,151,176,1) 51%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4ef0f5",endColorstr="#ff97b0",GradientType=1);
}

/*** referral ***/
.referral .mainHeading{
    font-size:2.3rem;
    font-weight:900; 
}
/*** polular category ***/
.popularCategoryCard {
/*height: 200px;*/
width: 100%;
border-radius: 10px;
padding: 3px;
border: 0;
box-shadow: none;
margin-bottom: 20px;
}
.popularCategoryCardImg{
    width: 100%;
    height:260px;
    border-radius: 10px;
    object-fit: cover;
}
.popularCategoryCard .card-img-overlay .brandProductImg {
    width: 100%;
    height: 140px;
    object-fit: scale-down;
}

.brand-container{
    display:flex;
    justify-content:center;
    flex-direction:row;
    flex-wrap:wrap;
    gap:10px;
}
.popularCategoryCard .brand{
    width:120px;
    height:40px;
    padding:0px 10px;
    border-radius:.25rem;
    background: #fff;
    display: flex; 
    flex-wrap:wrap;
    flex-direction:column; 
    position:relative;
    overflow:hidden;
/* justify-content: center; 
align-content: center; */
box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.31);
}

.popularCategoryCard .categoryName{
    font-size:1.2rem;
    font-weight:700;
    line-height:1.2;
    color:#fff;
    margin-bottom:0.9rem;
    text-align:center;
    border:0;
}
.popularCategoryCard .brand img {
    height: 40px;
    object-fit: scale-down;
}
.popularCategoryCard .categoy-img{
    max-width:100%;
    height:245px;
    object-fit:scale-down;
}
/*** category-card ***/
@media only screen and (max-width:1100px){
    .testimonial-carousel.owl-carousel .owl-nav button.owl-prev{left: initial !important;right: 50px}
}
@media only screen and (max-width:992px){
    .main-banner { margin-top: 48px; }
    .latestOffers .card .card-text{margin-top: 5px}
}
@media only screen and (max-width:767px){
    .main-banner {  margin-top: 43px; }
    .main-banner .main-banner-column{height: 250px;padding: 15px}
    /*.bannerButton{position: initial;}*/
    .brand-container .brand{width:150px}
    .popularCategoryCardImg{height:500px;}
    .latestOffers .card .text-limit-2 {height: auto;line-height: 1.2}
    .brandButtons button.nav-link {margin: 0px 15px 0 0 ;}
    .testimonial-carousel.owl-carousel .owl-nav { top: 105%;right:45% }
}
@media only screen and (max-width:450px){
    .latestOffers .card .text-limit-2 {height: 50px;}
    .webContent .subHeading{font-size: 1.3rem}
    .brandButtons button.nav-link {margin: 0px 5px 0 0 ;}
    .testimonial-carousel.owl-carousel .owl-nav { right:40% }
}