.elementor-2362 .elementor-element.elementor-element-879b717{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:110px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-2362 .elementor-element.elementor-element-879b717:not(.elementor-motion-effects-element-type-background), .elementor-2362 .elementor-element.elementor-element-879b717 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://couponsluck.com/wp-content/uploads/2021/07/tech-news-hero-gradient-bg-green.svg");background-repeat:no-repeat;}.elementor-2362 .elementor-element.elementor-element-879b717::before, .elementor-2362 .elementor-element.elementor-element-879b717 > .elementor-background-video-container::before, .elementor-2362 .elementor-element.elementor-element-879b717 > .e-con-inner > .elementor-background-video-container::before, .elementor-2362 .elementor-element.elementor-element-879b717 > .elementor-background-slideshow::before, .elementor-2362 .elementor-element.elementor-element-879b717 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2362 .elementor-element.elementor-element-879b717 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://couponsluck.com/wp-content/uploads/2021/07/tech-news-hero-gradient-bg-purple.svg");--background-overlay:'';background-position:top right;background-repeat:no-repeat;}.elementor-2362 .elementor-element.elementor-element-8ee996b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2362 .elementor-element.elementor-element-60b618c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2362 .elementor-element.elementor-element-e73c310 .elementor-repeater-item-6d67ffc .swiper-slide-bg{background-color:#833ca3;background-image:url(https://couponsluck.com/wp-content/uploads/2025/10/81f124924a001.webp);background-size:contain;}.elementor-2362 .elementor-element.elementor-element-e73c310 .swiper-slide{transition-duration:calc(5000ms*1.2);height:250px;}.elementor-2362 .elementor-element.elementor-element-e73c310.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2362 .elementor-element.elementor-element-e73c310 .swiper-slide-contents{max-width:100%;text-shadow:0px 0px 8px #000000;}.elementor-2362 .elementor-element.elementor-element-e73c310 .swiper-slide-inner{padding:25px 25px 25px 25px;text-align:left;}.elementor-2362 .elementor-element.elementor-element-e73c310 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:0px;}.elementor-2362 .elementor-element.elementor-element-e73c310 .elementor-slide-heading{color:#F4F6F4;font-size:23px;font-weight:bold;text-transform:uppercase;font-style:normal;word-spacing:0px;}.elementor-2362 .elementor-element.elementor-element-e73c310 .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:0px;}.elementor-2362 .elementor-element.elementor-element-e73c310 .elementor-slide-description{font-family:"Arial", Sans-serif;font-size:14px;font-weight:normal;text-transform:capitalize;font-style:normal;text-decoration:none;}.elementor-2362 .elementor-element.elementor-element-e73c310 .elementor-swiper-button{font-size:9px;color:var( --e-global-color-secondary );}.elementor-2362 .elementor-element.elementor-element-e73c310 .elementor-swiper-button svg{fill:var( --e-global-color-secondary );}.elementor-2362 .elementor-element.elementor-element-3c1436f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2362 .elementor-element.elementor-element-fb98f57 > .elementor-widget-container{margin:0px 0px -9px 0px;border-style:none;border-radius:10px 10px 10px 10px;}.elementor-2362 .elementor-element.elementor-element-bbce296{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2362 .elementor-element.elementor-element-bb10416 .elementor-repeater-item-6d67ffc .swiper-slide-bg{background-color:#833ca3;background-image:url(https://couponsluck.com/wp-content/uploads/2025/10/81f124924a001.webp);background-size:contain;}.elementor-2362 .elementor-element.elementor-element-bb10416 .swiper-slide{transition-duration:calc(5000ms*1.2);height:250px;}.elementor-2362 .elementor-element.elementor-element-bb10416.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2362 .elementor-element.elementor-element-bb10416 .swiper-slide-contents{max-width:100%;text-shadow:0px 0px 8px #000000;}.elementor-2362 .elementor-element.elementor-element-bb10416 .swiper-slide-inner{padding:25px 25px 25px 25px;text-align:left;}.elementor-2362 .elementor-element.elementor-element-bb10416 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:0px;}.elementor-2362 .elementor-element.elementor-element-bb10416 .elementor-slide-heading{color:#F4F6F4;font-size:23px;font-weight:bold;text-transform:uppercase;font-style:normal;word-spacing:0px;}.elementor-2362 .elementor-element.elementor-element-bb10416 .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:0px;}.elementor-2362 .elementor-element.elementor-element-bb10416 .elementor-slide-description{font-family:"Arial", Sans-serif;font-size:14px;font-weight:normal;text-transform:capitalize;font-style:normal;text-decoration:none;}.elementor-2362 .elementor-element.elementor-element-bb10416 .elementor-swiper-button{font-size:9px;color:var( --e-global-color-secondary );}.elementor-2362 .elementor-element.elementor-element-bb10416 .elementor-swiper-button svg{fill:var( --e-global-color-secondary );}.elementor-2362 .elementor-element.elementor-element-e41fafc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2362 .elementor-element.elementor-element-e41fafc:not(.elementor-motion-effects-element-type-background), .elementor-2362 .elementor-element.elementor-element-e41fafc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-2362 .elementor-element.elementor-element-ac15437{--divider-border-style:curved;--divider-color:#000;--divider-pattern-height:8px;--divider-pattern-size:30px;}.elementor-2362 .elementor-element.elementor-element-ac15437 > .elementor-widget-container{padding:05px 05px 05px 05px;}.elementor-2362 .elementor-element.elementor-element-ac15437 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2362 .elementor-element.elementor-element-ac15437 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-2362 .elementor-element.elementor-element-ac15437 .elementor-divider__text{font-weight:bold;text-transform:uppercase;text-decoration:none;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-2362 .elementor-element.elementor-element-eb80ab4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2362 .elementor-element.elementor-element-f5676c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2362 .elementor-element.elementor-element-fcc7673 .premium-banner-ib-title, .elementor-2362 .elementor-element.elementor-element-fcc7673 .premium-banner-ib-content, .elementor-2362 .elementor-element.elementor-element-fcc7673 .premium-banner-read-more{text-align:left;}.elementor-2362 .elementor-element.elementor-element-fcc7673 .premium-banner-ib img{height:260px;object-fit:fill;opacity:1;}.elementor-2362 .elementor-element.elementor-element-fcc7673:hover .premium-banner-ib img{opacity:0;}.elementor-2362 .elementor-element.elementor-element-d098618{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2362 .elementor-element.elementor-element-2daa370{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2362 .elementor-element.elementor-element-3a9258b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2362 .elementor-element.elementor-element-837ff04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2362 .elementor-element.elementor-element-364e570 .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2362 .elementor-element.elementor-element-60b618c{--width:25%;}.elementor-2362 .elementor-element.elementor-element-3c1436f{--width:50%;}.elementor-2362 .elementor-element.elementor-element-bbce296{--width:25%;}.elementor-2362 .elementor-element.elementor-element-f5676c2{--width:30%;}.elementor-2362 .elementor-element.elementor-element-d098618{--width:70%;}}@media(max-width:1024px){.elementor-2362 .elementor-element.elementor-element-879b717{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:72px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}}@media(max-width:767px){.elementor-2362 .elementor-element.elementor-element-879b717{--padding-top:72px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-57b92a4 *//* --- Popular Vendors Grid Styles (V20) --- */

.popular-vendors-grid {
    display: grid;
    /* Desktop: 4 columns */
    grid-template-columns: repeat(4, 1fr); 
    gap: 20px; /* Space between grid items */
    margin-bottom: 30px; /* Space below the grid */
}

.vendor-grid-item {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden; /* Ensure overlay stays within bounds */
    position: relative; /* Needed for the absolute positioned overlay */
    background-color: #fff;
    transition: box-shadow 0.3s ease;
}

.vendor-grid-item:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.vendor-grid-item a {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 15px;
    text-align: center;
}

.vendor-logo-container {
    height: 80px; /* Fixed height for logo area */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.vendor-logo-container img {
    max-height: 100%;
    max-width: 100%; /* Ensure logo fits */
    height: auto;
    width: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Scale down if needed, don't crop */
}

.vendor-name {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-top: 5px;
    white-space: nowrap; /* Prevent name wrapping */
    overflow: hidden;
    text-overflow: ellipsis; /* Add ... if name is too long */
}

/* --- Hover Overlay --- */
.vendor-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 115, 230, 0.85); /* Blue overlay with transparency */
    display: flex;
    flex-direction: column; /* Stack count and label vertically */
    align-items: center;
    justify-content: center;
    opacity: 0; /* Hidden by default */
    visibility: hidden; /* Hidden by default */
    transition: opacity 0.3s ease, visibility 0.3s ease;
    border-radius: 8px; /* Match item radius */
    color: #fff; /* Text color on overlay */
    text-align: center;
}

