/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1758205496
Updated: 2025-09-18 14:24:56

*/

body, html {
  scroll-behavior: smooth !important; 
  overflow-x: hidden !important; 
}


.hover-scale{
	transition: all 0.3s ease-in-out !important;
}

.hover-scale:hover{
	transform: scale(1.025) !important;
}

/***************************************** Home Page **************************************************/

/* .home-main-slider .swiper-pagination{
    bottom: 20px !important;
} */
.home-main-slider .swiper-pagination .swiper-pagination-bullet{
    width: 50px !important;
    border-radius: 2px;
    height: 3px !important;
}

/* Home Banner Ends */

.category-box-overlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent, #000000);
    pointer-events: none;
}
.category-box-overlay .arrow{
    transition: all 0.3s ease-in-out !important;
    opacity: 0;
    pointer-events: none;
}
.category-box-overlay:hover .arrow{
    opacity: 1;
    bottom: 25px !important;
}

.featured-img-hover{
    overflow: hidden !important;
    position: relative !important
}
.featured-img-hover .info-col{
    transition: all 0.4s ease-in-out;
}
.featured-img-hover .elementor-widget-theme-post-title {
    color: black;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.4s ease-in-out;
}
.featured-img-hover:hover .elementor-post-info__item{ /* Hovered State */
    transition: all 0.4s ease-in-out;
}
.featured-img-hover .elementor-widget-theme-post-featured-image{
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    left: 20px !important;
    transition: all 0.4s ease-in-out;
}
.featured-img-hover .elementor-widget-theme-post-featured-image > img{
     transition: all 0.3s ease;
}

@media(min-width: 767px){
	.featured-img-hover:hover .elementor-widget-theme-post-featured-image{ /* Hovered State */
		left: 50% !important;
		transform: translate(-50% , -50%) scale(5) !important;
	}

	.featured-img-hover:hover .elementor-widget-theme-post-featured-image > img{ /* Hovered State */
		 filter: brightness(20%) !important;
	}
	.featured-img-hover:hover .elementor-widget-theme-post-title , .featured-img-hover:hover .elementor-post-info__item{ /* Hovered State */
		color: white !important
	}
}

.featured-img-hover .info-col{
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    transition: all 0.4s ease-in-out !important;
    
}
.featured-img-hover:hover .info-col{
    width: calc(100% - 45px);
}

