/*
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 Banner Starts */
.home-main-slider .swiper-slide img{
   height: 100vh;
   object-fit: cover !important;
}
.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 */

/* Glow Heading */

.animated-headline > h3{
	animation-name:glow;
  animation-duration:1s;
  animation-iteration-count:infinite;
  animation-direction:alternate;
}
@keyframes glow{
  from{text-shadow:0px 0px 5px #fff,0px 0px 5px white;}
  to{text-shadow:0px 0px 20px #fff,0px 0px 20px white;}
}

/* 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 ,
.elementor-post__card .elementor-post__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
}


/* 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 ********************************/

.rank-math-breadcrumb a , .rank-math-breadcrumb span{
    color: white;
    transition: all 0.3s ease-in-out;
}
.rank-math-breadcrumb a:hover{
    color: #E4002B;
}

/********************************** Blog Single Page *****************************************************/
.my-post-content *{
    color: #1A1A1A !important;
}
.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: 3px;
}
.related-posts .related-post-card .date-box svg{
	width: 15px;
	height: 15px;
}
.related-posts .related-post-card .date-box svg path{
	fill:#E4002B;
}
.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;
}

/* * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
} */

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

/* body {
    font-family: "Inter";
} */

/* Store Listing */

.main-stores-wrapper {
/*     max-width: 1280px;
    margin: 0 auto; */
/*     padding: 60px 0; */
    font-family: "Inter";
	
}

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


.main-stores-wrapper .alphabets-filters {
    background-color: var(--cs-theme-primary-color);
    padding: 20px 20px;
    margin-bottom: 40px;
}

.main-stores-wrapper .alphabets-filters ul {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    list-style: none;
    /* gap: 10px; */
}



.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 var(--cs-theme-primary-color);
    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: var(--cs-theme-primary-color);
    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: var(--cs-theme-primary-color);
    transform: translateY(-4px);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

.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: linear-gradient(to bottom, #e4002b 0, #2c2626 50%);
    padding: 30px 30px 0;
    margin-bottom: 30px;
}


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

.coupon-popup .coupon-code {
    display: inline-block;
    background: var(--cs-theme-primary-color);
    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: var(--cs-theme-primary-color);
    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;
    font-style: italic;
    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;
}

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

.coupon-list .coupon-item .leftbox .coupon-type-title {
    text-transform: uppercase;
    color: var(--cs-theme-primary-color);
    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;
    font-size: 24px;
    font-weight: bold;
	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: 5px;
    font-weight: bold;
    display: block;
    text-align: center;
    overflow: hidden;
    position: relative;
    border: 1.5px dashed var(--cs-theme-primary-color);
	cursor:pointer;
	font-family: 'Poppins';
	text-transform:uppercase;
}

.coupon-list .coupon-item .coupon-btn span {
    position: relative;
}

.coupon-list .coupon-item .coupon-btn::before {
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 160px;
    background-color: var(--cs-theme-primary-color);
    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);
}

.coupon-list .coupon-item .deal-btn {
    background: var(--cs-theme-primary-color);
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 5px;
    font-weight: bold;
	text-transform:uppercase;
    text-align: center;
    transition: 0.4s all;
    display: block;
	cursor:pointer;
}

.coupon-list .coupon-item .deal-btn:hover {
    background-color: var(--cs-theme-secondary-color);
}

.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;
}

.related-store-list .related-store-item {
	  background-color: white;
   padding: 10px;
   border-radius: 5px !important;
   border: none;
   transition: all 0.3s ease-in-out;
   box-shadow: 0 0 10px 0 rgb(0,0,0,0.1);
   font-weight: 500;
	margin-bottom: 10px;
}
.related-store-list .related-store-item span.related-store-name{
   font-family: "Open Sans", Sans-serif !important;
}
.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);
}

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

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

/* .countries-list li {
	flex-shrink: 1;
    flex-grow: 1;
} */

.countries-list li a{
	display: block;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: black !important;
	font-weight:500;
}
.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; 
}

.related-stores .related-taxonomy-link{
    display: block;
    margin-top: 30px;
    text-align: center;
    background-color: var(--e-global-color-9f4213c);
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    padding: 15px;
    transition: all 0.3s ease-in-out;
}
.related-stores .related-taxonomy-link:hover{
    background-color: #1a1a1a;
}

.blog-card-post-title{
    min-height: 58px;
}

.my-post-content a{
    color: #E4002B !important;
}
.my-post-content a:hover{
    text-decoration: underline;
}
iframe.discount-calculator-iframe {
    overflow: visible !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: 767px){
		.related-posts {
		display: grid;
		gap: 30px;
		grid-template-columns: 1fr 1fr;
	}
}

@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: 20px;
    }
    .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;
	}
}