.vendor-grid-item a:hover .vendor-overlay {
    opacity: 1; /* Show on hover */
    visibility: visible; /* Show on hover */
}

.coupon-count {
    font-size: 28px; /* Large coupon count number */
    font-weight: 700;
    display: block;
}
.count-label {
     font-size: 13px;
     display: block;
     margin-top: -5px; /* Adjust spacing */
}


/* --- Responsive: Mobile (2 columns) --- */
@media (max-width: 767px) {
    .popular-vendors-grid {
        /* Mobile: 2 columns */
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px; /* Slightly smaller gap */
    }
     .vendor-logo-container {
         height: 60px; /* Smaller logo area on mobile */
     }
     .vendor-name {
         font-size: 13px;
     }
     .coupon-count {
         font-size: 24px;
     }
     .count-label {
          font-size: 12px;
     }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-447c1a9 *//* --- Popular Categories Grid Styles (V21 - Updated Layout) --- */

.popular-categories-grid {
    display: grid;
    /* Desktop: 6 columns */
    grid-template-columns: repeat(6, 1fr); 
    gap: 15px; /* Adjust gap as needed for 6 columns */
    margin-bottom: 30px; 
}

/* Keep the rest of the .category-grid-item, .category-image-container, .category-name, .category-overlay styles as they were */

.category-grid-item {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden; 
    position: relative; 
    background-color: #fff;
    transition: box-shadow 0.3s ease;
}

.category-grid-item:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.category-grid-item a {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 15px; /* Adjust padding if needed */
    text-align: center;
}

.category-image-container {
    height: 60px; /* Adjust height if needed for smaller items */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px; /* Adjust spacing */
    overflow: hidden; 
}

.category-image-container img {
    max-height: 100%;
    max-width: 100%; 
    height: auto;
    width: auto; 
    object-fit: contain; 
}

.category-name {
    display: block;
    font-size: 13px; /* Slightly smaller font for 6 columns */
    font-weight: 600;
    color: #333;
    margin-top: 5px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}

/* --- Hover Overlay --- */
.category-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 115, 230, 0.85); /* Blue overlay */
    display: flex;
    flex-direction: column; 
    align-items: center;
    justify-content: center;
    opacity: 0; 
    visibility: hidden; 
    transition: opacity 0.3s ease, visibility 0.3s ease;
    border-radius: 8px; 
    color: #fff; 
    text-align: center;
}