.footer-newsletter .elementor-field-type-email {
    position: relative;
    display: block;
}
.footer-newsletter .elementor-field-type-submit {
    position: absolute;
    right: -4px;
    top: 0;
    width: fit-content;
}
.footer-newsletter .elementor-field-type-submit button{
    width: 150px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* Blog Posts Loop Item */
.blog-post-meta a{
    transition: all 0.3s ease; 
}
.blog-post-meta a:hover{
    color: #e4002b !important;
    text-decoration: underline;
}
.blog-card-post-title .elementor-heading-title a,
.elementor-post__card .elementor-post__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-card-post-title{
    min-height: 102px !important;
}

/* Home Page FAQs */
.my-accordion summary.e-n-accordion-item-title,
.my-accordion span.e-n-accordion-item-title-header,
.my-accordion svg.e-font-icon-svg {
 transition: all 0.3s ease;
}
.my-accordion summary.e-n-accordion-item-title {
    justify-content: space-between !important;
}


/****************************** Home Page Ends ********************************/

/********************************** Blog Single Page *****************************************************/
.related-posts{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.related-posts .related-post-card{
    display: grid;
    grid-template-columns: 1fr;
    padding: 0px;
/* 	gap: 30px; */
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.related-posts .related-post-card .content-box{
    background-color: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 20px 15px;
}
.related-posts .related-post-card .related-post-img{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 200px;
    object-fit: cover;
}
.related-posts .related-post-card .related-post-date{
    font-size: 15px;
	color: #1A1A1A !important;
}

.related-posts .related-post-card .date-box{
	display: flex;
	align-items: center;
	gap: 10px;
}
.related-posts .related-post-card .date-box svg{
	width: 15px;
	height: 15px;
}
.related-posts .related-post-card .date-box svg path{
	fill:#7776FF;
}
.related-posts .related-post-card .related-post-title{
    margin-bottom: 10px;
    margin-top: 0px;
    color: #1A1A1A !important;
}
.related-posts .related-post-card .related-post-thumb{
    display: flex;
}

.header-top-slide .elementor-slide-heading{
	margin; 0 !important;
}

html {
    scroll-behavior: smooth;
	scroll-padding: 180px;
}

:root {
    --cs-theme-primary-color: #E4002B;
    --cs-theme-primary--light-color: #fecaca;
    --cs-theme-secondary-color: #111111;
}
/* Store Listing */

.main-stores-wrapper {
    font-family: "Inter";
}

.main-stores-wrapper .main-title {
    margin-bottom: 15px;
}

.main-stores-wrapper .alphabets-filters {
    background: #7776FF;
	background: linear-gradient(180deg,rgba(119, 118, 255, 1) 0%, rgba(168, 52, 242, 1) 100%);
    padding: 20px 20px;
    margin-bottom: 40px;
	border-radius: 100px;
}

.main-stores-wrapper .alphabets-filters ul {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    list-style: none;
    padding: 0;
	justify-content: space-between;
}

.main-stores-wrapper .alphabets-filters ul li a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 20px;
    color: white;
    font-weight: 500;
    transition: 0.4s all;
    padding: 5px;
}

.main-stores-wrapper .alphabets-filters ul li a:hover {
    color: var(--cs-theme-secondary-color);
}

.main-stores-wrapper .stores-list-main {
    margin-bottom: 30px;
}

.main-stores-wrapper .store-list-alpha {
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #7776FF;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-stores-wrapper .store-list-alpha .move-to-filters {
    background-color: #7776FF;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s all;
    color: white;
}

.main-stores-wrapper .store-list-alpha .move-to-filters:hover {
    background-color: var(--cs-theme-secondary-color);
}

.main-stores-wrapper .store-list-alpha .move-to-filters svg path {
    stroke: currentColor;
}

.stores-list-wrapper .stores-list {
    display: flex;
    flex-flow: wrap;
    gap: 15px;
}

.stores-list-wrapper .stores-list .store-list-item {
    border: 1px solid #e0e0e0;
    flex: 0 0 calc(100% / 4 - 13px);
    max-width: calc(100% / 4 - 13px);
    padding: 20px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 8px;
    transition: 0.4s ease-in-out;
    text-decoration: none !important;
}

.stores-list-wrapper .stores-list.has-five-in-row .store-list-item {
	flex: 0 0 calc(100% / 5 - 13px);
    max-width: calc(100% / 5 - 13px);
}

.stores-list-wrapper .stores-list .store-list-item:hover {
    border-color: #7776FF;
    transform: translateY(-4px);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px 0px;
}

.stores-list-wrapper .stores-list .store-list-item .logobox {
    margin-bottom: 10px;
}

.stores-list-wrapper .stores-list .store-list-item .logobox img {
    max-width: 100%;
}

.stores-list-wrapper .stores-list .store-list-item .store-list-item-title {
    font-size: 18px;
    color: var(--cs-theme-secondary-color);
    text-decoration: none;
}



/* Popup */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.25);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s all;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}

.coupon-popup {
    position: fixed;
    top: 50%;
    transform: translate(-50%, -45%);
    left: 50%;
    width: 100%;
    max-width: 650px;
    background-color: white;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px #444;
    text-align: center;
    margin: 20px auto;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s all;
}

.coupon-popup.active {
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
}

.coupon-popup .coupon-popup-close-btn {
    position: absolute;
    right: -10px;
    top: -10px;
    background: var(--cs-theme-secondary-color);
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.coupon-popup  .popup-topbar {
    background: #7776FF;
    background: linear-gradient(180deg, rgba(119, 118, 255, 1) 0%, rgba(168, 52, 242, 1) 50%, rgba(119, 118, 255, 1) 100%);
    padding: 30px 30px 0;
    margin-bottom: 30px;
}


.coupon-popup h2 {
    color: white;
    font-weight: 500;
    margin: 0 0 10px;
}

.coupon-popup .coupon-code {
    display: inline-block;
    background: black;
    padding: 12px 40px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 18px;
    margin: 30px 0;
    color: #fff;
    border: 1px dashed;
    min-width: 350px;
    position: relative;
	cursor:pointer;
}

.coupon-popup  .coupon-code .check-icon {
    position: absolute;
    right: 20px;
	opacity:0;
	transition:0.4s all;
}

.coupon-popup  .coupon-code .check-icon.active{
	opacity:1;
}

.coupon-popup  .go-btn {
    display: inline-block;
    background: black;
    color: #fff;
    text-decoration: none;
    padding: 12px 25px;
    border-radius: 6px;
    font-weight: 400;
    font-size: 26px;
    transform: translateY(25px);
}

.coupon-popup  .popup-footer {
    background: #fff;
    color: #444;
    padding: 30px;
    text-align: left;
}

.coupon-popup  .popup-footer .store-details {
    display: flex;
    align-items: center;
    font-size: 16px;
    gap: 12px;
}

.coupon-popup  .popup-footer .store-details img {
    max-width: 50px;
}

.coupon-popup  .popup-footer .discount-content {
    font-size: 20px;
    margin-bottom: 20px;
}

/* Coupon List */
/* .coupon-list {
    max-width: 940px;
    margin: 40px auto;
} */

.coupon-list .coupon-item {
    background: #fff;
    padding: 25px;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    gap: 40px;
    margin-bottom: 15px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 1.5px dashed #dbdbdb;
    transition: 0.4s all;
	align-items: center;
}

.coupon-list .coupon-item .leftbox {
    max-width: 100px;
	width: 100px !important;
}

.coupon-list .coupon-item .leftbox span {
    display: block;
    text-align: center;
}

.coupon-list .coupon-item .leftbox .coupon-type-title {
    text-transform: uppercase;
    color: #7776FF;
    font-weight: 800;
    font-size: 18px;
    padding: 25px 10px;
}

.coupon-list .coupon-item .coupon-type-badge {
    background-color: var(--cs-theme-secondary-color);
    color: white;
    padding: 5px 26px;
    border-radius: 22px;
    text-transform: uppercase;
    font-size: 12px;
}

.coupon-list .coupon-item .middlebox {
    flex: 1;
	display: flex;
    justify-content: space-between;
    gap: 15px;
}

.coupon-list .coupon-item .rightbox {
    align-self: center;
	max-width: 200px;
}

.coupon-list .coupon-item h4 {
    margin: 0;
	flex: 1;
}

.coupon-list .coupon-item p {
    margin: 5px 0 0;
    font-size: 14px;
    color: #555;
}

.coupon-list .coupon-item .coupon-btn {
    /* background: var(--cs-theme-primary-color); */
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 100px;
    font-weight: bold;
    display: block;
    text-align: center;
    overflow: hidden;
    position: relative;
    border: 1.5px dashed #7776FF;
	cursor:pointer;
	font-family: 'Poppins';
	text-transform:uppercase;
}

.coupon-list .coupon-item .coupon-btn span {
    position: relative;
    font-weight: 300;
    font-family: "Manrope", Sans-serif;
	font-size: 18px;
}

.coupon-list .coupon-item .coupon-btn::before {
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 160px;
    background-color: #7776FF;
    z-index: 0;
    transform: translateX(-13px) rotate(-20deg);
    transition: 0.4s all;
}

.coupon-list .coupon-item .coupon-btn:hover::before {
    transform: translateX(-20px) rotate(-20deg);
	background-color: #A834F2;
}

.coupon-list .coupon-item .deal-btn {
    background: #7776FF;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 100px;
    font-weight: 300;
	text-transform:uppercase;
    text-align: center;
    transition: 0.4s all;
    display: block;
	cursor:pointer;
	font-size: 18px;
}

.coupon-list .coupon-item .deal-btn:hover {
   background-color: #A834F2;
}

.coupon-list .coupon-item .coupon-code-small {
/*     max-width: max-content; */
    margin-left: auto;
    display: inline-block;
    font-size: 14px;
    padding: 10px 16px;
    border: 1px dashed var(--cs-theme-primary-color);
    border-radius: 20px;
    color: var(--cs-theme-secondary-color);
    background: rgb(254 202 202 / 50%);
    display: block;
    transition: 0.4s all;
    cursor: pointer;
    font-weight: 500;
    /* display: none; */
    text-align: center;
}

.coupon-list .coupon-item .coupon-code-small.active {
    display: block;
}

.coupon-list .coupon-item .coupon-code-small:hover {
    background-color: rgb(254 202 202 / 70%);
}

.coupon-list .coupon-item .coupon-code-wrapper {
    display: flex;
    position: relative;
    padding-right: 14px;
    margin-top: 8px;
    display: none;
}

.coupon-list .coupon-item .coupon-code-wrapper.active{
	display:block;
}

.coupon-list .coupon-item .coupon-code-wrapper .coupon-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 20px;
    height: 20px;
    display: none;
}