.category-grid-item a:hover .category-overlay {
    opacity: 1; 
    visibility: visible; 
}

.category-overlay .coupon-count { 
    font-size: 24px; /* Adjust size if needed */
    font-weight: 700;
    display: block;
}
.category-overlay .count-label {
     font-size: 12px; /* Adjust size if needed */
     display: block;
     margin-top: -5px; 
}


/* --- Responsive: Mobile (3 columns) --- */
@media (max-width: 767px) {
    .popular-categories-grid {
        /* Mobile: 3 columns */
        grid-template-columns: repeat(3, 1fr); 
        gap: 10px; /* Adjust gap for 3 columns */
    }
     /* Keep other mobile styles for image container, name, count etc. if needed */
     .category-image-container {
         height: 50px; 
     }
     .category-name {
         font-size: 12px;
     }
     .category-overlay .coupon-count {
         font-size: 20px;
     }
     .category-overlay .count-label {
          font-size: 11px;
     }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2248786 *//* --- Latest Coupons Display Grid Styles (V23) --- */

.latest-coupons-display-grid {
    display: grid;
    /* Mobile: 1 column (Default) */
    grid-template-columns: 1fr; 
    gap: 25px; /* Adjust spacing between coupons */
    margin-bottom: 30px; /* Space below the grid */
}

/* Ensure individual coupons don't have extra margins that break the grid */
.latest-coupons-display-grid .coupon-grid-item .wpcd-coupon-id-* { /* Target plugin's coupon wrapper */
    margin-bottom: 0 !important; /* Remove default bottom margin if any */
}

/* Desktop: 2 columns */
@media (min-width: 768px) { /* Adjust breakpoint if needed */
    .latest-coupons-display-grid {
        grid-template-columns: repeat(2, 1fr); 
        gap: 30px; /* Adjust spacing for desktop */
    }
}/* End custom CSS */
/* Start custom CSS *//* Store Box Basic Styling */
.store-box {
    position: relative; /* This is crucial for positioning the overlay */
    overflow: hidden; /* Hides the part of the overlay that is outside */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 150px; /* একটি নির্দিষ্ট উচ্চতা দিন */
    transition: all 0.4s ease-in-out;
    text-align: center;
    padding: 15px;
}

/* Initially hide the hover content */
.store-box .store-info-hover {
    opacity: 0;
    position: absolute;
    transition: opacity 0.4s ease-in-out;
    color: white; /* হোভার টেক্সটের রঙ সাদা */
    font-size: 24px;
    font-weight: bold;
}

/* Show normal content by default */
.store-box .store-info-normal {
    transition: opacity 0.4s ease-in-out;
    opacity: 1;
}

/* The Blue Overlay Effect using ::before */
.store-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0073e6; /* আপনার পছন্দের নীল রঙ দিন */
    opacity: 0;
    transform: scale(0.5); /* Initially small */
    transition: all 0.4s ease-in-out;
}

/* --- HOVER STATE --- */

/* When hovering the box, show the blue overlay */
.store-box:hover::before {
    opacity: 0.9;
    transform: scale(1); /* Grow to full size */
}

/* When hovering, hide the normal content */
.store-box:hover .store-info-normal {
    opacity: 0;
}

/* When hovering, show the hover content (shortcode) */
.store-box:hover .store-info-hover {
    opacity: 1;
}/* End custom CSS */