.coupon-list .coupon-item .coupon-code-wrapper .coupon-icon.active {
    display: block;
}

.coupon-list .coupon-item:hover {
    transform: translateY(-3px);
}

.related-store-list {
	list-style:none;
	padding: 0;
	display: grid;
    grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-top: 35px !important;
}

.related-store-list .related-store-item {
	background-color: transparent;
   border-radius: 5px !important;
   border: none;
   transition: all 0.3s ease-in-out;
}
.related-store-list .related-store-item span.related-store-name{
   font-family: "Open Sans", Sans-serif !important;
	display: none;
}
.related-store-list .related-store-item:hover{
   transform: scale(1.03);
}

.related-store-list .related-store-item a {
	display: flex;
    align-items: center;
    gap: 10px;
    color: var(--cs-theme-secondary-color);
	flex-direction: column;
}

.related-store-list .related-store-item a img {
	width:100%;
	object-fit:contain;
}

/* Countries List */
.countries-list {
	padding: 0;
    list-style: none;
/* 	display: flex;
    flex-flow: wrap;
    gap: 10px; */
}

.countries-list li a{
	display: flex;
	transition: all 0.3s ease-in-out;
    color: black !important;
	font-weight:500;
	border-bottom: 1px solid rgb(0,0,0,0.15);
	padding-bottom: 10px; 
	margin-bottom: 15px !important; 
	gap: 10px;
}
.countries-list li:hover a,
.countries-list li.active-country a{
	border-color:var(--cs-theme-primary-color);
	color:var(--cs-theme-primary-color) !important; 
}

.countries-list li .flag-wrapper{
    width: 30px;
    height: auto;
}

.related-stores .related-taxonomy-link{
    display: block;
    margin-top: 30px;
    text-align: center;
    background-color: black;
    font-family: "Manrope", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 100px;
    padding: 15px;
    transition: all 0.3s ease;
}
.related-stores .related-taxonomy-link:hover{
    background-color: #7776FF;
}

.my-post-content a{
    color: #E4002B !important;
}
.my-post-content a:hover{
    text-decoration: underline;
}
iframe.discount-calculator-iframe {
    overflow: visible !important;
}

.store-social-links {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
.store-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.store-social-link img {
	display: block;
	transition: transform 0.2s ease;
}
.store-social-link:hover img {
	transform: scale(1.15);
}


.related-brands {
    margin: 24px 0;
}
.related-brands-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.related-brand-pill {
    display: inline-block;
    padding: 6px 16px;
    border: 1px solid #7776FF ;
    border-radius: 999px;
    color: #7776FF  !important;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.related-brand-pill:hover {
    background-color: #7776FF;
    color: #fff !important;
}

.search-suggestions-post-title p{
    color: #1A1A1A !important;
    transition: all 0.3s ease;
}
.search-suggestions-post-title:hover p{
    color: white !important;
}


/* Responsive */

@media (max-width: 1366px){
/* 	.blog-card-post-title{
		min-height: 55px;
	} */
}

@media (max-width: 1200px){
/* 	.blog-card-post-title{
		min-height: 52px;
	} */
}

@media(max-width: 1024px){
	.related-posts {
		display: grid;
		gap: 30px;
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media(max-width:991px) {
    .stores-list-wrapper .stores-list .store-list-item {
        flex: 0 0 calc(100% / 3 - 13px);
        max-width: calc(100% / 3 - 13px);
    }
}

@media(max-width: 880px){
	.main-stores-wrapper .alphabets-filters{
		border-radius: 20px;
		padding: 0px;
	}
	.main-stores-wrapper .alphabets-filters ul {
		flex-direction: column !important;
		align-items: flex-start;
		gap: 15px;
		padding: 20px 20px;
		height: 400px;
		overflow-y: auto;
		flex-flow: nowrap;
	}
	.main-stores-wrapper .alphabets-filters ul li{
		border-bottom: 1px solid white;
		width: 100%;
		padding: 10px 10px
	}
	.main-stores-wrapper .alphabets-filters ul li a{
		width: 100%;
	}
}


@media(max-width: 767px){
	.related-posts {
		display: grid;
		gap: 30px;
		grid-template-columns: 1fr 1fr;
	}
	.featured-img-hover .info-col{
		position: static !important;
		transform: unset !important;
	}
	.featured-img-hover .info-col{
		position: static !important;
		transform: unset !important;
	}

	.featured-img-hover .elementor-widget-theme-post-featured-image{
		position: static !important;
		transform: unset !important; 
	}

	.blog-card-post-title {
		min-height: auto !important;
	}	
}

@media(max-width:600px) {
    .stores-list-wrapper .stores-list .store-list-item {
        flex: 0 0 calc(100% / 2 - 13px);
        max-width: calc(100% / 2 - 13px);
        padding: 15px;
    }

    .stores-list-wrapper .stores-list .store-list-item .store-list-item-title {
        font-size: 16px;
    }
	
	/* Coupon Listing */
    .coupon-list .coupon-item .leftbox .coupon-type-title{
        padding: 0 0 15px;
    }
    .coupon-list .coupon-item h4 {
        font-size: 18px;
    }
    .coupon-list .coupon-item {
/*         flex-direction: column; */
        gap: 15px;
		padding:15px;
    }
	.coupon-list .coupon-item .coupon-btn{
		max-width:100%;
	}
	.coupon-list .coupon-item .coupon-btn::before {
		height: 200px;
		top: -60px;
	}
    .coupon-list .coupon-item h4 {
        padding-top: 0;
    }

    .coupon-list .coupon-item .rightbox {
        align-self: auto;
    }

    .coupon-list .coupon-item .deal-btn,
    .coupon-list .coupon-item .coupon-btn {
        max-width: 100%;
    	padding:12px 30px;
		font-size:14px;
	}

    .coupon-popup {
        max-width: calc(100% - 30px);
    }

    .coupon-popup .coupon-popup-wrapper {
        overflow-y: auto;
        max-height: 90vh;
    }

    .coupon-popup .coupon-code {
        min-width: auto;
        font-size: 16px;
    }


    .coupon-popup .coupon-code .check-icon {
        right: 10px;
    }

    .coupon-popup .go-btn {
        font-size: 20px;
    }

    .coupon-popup .popup-footer .discount-content {
        font-size: 16px;
    }

    .coupon-popup h2 {
        font-size: 22px;
    }
	
	.coupon-list .coupon-item .middlebox {
		flex-direction: column;
	}
	
	.coupon-list .coupon-item .rightbox {
		max-width: 100%;
	}	
}

@media(max-width:475px) {
    .stores-list-wrapper .stores-list {
        gap: 10px;
    }

    .stores-list-wrapper .stores-list .store-list-item {
        flex: 0 0 calc(100% / 2 - 5px);
        max-width: calc(100% / 2 - 5px);
        padding: 15px;
    }
	.related-posts {
		display: grid;
		gap: 30px;
		grid-template-columns: 1fr;
	}
}