@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap');

:root {
	--color1: #FF5E00;
	--color2: #FFD700;
	--color3: #FF003D;
	--site-radius:12px;
}
#myLink {
    cursor: default;
    opacity: .5;
	pointer-events: none;
}
.gradient_bg{
	background: linear-gradient(90deg, #ff7b29, #d649a0, #2d7ff9);
	position: relative;
}
.gradient_bg::before{
    content:'';
    background-image: url('../images/hero-bg-trans.png');
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.gradient_bg .container{
	position:relative;
	z-index:9;
}
.like-action:not(.wishlist-btn).liked {
	color:red;
}
.v-hidden{
	/* visibility: hidden; */
}
.h_label .site-h{
	background-color:#fff;
	border-radius:20px;
	padding:6px 20px;
	display:inline-block;
}
.side-label {
    padding: 2px 10px;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: var(--site-radius);
    color: var(--color1);
    font-size: 14px;
}
.store-slide.slick-slide a {
    background-color: #fff;
    text-align: center;
    padding: 20px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.store-slide.slick-slide img{
	height: 80px;
	width:90px;
    	object-fit: contain;
}
.lr_page *:not(input) {
    color: #fff;
}
.lr_page .success{
		
}
.lr_page .error div {
	background-color:red;
	padding:3px 5px;
	border-radius:6px;
}
.google_login{
	margin-bottom:40px;
}
.newsletter-form form input ~ .text-danger {
    position: absolute;
    bottom: -28px;
    left:0;
}
.coupon_code_box {
    background-color: #fff;
    border-radius: var(--site-radius);
    border: 1px solid #0001;
    padding: 20px;
    align-items: center;
}
.coupon-container .image-box img {
    height: 250px;
    object-fit: cover;
}
.coupon_code_box .coupon_code_box_left{
    padding:0 20px;
}
.coupon_code_box .coupon_code_box_right{
    padding:0 20px
}
.cc_bx_top{
    border-bottom:1px solid #0001;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cc_bx_top h1{
    font-size:20px;
    margin-bottom: 4px;
}
.cc_bx_top p{
    margin-bottom:5px
}
.cc_bx_body {
    padding:20px 0 0;
}
.use-coupon-text{
    text-align:center;
    font-size:14px;
    font-weight:500;
}

.coupon-code-container {
    display:flex;
    margin-bottom: 30px;
}
.coupon-code-box{
    width: 60%;
    border: 2px dashed #ccc;
    padding: 14px 21px;
    background-color: #f8f9fa;
    border-radius: var(--site-radius); 0 0 var(
    --site-radius);
    border-right: 0;
}
.coupon-code-box ~ .btn{
    border-radius: 0 var(--site-radius) var(--site-radius) 0;
    margin-left: -6px;
    width: 40%;
}

.website-link-section {
    text-align: center;
    margin-bottom: 16px;
}

.feedback-section {
    text-align: center;
    border-radius: var(--site-radius);
    padding: 10px;
    background-color: #ffd70047;
    border: 1px solid var(--color2);
}


.earn-cashback .swiper-pagination{
	position:initial;
	margin-top:20px;
}
.str_month_img img {
    max-width: 100px;
}
.site-radius{
	border-radius:var(--site-radius) !important;
}
.content_banner{
	position: relative;
	z-index: 3;
	background-color: #ffffffcf;
	padding: 20px;
	border-radius: var(--site-radius);
}
.content_banner h1,
.content_banner li{
	/* color: var(--color2); */
	/* text-shadow: 0 0 4px #000; */
	font-weight: 600;
}
.content_banner li::before{
	content: "\f058";
	display:inline-block;
	margin-right:8px;
	font-weight: 400;
	font-family: "Font Awesome 6 Free";
}
.content_banner li:not(:last-child){
	margin-bottom:10px;
}
.content_banner p{
	font-size:20px;
	color:#fff;
}

.form-head {
    text-align: center;
    font-size: 18px;
    padding: 1rem 0;
    font-weight: 600;
}
.str_cb{
    	margin-bottom:10px;
	font-weight: 600;
    	font-size: 16px;
}
#password_strength {
    width: 100%;
    height: 5px;
    background: #ddd;
	margin-top: 10px;
    border-radius:var(--site-radius);
    position: relative;
    text-align: center;
    color: white;
    font-size: 12px;
	display:none;
    line-height: 5px;
}
#password_strength div {
    height: 100%;
    width: 0;
    transition: width 0.3s;
    border-radius:var(--site-radius);
}
#password_strength div.weak { background: red; width: 25%; }
#password_strength div.fair { background: orange; width: 50%; }
#password_strength div.good { background: yellowgreen; width: 75%; }
#password_strength div.strong { background: green; width: 100%; }
/*colors*/
.str_txt h5 {
	color: red;
}

.togglePassword {
    right: 15px;
    top: 13px;
    opacity: .7;
    cursor: pointer;
    font-size:16px;
}
.login .togglePassword,
.store  .togglePassword{
	top: 24px;
}
.site_coupon .content_2 p{
	margin-top:10px;
	height:42px;
}
.site_coupon .content_2 p,
.product-grid .title a{
	
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
	overflow:hidden;
	
}
.product-grid .title a{
	height:44px;
}
body {
	font-family: "Fredoka", sans-serif;
	font-weight: 400;
	background-color: #fafafa;
	font-size: 16px;
	color: #5d5d5d;
}


a,
h1,
h2,
h3,
h4,
p {
	color: #5d5d5d;
}

.str_logo {
	margin-bottom: 7px;
	display: inline-block;
}

.str_logo img {
	max-width: 80px;
	height: 40px;
	object-fit: contain;
}

a {
	text-decoration: none;
	color: var(--color1);
}

a:hover {
	color: var(--color2);
}

.container {
	max-width: 1140px;
}

ul {
	list-style: none;
	padding-left: 0;
}

.img_main_b img {
	max-width: 70%;
}

.btn-close {
	font-size: 12px;
}

.btn-close:focus {
	box-shadow: none;
}

.site-header {
	height: 100px;
}



.site-header .container {
	height: 100%;
}

.site-header .row {
	height: 100%;
	align-items: center;
}

.btn_sign .btn {
	margin-left: 12px;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--color1);
	font-size: .85em;
	white-space: nowrap;
}

.hero-section {
	background-color: #1e9c6d;
}

.hero-section h1 {
	color: #fff;
}

.hero-section p {
	color: #fff;
}

.h_frm {
	padding: 1rem;
	background-color: #fff;
	-webkit-box-shadow: 6px 6px 5px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 6px 6px 5px 0 rgba(0, 0, 0, .15);
	box-shadow: 6px 6px 5px 0 rgba(0, 0, 0, .15);
	border-radius:var(--site-radius);

}

.form-control:focus {
	box-shadow: none;
	border-color: #ccc;
}

.h_frm input.form-control,
.login-register-form .form-group input.form-control {
	padding: 1em 2em 1em 1em;
	border-color: #ccc;
	border-radius:var(--site-radius);
	height: 50px;
	color: #6d6d6d;
}

.h_frm .form-select {
	height: 36px;
	color: #888;
	border: 0;
	padding-left: 5px;
	font-size: .9rem;
	border-bottom: 1px solid #ccc;
}

.form-floating>label {
	font-size: 14px;
	color: #4b4b4b;
}

.home_banner .form-floating>label.error {
	position: relative;
	color: #dc3545;
	padding-bottom: 0;
	padding-left: 0;
	display: block;
	top: 10px;
	font-size: 14px;
}

.home_banner .form-floating>label {
	font-size: 12px;
}

.h_frm .form-floating>label {
	top: -5px;

}

.join_free,
input.login-btn {
	background-color: var(--color2);
	padding: .8rem .5rem;
	font-size: 1rem;
	border-radius:var(--site-radius);
	font-weight: 600;
	text-transform: capitalize;
	border-color: var(--color2);
	width: 100%;
	color: #fff
}

.join_free:hover,
input.login-btn:hover {
	background-color: var(--color1);
	border-color: var(--color1);
	color: #fff;
}

.img_m_b {
	display: flex;
	justify-content: space-between;
	text-align: center;
	align-items: center;
	height: 100%;
}

.img_m_b span {
	display: block;
	color: #fff;
	font-size: .615rem;
	font-weight: 300;
}

.prom_ {

	text-align: center;
	margin-bottom: 15px;
}

.prom_ a {
	color: #6d6d6d;
	font-size: 14px;
	text-decoration: underline;
}

.term_ {

	font-size: .715rem;
	margin-bottom: .7rem;
}

.term_,
.terms_policy {
	color: #6d6d6d;
	font-weight: 500;
	text-align: center;
}

.terms_policy {
	font-size: 13px;
}

.brd {
	margin-top: -50px;
}

.term_ a,
.terms_policy a {
	border-bottom: 1px dashed #6d6d6d;
	color: #6d6d6d;
	text-decoration: none;
}
.lr_page .terms_policy a{
	color:#fff;
}

.py80,
.pt80 {
	padding-top: 20px;
}

.py80,
.pb80 {
	padding-bottom: 20px;
}

.site-h {
	font-size: 1.5rem;
	color: #2f2f2f;
	margin-bottom: 1rem;
	font-weight: 500;
	text-align: center;
}
.site-h.blog_heading {
	text-align:left;
}

.stp_bx {
	text-align: center;
}

.stp_bx h4 {
	font-size: 1rem;
	color: #000;
}

.stp_bx p {
	margin-top: .3rem;
	margin-bottom: 0;
}

.fq_site {
	background-color: #f5f5f5;
}

.fq_site h4 {
	padding-bottom: 40px;
	font-weight: 500;
}

.accordion-button:focus {
	box-shadow: none;
}

.accordion-button {
	border-radius: 0 !important;
}

.accordion-button:not(.collapsed) {
	background-color: #fff;
	border-radius: 0;
	color: #6d6d6d;
	font-weight: 600;
	box-shadow: none;
}

.accordion-body {
	color: #6d6d6d;
}

.accordion-item {
	margin-bottom: 1rem;
	border-radius: 0;
	border-color: #fff;
}

.links_ h4 {
	color: #6d6d6d;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 1rem;
}

.links_ ul {
	list-style: none;
	padding-left: 0;
}

.links_ ul li {
	padding-bottom: 16px;
}

.links_ ul li a {
	font-size: 14px;
	color: #5d5d5d;
	text-decoration: underline;
}

.all_str h4.site-h {
	padding-bottom: 40px;
}

.links_ {
	margin-top: 2rem;
}

.link_s {
	text-align: center;
	padding-top: 20px;
}

.link_s a {
	border-bottom: 1px dashed #949494;
	font-size: 20px;
}

.pt14 {
	padding-top: 14px;
}

.fr_dp .dropdown-menu,
.country_slt .dropdown-menu,
.fr_dp2 .dropdown-menu {
	width: 200px;
	font-size: .875rem;
	padding: 8px 0;
	border-color: #c5c5c5;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .18);
}

.fr_dp2>a {
	min-height: 50px;
	display: inline-block;
	position: relative;
	top: 8px;
}



.fr_dp2 li:last-child a{
	color:red;
}
.top_right .f_lin .fr_dp2 {
/* 	margin-left: 70px; */
}

.f_lin li a {
	/* padding-top: 4px; */
	/* padding-bottom: 4px; */
}

.all_categories_page .heading-text {
	text-transform: capitalize;
}

.sd_br_c ul li a {
	color: var(--color3);
}

.f_lin li a {
	color: #000;
	/* padding-top: 6px; */
	/* padding-bottom: 6px; */
}

.f_lin li a.btn {
	color: #fff;
	height: 43px;
	padding: 0 30px;
	display: inline-flex;
	align-items: center;
	font-size: 16px;
}

.product-grid {
	text-align: center;
	border-radius:var(--site-radius);
	border: 1px solid #0002;
	overflow: hidden;
	transition: all 0.4s ease-out;
	margin-bottom: 30px;
}

.product-grid:hover {
	box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.1);
}

.product-grid .product-image {
	position: relative;
}

.product-grid .product-image a.image {
	display: block;
	/* height: 200px; */
	/* object-fit: cover; */
}

.product-grid .product-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
	height: 250px;
	object-position: top;
}

.product-grid .product-discount-label {
	color: #fff;
	background: var(--color3);
	font-size: 14px;
	font-weight: 400;
	padding: 2px 8px;
	border-radius: var(--site-radius);
	position: absolute;
	top: 12px;
	left: 12px;
}

.product-grid .product-links {
	width: 145px;
	padding: 0;
	margin: 0;
	list-style: none;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 65%;
	left: 50%;
	transition: all 0.4s ease 0s;
}

.product-grid:hover .product-links {
	opacity: 1;
	top: 50%;
}

.product-grid .product-links li {
	display: inline-block;
	margin: 0 2px;
}

.product-grid .product-links li a {
	color: #2c2c2c;
	background: #fff;
	font-size: 16px;
	line-height: 42px;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	display: block;
	position: relative;
	transition: all 0.4s ease-out 0s;
}

.product-grid .product-links li a:hover {
	color: #fff;
	background: var(--color3);
	box-shadow: 1px 1px 30px 0 rgba(0, 0, 0, 0.2);
}

.product-grid .product-links li a:before,
.product-grid .product-links li a:after {
	content: attr(data-tip);
	color: #fff;
	background-color: #555;
	font-size: 12px;
	line-height: 18px;
	padding: 5px 10px;
	white-space: nowrap;
	display: none;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: -40px;
	transition: all 0.3s ease 0s;
}

.product-grid .product-links li a:after {
	content: '';
	height: 10px;
	width: 10px;
	padding: 0;
	transform: translateX(-50%) rotate(45deg);
	top: -18px;
	z-index: -1;
}

.product-grid .product-links li a:hover:before,
.product-grid .product-links li a:hover:after {
	display: block;
}

.product-grid .product-content {
	padding: 12px 12px 15px;
	position: relative;
	background-color: #fff;
}

.product-grid .rating {
	padding: 0;
	margin: 0 0 8px;
	list-style: none;
}

.product-grid .rating li {
	color: var(--color1);
	font-size: 14px;
}

.product-grid .rating .far {
	color: #808080;
}

.product-grid .title {
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 15px;
	justify-content: center;
}

.product-grid .title a {
	color: #2c2c2c;
	transition: all 0.3s ease 0s;
}

.product-grid .title a:hover {
	color: var(--color1);
}

.product-grid .price {
	color: var(--color1);
	font-size: 16px;
	font-weight: 600;
	display: block;
	transition: all 0.4s ease-in-out;
}

.product-grid .price span {
	color: #999;
	font-weight: 500;
	text-decoration: line-through;
}

.product-grid:hover .price {
	opacity: 0;
}

.product-grid .add-to-cart {
	color: #fff;
	opacity: 0;
	transform: translateX(-50%);
	position: absolute;
	bottom: 50px;
	left: 50%;
	transition: all .4s ease-out;
}

.product-grid .add-to-cart:hover {
	background-color: #2f2f2f;
}

.product-grid:hover .add-to-cart {
	opacity: 1;
	bottom: 8px;
}

.all_categories_page {
	background-color: #fff;
}

.dropdown-menu a {
	padding: 8px 18px;
	font-size: 14px;
}

.dropdown-menu a:hover {
	background-color: #f6f6f6;
	color: #6d6d6d;
}

.fr_dp:hover>a {
	color: #000;

}

.account_info {
	display: flex;
	align-items: center;
	/*padding-bottom: 10px;*/
}

.account_info i {
	margin-right: 10px;
	font-size: 18px;
	color: #6d6d6d;
}

.account_info span {
	font-size: 12px;
	font-weight: 600;
	color: #6d6d6d;
	line-height: 17px;
}

.account_info .amount__ {
	display: block;
}

.fr_dp:hover>a>i {
	transform: rotate(180deg);
}

.fr_dp:hover .pt14 {
	padding-top: 14px;
}

.fr_dp .dropdown-menu::before,
.fr_dp2 .dropdown-menu::before,
.fr_dp2 .dropdown-menu::after,
.fr_dp .dropdown-menu::after {
	content: '';
	display: block;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position: absolute;

}

.fr_dp .dropdown-menu::after,
.fr_dp .dropdown-menu::before {
	left: 20px;
}

.fr_dp2 .dropdown-menu::after,
.fr_dp2 .dropdown-menu::before {
	right: 30px;
}

.fr_dp .dropdown-menu::before,
.fr_dp2 .dropdown-menu::before {
	border-bottom: 10px solid #c5c5c5;
	top: -10px;
}

.fr_dp .dropdown-menu::after,
.fr_dp2 .dropdown-menu::after {
	border-bottom: 10px solid #fff;
	top: -9px;
}

.top_right .f_lin {
	display: flex;
	margin-bottom: 0;
	flex-wrap: wrap;
}

.top_right>.f_lin>li:not(:last-child) {
	margin-right: 18px;
}

.top_right>.f_lin>li>a:hover {
	color: #000;
}

.f_lin .fa-angle-down {
	font-size: 14px;
}
.footer_start{
	background: linear-gradient(90deg, #FF8A00, #FFB700, #8B3DFF);
	height:5px;
}
footer {
	background-color: #151636;
}

.cl_f h4 {
	font-size: 22px;
	margin-bottom: .75rem;
	font-weight: 500;
	color: var(--color1);
}

.cl_f li a {
	color: #fff;
	display: inline-block;
}
.cl_f:not(.footer-social) li:not(:last-child) a {
	margin-bottom: 4px;
}
.cl_f li a:hover {
	text-decoration: underline;
}

.bottom-footer ul,
.footer-social ul{
	display: flex;
	/* justify-content: flex-end; */
}

.navbar-light .navbar-nav .nav-link {
	color: #000000;
}
.navbar-light .navbar-nav .nav-link:hover{
	color: var(--color3);
}
.bottom-footer .form-select {
	background-color: transparent;
	width: 200px;
	border-color: transparent;
}

.bottom-footer ul li {
	font-size: 20px;
}
.slogan_footer .h1{
	color:var(--color1);
}
.slogan_footer .h1 ~ div{
	color:#fff;
}
.slogan_footer .h1{
	margin-bottom:0
}
.bottom-footer .col-12 {
	text-align: center;
	font-size: 16px;
	color: #fff;
	padding-top: 3px;
}

.bottom-footer {
	/* background-color: #f1f2f6; */
	border-top: 1px solid #767676;
	padding-bottom: 30px;
	padding-top: 30px;
}

.bottom-footer .row {
	/* padding-top: 25px; */
}

.bottom-footer ul li:not(:last-child),
.footer-social ul li:not(:last-child){
	margin-right: 8px;
}

.btn:focus {
	box-shadow: none;
}


.site__menu {
	border-top: 1px solid #e5e7eb;
}

.earn-cashback .lh {
	/* line-height: 74px; */
}
.earn-cashback .box img {
    height: 50px;
    object-fit: contain;
}
.home_banner {
	    
}
.bg-sec {
/* 	background-image: linear-gradient(90deg, var(--color1) 0%, var(--color2) 100%); */
}

.cate-box {
	min-height: 144px;
	line-height: 45px;
	margin: .7em 0;
	background-color: #fff;
	text-align: center;
	border: 1px solid #0001;
	border-radius:var(--site-radius);
	padding: 1.2em;
	position: relative;
}

.cate-box img {
	height: 90px;
}

.btn {
	font-size: 14px;
	font-weight: 600;
}

.btn-cate {
	position: absolute;
	top: 35%;
	display: none;
	left: 0;
	right: 0;
	text-transform: capitalize;
}

.form-floating>.form-control::placeholder {
	visibility: hidden;
}

.str_bs2 {
	border: 1px solid #0002;
	background-color: #fff;
	border-radius:var(--site-radius);
	margin-bottom: 10px;
}

.str_bs2 h5 {
	padding: 15px 20px;
	border-bottom: 1px solid #0002;
	font-size: 15px;
	margin-bottom: 0;
}

.r_smll_bx:not(:last-child) {
	border-bottom: 1px solid #0002;
}

.s_b {
	color: #6d6d6d;
}

.s_n {
	font-weight: 500;
	color: #6d6d6d;
}

.s_d {
	color: #a6a6a6;
}

.r_smll_bx {
	padding: 16px 20px;
}

.s_b {
	margin-left: 4px;
}

.r_smll_bx span {
	font-size: 12px;
}

.s_n,
.s_d {
	display: block;
}

.s_d,
.r_smll_bx {
	margin-top: 7px;
}

.column2 {
	column-count: 1;
	column-gap: 20px;
}

.cate-box:hover .btn-cate {
	display: block;
}

.str_bse {
	border: 1px solid #0002;
	border-radius:var(--site-radius);
	/* padding-bottom: 30px; */
	background-color:#fff;
	margin-bottom: 15px;
	overflow: hidden;
}

.st_bx:not(:last-child) {
	border-bottom: 1px solid #0002;
}

.st_bx a {
	display: flex;
	align-items: center;
	padding: 20px 30px;
}

.str_txt {
	flex: 0 0 80%;
	margin-left: 3%;
}

.str_txt h4 {
	color: #6d6d6d;
}

.str_txt h4,
.str_txt h5 {
	font-size: 18px;
}

.str_txt h5 {
	font-size: 22px;
}

.str_txt p {
	font-size: 14px;
	color: #828282;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;

}

.st_bx a .str_lg {
	width: 88px;
	height: 88px;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	border-radius:var(--site-radius);
	display: flex;
	align-items: center;
}

.ttl_str {
	display: flex;
	padding-left: 30px;
	padding-right: 20px;
	align-items: center;
	padding-top: 10px;
	border-bottom: 1px solid #e9eaeb;
	padding-bottom: 12px;
}

.st_d_d {
	color: #6d6d6d;
}

.blg_img {
	/* margin-bottom: 10px; */
}

.blg_img img {
	width: 100%;
	object-fit: cover;
	border-radius:var(--site-radius);
}
.blog-img img{
	border-radius:var(--site-radius);
}
.blog_detail.all_blogs ul{
	list-style:disc;
	padding-left:32px;
}
.blog_detail.all_blogs ul  ul,
.blog_detail.all_blogs ol  ul{
	list-style:circle;
}
.blog_detail.all_blogs .blog-img img{
	display:block;
	margin:auto;
}
.fs-12 {
	font-size: 12px;
}

.str_d1 p {
/* 	padding: 10px 30px 0; */
}

.str_trms h4 {
	background-color: #f6f7f7;
	border-bottom: 1px solid #e9eaeb;
	padding: 14px 30px;
	font-size: 18px;
	font-weight: 500;
	border-radius: var(--site-radius) var(--site-radius) 0 0;
}

.str_trms .accordion-item {
	margin-bottom: 0;
	border-bottom: 1px solid #e9eaeb;
}

.ttl_str span {
	flex: 0 0 80%;
}



.n_mnu .nav-item.dropdown:hover>a.nav-link {
	color: var(--color3);
}

.n_mnu .dropdown-menu {
	padding: 5px 10px;
	box-shadow: 0 0px 10px 0 #0001;
	border-radius: 0;
	border-color: transparent;
}

.store_page {
	background-color: #fff;
}

.str_1 h4 {
	font-size: 32px;
	font-weight: 500;
	/* padding: 0 20px 0 30px; */
	/* border-bottom: 1px solid #e9eaeb; */
	line-height: normal;
	margin-bottom: 0;
}

.str_1 ul {
	display: flex;
	padding: 6px 30px;
	font-size: 12px;
	/* border-bottom: 1px solid #e9eaeb; */
	margin-bottom: 0;
}
.tab-content ul{
	flex-direction:column;
	list-style:disc;
	border-bottom: 0;
}

.str_1 li a {
	position: relative;
	/* margin-right: 20px; */
	/* padding: 5px 10px; */
}

.str_1 li a:before,
.str_1 li a:after {
	/* left: 100%; */
	/* top: 50%; */
	/* border: solid transparent; */
	/* content: " "; */
	height: 0;
	width: 0;
	position: absolute;
}

.str_1 li a:before {
	/* border-left-color: #e9eaeb; */
	/* border-width: 16px; */
	/* margin-top: -16px; */
}

.str_1 li a:after {
	border-left-color: #fff;
	border-width: 15px;
	margin-top: -15px;
}

.n_mnu .dropdown-item {
	font-weight: 500;
	color: #0008;
	padding: 6px 0;
}

.n_mnu .dropdown-item.active,
.n_mnu .dropdown-item:active {
	background-color: #fff;
}

.n_mnu .dropdown-item:hover {
	background-color: #fff;
	color: var(--color3);
}

.cate-box:hover::before {
	background-color: #333;
	opacity: .6;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius:var(--site-radius);
}

.cate-box p {
	font-weight: 600;
	margin: 0;
	color: var(--color1);
}

.btn-primary {
	box-shadow: 0px 0px 14px -7px #f09819;
	background-image: linear-gradient(45deg, var(--color1) 0%, var(--color2) 51%, var(--color3) 100%);
	transition: 0.5s;
	background-size: 200% auto;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	border: 0;
	padding: 10px 24px;
	text-transform: capitalize;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus {
	background-position: right center;
	background-color: transparent;
}

.box-img img {
	width: 120px;
	object-fit: contain;
}

.coupon-grid a>img {
	object-fit: cover;
}

.box {
	border: 1px solid #0001;
	border-radius:var(--site-radius);
	padding: 1.25rem;
	display: flex;
	align-items: center;
	height: 100%;
	background-color: #fff;
	justify-content: center;
}

.earn-cashback .box{
	position:relative;
}
.store_of_month {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 12px;
    border-radius: var(--site-radius);
    color: inherit;
    border:1px solid #fff;
    transition:all ease .3s;
    border: 1px solid #0001;
}
.store_of_month:hover{
    border-color:var(--color1)
}

.earn-cashback .store_overlay{
	display:none;
	opacity:0;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	left: 0;
	background-color: #585858;
	border-radius: var(--site-radius);
	color: #fff;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition:all ease .4s;
}
.earn-cashback .box:hover .store_overlay{
	opacity:1;
	display:flex;
}
.store_overlay span{
	display: block;
	line-height: normal;
	text-align: center;
}
.box p {
	color: #3e588c;
	font-weight: 600
}

.coupon-grid {
	background-color: #fff;
	border: 1px solid #0002;
	position: relative;
	margin-bottom: 30px;
	border-radius:var(--site-radius);
	overflow: hidden;
}

.coupon-grid .fa-heart {
	position: absolute;
	top: 5px;
	right: 10px;
	background-color: #fff9;
	font-size: 20px;
	height: 25px;
	width: 25px;
	line-height: 27px;
	border: 1px solid #0001;
	text-align: center;
	display: inline-block;
}

.coupon-grid .fa-heart.cashback-activated {
	color: red;
}
.coupon-store{
	width: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.coupon-store:not(.all_cs) {
	box-shadow: 0px 0px 5px 0px #0006;
	height: 80px;
	margin: -35px auto 0px;
	position: relative;
	padding: 6px;
	z-index: 888;
	background-color: #fff;
	border-radius:var(--site-radius);
}
.coupon-store.all_cs {
	height:65px
}
.nw_all_str {
	padding: 30px 0 10px;
}
.nw_all_str .coupon-store {
	margin-top:0;
	width: 160px;
	box-shadow: none;
}
.store_title {
    font-size: 16px;
	font-weight:600;
}
.store_casb {
    font-size: 16px;
    margin-bottom: 16px;
}
.coupon-content h5 {
	margin-bottom: 20px;
	font-size: 18px;
}

.coupon-store img {
	height: 60px;
	object-fit: contain;
}

.coupon-content:not(.all_cc) {
	/* padding: 20px 10px; */
	/* text-align: center; */
}

.all_cc {
	display:flex;
	justify-content:space-between;
	width:100%;
	align-items:center;
}
.all_cc div{
	flex:1;
}
.lr_page:not(.bg) {
	background-color: var(--color1);
	background-image: linear-gradient(to right, var(--color2), var(--color1));
}

.w50 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.lgin-rgister-inner {
	background-color: #fff;
	/* box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%); */
	border-radius:var(--site-radius);
	overflow:hidden;
	position: relative;
	/* min-height: 600px; */
}
 
.lgin-rgister-inner::before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	right:0;
	background-color: #00000091;
	z-index:2;
}

.authorization-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.lgin-rgister-inner .nav,
.lgin-rgister-inner .tab-content{
	position: relative;
	z-index: 9;
}
.lgin-rgister-inner .tab-content{
	padding: .65rem 2rem 2rem;
	/* min-height: 500px; */
	display: block;
	/* flex-direction: column; */
	/* justify-content: flex-end; */
}
.home_banner .lgin-rgister-inner .tab-content{
	padding: .55rem 1.5rem 1.5rem;
}
.lgin-rgister-inner #pills-tab .nav-item {
	flex: 1;
	padding: 0 .5rem .5rem;
}

.lgin-rgister-inner #pills-tab button.nav-link {
	/* color: #000; */
	font-weight: 600;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0;
}

.lgin-rgister-inner #pills-tab .nav-item:first-child {
	border-right: 1px solid #0001;
}

.lgin-rgister-inner #pills-tab .nav-item:last-child {
	border-left: 1px solid #0001;
}

.lgin-rgister-inner .nav-pills .nav-link.active,
.lgin-rgister-inner .nav-pills .nav-link:hover,
.lgin-rgister-inner .nav-pills .show>.nav-link {
	background-color: transparent;
	color: #fff;
	border-bottom: 2px solid var(--color1);
}

.login-register-form {
	margin-top: .75rem;
}

.login-register-form .form-group {
	margin-bottom: 15px;
}


.show-pss {
	font-size: .8571rem;
	font-weight: 500;
	margin-top: .9rem;
}


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

.dflex {
	display: flex;
}

.sign-in-links a {
	padding-right: 0 !important;
}

.sign-in-links a:last-child {
	padding-left: 0 !important;

}

.a-after {
	display: none;
}

.a-after:after {
	content: "";
	display: inline-block;
	width: 2px;
	height: 1em;
	margin-left: 0.25rem;
	background-color: #dbe2ed;
	vertical-align: middle;
}

.hide-on-mobile {
	display: block;
}

.navbar-light .navbar-toggler {
	background-color: #fff;
	color: var(--primary-color);
	margin-left: auto;
}

.navbar-light .navbar-toggler:focus {
	box-shadow: none;
}

.fb-sign-in a,
.google_login a{
	display: flex;
	height: 3rem;
	text-align: center;
	border: none;
	border-radius: 34px;
	line-height: 1rem;
	font-size: .8125rem;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	/* color:#000; */
	text-decoration: none;
	margin-top: .75rem;
	box-shadow:0 0 10px 0 #0001;
	background-color: #fff;
	position:relative;
	z-index:9;
}
.fb-sign-in,
.google_login{
    width: 90%;
    margin: 0 auto;
}
.google_login{
	/* padding-bottom:30px; */
}
.fb-sign-in a span, .google_login a span {
	color:#000;
}
.fb-sign-in a > i {
	color: #1a6eda;
}
.google_login a > i{
	color: #c91515;
}
.fb-sign-in a i,
.google_login a i{
	font-size: 1.25rem;
	line-height: 1rem;
	margin-right: 0.75rem;
}

.divider {
	margin: 2rem 0;
	position: relative;
	background-color: #dbe2ed;
	height: 1px;
	display: none;
}

.site-links-social {
	display: flex;
}


.divider span {
	font-size: 0.86rem;
	background-color: #ffffff;
	color: var(--text-color);
	top: -11px;
	display: block;
	text-align: center;
	padding: 0 8px;
	z-index: 1;
	position: relative;
	margin: 0 auto;
	width: 3rem;
	font-weight: 600;
	/* color: #fff; */
	display: none;
}

.site_search .fa-search {
	top: 12px;
	right: 14px;
	color: #aeaeae;
	font-size: 18px;
}

.site_search input.form-control {
	padding: 10px 32px 10px 20px;
	border-width: 1px;
	border-color: #dbdbdb;
	background-color: #fafafa;
	border-radius:var(--site-radius);
}

.cate-sub-title {
	text-align: center;
	margin-bottom: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #5d4d5d;
}

.res_h {
	background-color: #fff;
}

.title {
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 40px;
}

.load-more-cate {
	margin: auto;
	border-radius:var(--site-radius);
	display: block;
	width: 25%;
	text-align: center;
	background-color: var(--color2);
	border: 1px solid var(--color2);
	padding: 10px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	letter-spacing: .1px;
}

.page-title {
	text-align: center;
	/*background-color: var(--color1);*/
	/*background: rgb(80,184,231);
		background: radial-gradient(circle, rgba(80,184,231,1) 0%, rgba(132,205,238,1) 100%);*/
	
	font-size: 24px;
	padding: 70px 0;
	font-weight: 600;
	color: #fff;
	border-radius:var(--site-radius);
}
.page-title:not(.no_bg-img){
	background-image: linear-gradient(90deg, var(--color1) 0%, var(--color2) 100%);
}
.load-more-cate:hover {
	background-color: var(--color1);
	color: #fff;
	border-color: var(--color1);
}

.main-grid-cate {
	border-radius:var(--site-radius);
	display: block;
	padding: 4px;
	background-color: #fff;
	margin-bottom: 30px;
}

.featured-cashback-all-store {
	padding-bottom: 26px;
	border-bottom: 1px solid #e1e1e1;
}

.store-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #fff;
	border-radius:var(--site-radius);
	padding: 20px 0;
	margin-bottom: 30px;
	border: 1px solid #d3d3d4;
}

.store_slider-all .prev,
.store_slider-all .next {
	left: -5%;
	right: 0;
	margin: auto;
	border: 1px solid #d9d9d9;
	bottom: -20.3%;
}

.bg_sec {
	background-color: #0000000a;
}
.three_section {
    background-color: var(--color2);
}
.site-logo img {
	max-width: 190px;
	max-height: 76px;
}

/* Coupons Section Css*/
.site_coupon .c_inner {
	width: 100%;
	position: relative;
}

.site_coupon {
	margin-bottom: 40px;
	border-radius:var(--site-radius);
	align-items:center;
}

.site_coupon .c_inner .info::after,
.site_coupon .c_inner .info::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: #f0f0f0;
	border-radius: 100%;
}

.site_coupon .c_inner .info::before {
	top: -11px;
	left: -10px;
}



.site_coupon .time {
	font-size: 1.6rem;
}

.store_slider-all .prev::before {
	content: '';
	display: inline-block;
	width: 100%;
	position: absolute;
	background: #f2f4f1;
	height: 2px;
	top: 21px;
	left: 39px;
}

.slick-slide {
	padding: 0 10px;
}

.store_slider-all {
	margin-left: -10px;
	margin-right: -10px;
}

.store_slider-all .next {
	left: 5%;
}

.store_slider-all .prev,
.store_slider-all .next {
	position: absolute;
	width: 40px;
	height: 40px;
	padding: 0;
	cursor: pointer;
	background-color: #f9f9f9;
	border-radius: 50px;
	text-align: center;
	line-height: 40px;
	z-index: 999;
	color: #000;
}

.cashback-upto {
	font-size: 16px;
	font-weight: 500;
	margin: 10px 0;
}

.cashback-offers {
	color: #5d5d5d;
	font-weight: 500;
}

.store-box img {
	margin: 16px 0;
	height: 40px;
	object-fit: scale-down;
}

.border-1 {
	border: 1px solid #d9d9d9;
	border-radius:var(--site-radius);
}

.all-store-info .border-1 {
	border-bottom: 0;
}

.all-stores-cate {
	padding: 6px 0;
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-end;
}

.all-stores-cate li {
	cursor: pointer;
	font-size:16px;
}

.all-stores-cate li:hover {
	color: var(--color1);
}

.all-stores-cate li:not(:last-child) {
	margin-right: 20px;
}

.all-store-in-grid {
	border-bottom: 1px solid #d9d9d959;
	padding: .75rem 0;
	background-color: #fff;
	margin-bottom: 0;
	display: flex;
	align-items:center;
}
.logo_str img {
	max-width: 80px;
	height: 60px;
	object-fit: contain;
}
.str_d_left_side{
	display: inline-block;
	text-align: center;
}
.category-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
@media(min-width:768px){
	.category-grid {
	      grid-template-columns: repeat(3, 1fr);
	      gap: 1rem;
	    }
	.str_d_inner{
		padding-left: 20px;
	}
	.str_d_left_side{
		margin-right: 25px;

	}
	.all-store-in-grid li:nth-child(2) {
		width: 40%;
	}
	.all-store-in-grid li:not(:nth-child(2)) {
		width: 20%;
	}
	.logo_str img {
		max-width: 120px;
		height: 90px;
	}
}
@media(max-width:767.98px){
	.newsletter-form input{
		margin-bottom:10px;
		min-height:41px
	}
	.newsletter-form form{
		flex-direction:column;
	}
	.offer-of-day,
	.offer-of-day2{
	    overflow: visible !important;
	    height: auto !important;
		width: 100%;
	}
	.offer-of-day  .swiper-wrapper,
	.offer-of-day2  .swiper-wrapper{
	        display: grid !important;
	        grid-template-columns: repeat(2, 1fr) !important;
	        gap: 15px !important;
	        transform: none !important;
	        width: 100% !important;
	        height: auto !important;
	    }
	   .offer-of-day .swiper-slide,
	.offer-of-day2 .swiper-slide{
	        width: 100% !important;
	        height: auto !important;
	        margin: 0 !important;
		   display:flex;
	    }
	.str_d_inner {
		align-items: center;
		flex-direction:column;
	}
	
}


.all-store-in-grid li:last-child {
	display: flex;
	justify-content: flex-end;
}

.all-store-in-grid li:last-child a {
	text-transform: uppercase;
	color: #4d4d4d;
}

.all-store-in-grid li:last-child a:hover {
	color: var(--color1);
}

.all-store-in-grid li:first-child a {
	font-weight: 500;
}

.all-store-in-grid li:nth-child(2) a {
	color: #5d5d5d;
	font-weight: 600;
}



.all-store-in-grid li:nth-child(3) {
	font-size: 18px;
	font-weight: 600;
}

.message_box .error {
	color: #dc3545 !important;
}

.message_box .success {
	color: #198754 !important;
}

.jsonSuggest {
	max-width: 100%;
	width:100% !important;
}

.jsonSuggest .ui-menu-item {
	list-style-image: none;
}

.jsonSuggest .ui-menu-item a {
	display: inline-block;
	/* align-items: center; */
	background-color: transparent;
	border: 0;
	width: 100%;
	padding: 10px;
	/* vertical-align: middle; */
}

.jsonSuggest .ui-menu-item a img {
	height: 30px;
	width: 60px;
	object-fit: contain;
	padding-right: 10px;
}

.jsonSuggest .ui-menu-item a img small {
	margin-left: auto;
}

.jsonSuggest .ui-menu-item a small {
	float: right;
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
}

.jsonSuggest .ui-menu-item a strong {
	font-weight: 400;
}

.jsonSuggest .ui-menu-item:not(:last-child) a {
	border-bottom: 1px solid #0003;
}

.home_banner .col-md-6:last-child {
/* 	margin-bottom: 40px; */
}

.bg_site {
	background-color: var(--color1);
}

.coupn_bx a {
	padding: 20px;
	text-align: center;
	display: block;
	background-color: #fff;
	border-radius: var(--site-radius);
	border: 1px solid #0001;
}

.offer_bx,
.both_bx {
	padding: 10px 20px;
}

.offer_bx .col-md-4,
.both_bx .col-md-4 {
	text-align: center;
}
.offer_bx .col-md-4 {
	text-align:left;
}
.coupn_bx:not(:last-child) a, .offer_bx:not(:last-child), .both_bx:not(:last-child) {
	/* border-bottom: 1px solid #0002; */
}

.coupn_bx_img img {
	width: 90px;
	height: 40px;
	object-fit: contain;
}
.site__tabs {
  margin-bottom: 30px;
}
.site__tabs button.nav-link {
  font-size: 15px;
  line-height: normal;
  padding: 16px 0;
  color: #9ba1a9;
  border: 0;
  background-color: transparent;
  border-bottom: 3px solid transparent;
  transition: all 0.3s;
}
.site__tabs button.nav-link:hover,
.site__tabs button.nav-link.active{
  color: var(--color1);
  border-bottom-color: var(--color2);
  background-color: transparent;
}
.site__tabs button.nav-link.active {
    font-weight: 700;
}

.site__tabs button.nav-link:not(:last-child){
    margin-right: 24px;
}
.coupn_bx_txt h6 {
	margin-bottom: 0;
	margin-top: 10px;
	font-size: 14px;
}

.innr_cate li>a {
	display: flex;
	justify-content: space-between;
	padding: 8px 20px;
}

.innr_cate li:not(:last-child)>a {
	border-bottom: 1px solid #e9eaeb;
}

.cats-div {
	margin-bottom: 0;
	column-gap: 20px;
	display: grid;
}

.textleft {
	font-weight: 500;
}

.max_height {
	max-height: 300px;
}

.site_scroller {
	overflow-y: scroll;
}

.serch_by_store .c_checkbox {
	margin-bottom: 8px;
}

.serch_by_store span {
	font-size: 14px;
}

.float_right.pr2 {
	margin-left: auto;
	margin-right: 8px;
}

.deals_seach_ label {
	margin-bottom: 10px;
}

.deals_seach_ .form-control {
	border-radius: var(--site-radius);
	border-color: #d8d8d8;
	color: #6d6d6d;
	height: 46px;
}

.deals_seach_ .form-control::placeholder {
	color: #4d4d4d;
}

.all-categores_box {
	margin-bottom: 30px;
}

.all-cate-content-right>h4 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #212529;
	font-weight: 500;
}

.all-cate-content-right>h4 select {
	font-weight: normal;
	font-size: 16px;
	width: 25%;
	height: 46px;
	padding: 0 10px;
	margin-left: 30px;
	color: #4d4d4d;
	border-radius:var(--site-radius);
	min-height: 36px;
}

#product-sort-change {
	width: 27%;
}

.all-cate-content-right>h4 select:focus {
	outline: 0;
}

.all-cate-content-right>h4 a#list i,
.all-cate-content-right>h4 a#grid i {
	background-color: #fff;
	padding: 5px 6px;
	border: 1px solid #d8d8d8;
	color: #4d4d4d;
}

.all-cate-content-right>h4 a#list i:hover,
.all-cate-content-right>h4 a#grid i:hover {
	color: var(--color1);
}

.all-cate-content-right>h4 a#list.active i,
.all-cate-content-right>h4 a#grid.active i {
	color: var(--color1);
}

.deals_seach_ select {
	padding: 0 9px;
}

.ml_auto {
	margin-left: auto;
}

.deals_seach_ .input-group input {
	border-right-color: transparent;
}

.deals_seach_ .input-group-text {
	background-color: transparent;
	border-color: #d8d8d8;
	border-left-color: transparent;
	min-height: 46px;
	border-radius: 0  var(--site-radius) var(--site-radius) 0;
}

.deals_seach_ .input-group-text i {
	color: #4d4d4d;
}

.deal_right_smilar .col-md-4 {
	padding: 0 11px;
}

.max-html-box {
	float: right;
}

.deals_slider {
	border-radius:var(--site-radius);
	background-color: #fff;
	border: 1px solid #d8d8d8;
	text-align: center;
	margin-bottom: 22px;
}

.min-html-box,
.max-html-box {
	margin-top: 4px;
	display: inline-block;
}

.checkbox {
	display: flex;
}

.checkbox input {
	accent-color: #119ddc;
	margin-right: 6px;
}

.c_numb {
	margin-left: auto;
	padding-right: 4px;
	font-weight: 500;
}

.deals_slider .store-t {
	margin-top: .1rem;
	margin-bottom: .35rem;
	color: #000;
	font-weight: 400;
	/*height: 48px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;*/
}

.deals_slider a.contentwimg {
	display: block;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
	border-radius:var(--site-radius);
}
.grid-list-change {
	border: 1px solid #d3d3d3;
	padding: 4px 10px;
	border-radius: var(--site-radius);
}

.grid-list-change.active {
	border-color: var(--color1);
	background-color: var(--color1);
}

.right-icons .need-share-button-default .need-share-button_button {
	border-color: transparent;
}

.img_strd {
	padding: 10px;
}

.deals_slider p {
	padding: 0 10px;
	margin-bottom: 4px;
}

.deals_slider .del {
	color: #b5b5b5;
	margin-right: 8px;
	text-decoration: line-through;
}

.deals_slider .cashback {
	color: #009ed9;
	margin-bottom: .75em;
	font-weight: 500;
}

.deals_slider .btn {
	margin: .2rem 0 14px;
}

.deals_slider {
	position: relative;
	overflow: hidden;
}

.deals_slider .top-bar {
	background: var(--color2);
	color: #fff;
	padding: 1px 10px;
	position: absolute;
	top: 12px;
	transform: rotate(-45deg);
	left: -25px;
}

.deals_slider .top-bar>span {
	font-size: 12px;
	font-weight: 600;
	padding: 0 8px;
}

.deal_dbx {
	border: 1px solid #d8d8d8;
	padding: 20px;
	display: flex;
	background-color: #fff;
	border-radius:var(--site-radius);
	position: relative;
}

.save_right {
	flex: 0 0 15%;
	clip-path: polygon(50% 0%, 100% 0, 100% 60%, 50% 80%, 0 60%, 0 0);
	background-color: var(--color1);
	text-align: center;
	position: absolute;
	top: 0;
	right: 0px;
	height: 50%;
	width: 12%;
	color: #fff;
	padding-top: 30px;
	font-size: 18px;
}

.swal-button {
	background-color: var(--color1);
}

.coupon_bx {
	display: flex;
	border: 1px solid #d8d8d8;
	padding: 16px;
	border-radius:var(--site-radius);
	background-color: #fff;
}

.coupon_bx:not(:last-child) {
	margin-bottom: 24px;
}

.coupon_rght {
	max-width: 25%;
	padding-left: 20px;
	padding-top: 10px;
}

.coupon_rght span {
	display: block;
	text-align: center;
}

.totl_off {
	font-size: 20px;
}

.cd_l {
	font-size: 12px;
	color: #0005;
	font-weight: 600;
	margin-bottom: 10px;
}

.coupon_img {
	max-width: 130px;
	border: 1px solid #0002;
	border-radius:var(--site-radius);
	display: flex;
	margin-right: 1rem;
}

.coupon_txt {
	max-width: 61%;
	border-right: 2px dashed #0001;
	padding-right: 20px;
}

.coupon_txt h4 {
	margin-bottom: 12px;
	font-size: 22px;
	font-weight: 500;
}

.coupon_txt p {
	margin-bottom: 0;
}

.coupon_img img {
	max-width: 120px;
}

.str__n,
.str__cb,
.a_prce,
.d_prce,
.str_icons {
	font-size: 18px;
	margin-bottom: 4px;
}

.deal_dbx_txt p {
	margin-bottom: 4px
}

.str__n,
.str__cb {
	display: block;
}

.str_icons a {
	color: #0008;
}

.str_icons a:not(:last-child) {
	margin-right: 10px;
}

.a_prce {
	display: inline-block;
	color: #0004;
	font-weight: 500;
	text-decoration: line-through;
	margin-right: 10px;
}

.deal_d_page .img_strd {
	border: 1px solid #0002;
	border-radius:var(--site-radius);
	padding: 10px;
}

.deal_dbx_img {
	flex: 0 0 25%;
	margin-right: 20px;
}

.deal_dbx_txt {
	flex: 0 0 60%;
	margin-right: 20px;
}

.fixed_w {
	width: 100%;
	height: 150px;
	object-fit: contain;
	object-position: center;
}

.site_scroller::-webkit-scrollbar-track {
	border-radius: var(--site-radius);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F6F9FB;
}

.site_scroller::-webkit-scrollbar {
	width: 4px;
	background-color: #F6F9FB;
}

.site_scroller::-webkit-scrollbar-thumb {
	border-radius: var(--site-radius);
	background-color: var(--color1);
}

.deals_seach_ {
	padding: 1rem;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	border-radius:var(--site-radius);
}

.bg_site .n_mnu>li>.nav-link {
	font-weight: 600;
}

@media(min-width: 576px) {
	.title {
		display: flex;
		justify-content: space-between;
	}
	.store_title {
		font-size:20px;
	}
	.all_cs {
		margin-right:12px;
	}
	.all-store-in-grid {
		padding:1rem 0;
	}
}

@media(max-width: 767.98px) {
	.coupon-grid a>img {
		width: 100%;
	}
}

.parent_cat {
	border: 1px solid #0002;
	margin-bottom: 15px;
	background-color: #fff;
	border-radius:var(--site-radius);
	overflow: hidden;
}

.parent_div>a {
	display: flex;
	justify-content: space-between;
	background: #f6f7f7;
	padding: 12px;
	font-size: 18px;
	font-weight: 600;
	color: #4d4d4d;
}

.offer_bx a.btn,
.both_bx a.btn {
	min-width: 139px;
}

.str_d_img {
	position: relative;
	height: 250px;
}
.str_d_img img{
	height: 250px;
	object-fit: cover;
	width: 100%;
	border-radius:var(--site-radius);
}
.str_d_left_side {
	margin-top: -60px;
}
.str_d_inner .fa-heart {
	position: absolute;
	top: 12px;
	right: 10px;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	display: inline-block;
}
.str_d_inner{
	position: relative;
  	display: flex;
}
.str_small {
	background: #fff;
	display: flex;
	align-items: center;
	width: 160px;
	padding: 6px;
	border-radius:var(--site-radius);
	justify-content: center;
	height: 120px;
	border: 1px solid #0002;
	margin-bottom: 10px;
}

.right_side_content li{
	margin-bottom:10px
}
@media(min-width: 768px) {
	.hero-section {
		padding: 6rem 0 0rem;
	}

	.cats-div {
		grid-template-columns: auto auto;
	}

	.offer_bx .row,
	.both_bx .row {
		align-items: center;
		justify-content: space-between;
	}

	.site_search .fa-search {
		top: 12px;
	}

	.home_banner .col-md-6:last-child {
/* 		margin: 30px 0; */
	}

	.hero-section h1 {
		font-size: 3.8rem;
		line-height: 4rem;
		padding: 0 1.6rem 0 0;
	}

	.hero-section p {
		font-size: 1.125rem;
		padding-top: 1rem;
		line-height: 1.7rem;
		padding-right: 1rem;
	}

	.img_m_b {
		max-width: 70%;
		margin-left: auto;
		margin-right: auto;
	}

	.pt80,
	.py80 {
		padding-top: 40px;
	}

	.pb80,
	.py80 {
		padding-bottom: 40px;
	}

	.site-h {
		font-size: 1.75rem;
	}

	.site-h.blog_heading {
		font-size: 2.25rem;
	}
	

	.bg_site .n_mnu>li>.nav-link {
		color: #fff;
		padding: 12px;
	}

	.bg_site .n_mnu>li>.nav-link:hover {
		background-color: var(--color2);
		color: #fff;
	}

	.view-vlist .col-md-4 {
		width: 100%;
	}

	.view-vlist .all_deals_box {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.view-vlist .adb3 {
		padding-right: 10px
	}

	.view-vlist .adb1 {
		width: 20%;
	}

	.view-vlist .adb1 img {
		max-width: 100px;
		max-height: 100px;
	}

	.view-vlist .adb2 {
		margin-right: auto;
		text-align: left;
	}
}



@media(min-width: 1024px) {
	.home_banner .row {
		align-items: center;
	}

	.container-fluid {
		max-width: 95%;
	}

	.px-1,
	.pr-1 {
		padding-right: 4px;
	}

	.px-1,
	.pl-1 {
		padding-left: 4px;
	}

	.bg_site {
		padding-top: 0;
		padding-bottom: 0;
	}

	.btn_sign .btn {
		padding: 10px 34px;
		-webkit-transition: -webkit-transform .3s ease-in-out;
		transition: -webkit-transform .3s ease-in-out;
		transition: transform .3s ease-in-out;
		transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
		text-align: center;
		position: relative;
		border: 0
	}

	.home_banner .lgin-rgister-inner {
		max-width: 75%;
		margin-left: auto;
		margin-right: auto;
	}

	.home_banner .form-floating>.form-control,
	.home_banner .join_free,
	.home_banner input.login-btn {
		height: 48px;
		line-height: 20px;

	}

	.home_banner .form-floating>.form-control,
	.home_banner .form-floating>label {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.home_banner .col-md-6:last-child {
/* 		margin: 60px 0; */
	}

	.stp_bx h4 {
		font-size: 1.1rem;
	}

	.btn_sign .btn::before {
		content: '';
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		height: 100%;
		border: 2px solid var(--color1);
		border-radius: 40px;
		opacity: 1;
	}

	.btn_sign .btn::after {
		content: ">";
		position: absolute;
		top: 0px;
		right: 5px;
		font-size: 22px;
		opacity: 0;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		-webkit-transform: translateX(-7px);
		transform: translateX(-7px);
	}

	.btn_sign .btn:hover:before {
		opacity: 0
	}

	.btn_sign .btn:hover:after {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	.pt80,
	.py80 {
		padding-top: 50px;
	}

	.pb80,
	.py80 {
		padding-bottom: 50px;
	}

	.site-h {
		margin-bottom: 1.5rem;
	}

	.lr_page {
		/* padding-top: 150px; */
		/* padding-bottom: 150px; */
	}

	.stp_bx {
		margin-top: 4rem;
	}

	.stp_bx p {
		padding: 0 50px;
	}

	

	.w50 {
		width: 52%;
	}
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
	display: flex;
	width: 100%;
	align-items: stretch;
	padding-top: 40px;
	padding-bottom: 40px;
}

#sidebar {
	min-width: 225px;
	max-width: 225px;
	background: #fff;
	height: 100%;
}

#sidebar.active {
	margin-left: 0px;
}

.carousel .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>");
}

.carousel .carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#sidebar .sidebar-header {
	padding: 20px;
	background: #6d7fcc;
}

ul.list-unstyled.components {
	margin: 0;
	border: 1px solid #d9d9d9;
	display: block;
	padding-top: 0;
	border-bottom: 0;
	padding-bottom: 0;
	border-radius: 0 0 var(--site-radius) var(--site-radius);
}

#sidebar ul li a {
	padding: 10px;
	display: block;
	border-bottom: 1px solid #d9d9d9;
	border-left: 4px solid transparent;
	color: #4d4d4d;
	font-weight: 500;
	position: relative;
}
#sidebar > ul > li:last-child a{
	border-radius:0 0 var(--site-radius) var(--site-radius);
	color: red;
}
.tex.ml-2 {
	margin-left: 8px;
	position: relative;
	top: -2px;
}

#sidebar ul li a:hover {
	color: #3e588c;
	background: #fff;
	border-bottom: 1px solid var(--color1);
	border-left-color: var(--color1);
}

.country_slt {
	padding: 0px 8px;
	border: 1px solid transparent;
	border-radius:var(--site-radius);
}

#sidebar ul li.active>a,
#sidebar a[aria-expanded="true"] {
	color: #3e588c;
	border-bottom: 1px solid var(--color1);
	border-left: 4px solid var(--color1);
}

a[data-toggle="collapse"] {
	position: relative;
}

.dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

.pr-2 {
	padding-right: 8px;
}

.user .fa-close {
	font-size: 20px;
	position: absolute;
	top: 10px;
	right: 20px;
}

.user {
	background-color: #f7f7f7;
	border: 1px solid #d9d9d9;
	text-align: center;
	border-bottom: 0;
	padding: 1rem 0;
	position: relative;
	border-radius: var(--site-radius) var(--site-radius) 0 0;
}

.form-control,
label {
	font-size: 14px;
	font-weight: 500;
}

.form-control {
	border-radius: var(--site-radius);
}

.item-div td a>img {
	width: 100px;
	height: 50px;
	object-fit: contain;
	background-color: #fff;
	border-radius: var(--site-radius);
	padding: 3px;
}

.item-div .fa-trash {
	font-size: 20px;
}

.my-tickets-content {
	display: flex;
	justify-content: space-between;
	padding: 16px;
	background-color: #fff;
	align-items: center;
	border-radius:var(--site-radius);
	border: 1px solid #d8d8d8;
	position: relative;
}

.ticket-reply-box .my-tickets-content {
	background-color: #f2f4f1;
}

.my-tickets-content:not(:last-child) {
	margin-bottom: 30px;
}

.ticket-status {
	position: absolute;
	top: -10px;
	font-size: 12px;
	background-color: var(--color1);
	border-radius:var(--site-radius);
	padding: 2px 4px;
	color: #fff;
	left: 0;
}

.form-select:focus,
.form-control:focus,
.btn:focus {
	box-shadow: none;
	border-color: #ced4da;
}

.input-code {
	max-width: 139px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50px;
	text-align: center;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 500;
}

.user h5 {
	font-weight: 400;
	margin-top: .8em
}

.swal-modal {
	border-radius:var(--site-radius);
	background-color: #f4f2f1;
}

.swal-text {
	font-size: 24px;
	font-weight: 500;
}

.swal-footer {
	text-align: center;
}

.user p {
	color: #4d4d4d;
	margin-bottom: 0;
}

.loading-image {
	background: url('../images/loader.gif') no-repeat;
	width: 64px;
	height: 64px;
	display: block;
	margin: auto;
}

.dash-box h5 {
	font-weight: 500;
	font-size: 16px;
}

.loading-screen {
	display: flex;
	align-items: center;
}

.dash-box p {
	font-size: 12px;
}

div#content {
	width: 100%;
	padding-left: 1em
}

.admin-user .ion-close {
	position: absolute;
	top: 5px;
	right: 10px
}

.bottom-footer ul li img,
.footer-social ul li img{
	max-width: 40px;
}
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
	#sidebar {
		margin-left: -275px;
		margin-right: 1.6em;
		display: none;
	}

	#sidebar.active {
		margin-left: 0;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		height: 100%;
	}

	#sidebarCollapse span {
		display: none;
	}

	div#content {
		padding-left: 0;
		position: relative;
	}

	.hide {
		display: none;
	}
}

.bg-r {
	background-color: #ce2626;
}

.dash-box {
	position: relative;
	max-height: 170px;
	padding: 10px 12px;
	color: #fff;
}

.dash-box h6 {
	font-weight: 500;
	border-top: 1px solid #d9d9d9;
	padding-top: .3rem;
	position: relative;
	bottom: 5px;
	width: 100%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.bg-y {
	background-color: #b29300
}

.bg-b {
	background-color: #0a84a2
}

.bg-g {
	background-color: #72a815
}

.p-bg-g {
	color: #d1f88d
}

.p-bg-b {
	color: #b4ebf8
}

.p-bg-y {
	color: #f9ebab
}

.p-bg-r {
	color: #ffbdbd
}

.total-dash {
	margin-top: 30px;
	border: 1px solid #d8d8d8;
	padding: 15px;
	border-radius:var(--site-radius);
	color: #4d4d4d;
	background-color: #fff;
	font-size: 16px;
	display: flex;
	align-items: center;
}

.table th span {
	font-weight: 700;
}

.dash-table,
.table {

	margin: 0;

}

.table-responsive {
	border: 1px solid #d8d8d8;
	border-radius:var(--site-radius);
	background-color: #fff;
}

.dash-table thead th,
.table thead th {
	border: 0;
}

.dash-table thead th,
.table thead th {
	padding: .75rem 1.6rem;
}

.my-tickets-content-left {
	width: 65%;
}

.my-tickets-content-left p {
	margin-bottom: 0;
}

.dash-table td,
.table td {
	border-top: 0;
	border-bottom: 0;
	vertical-align: middle;
}

.dash-table td,
.table td {
	padding: .75rem 1.6rem;
}

.table td>span {
	color: var(--color1);
}

.table>thead tr:not(:last-child) {
	border-bottom-width: 1px;
}

.table tbody tr {
	border-top-width: 1px;
	border-color: #d8d8d8;
}

.table-w50 tr:last-child th {
	border-bottom-width: 0;
}

.table th {
	font-weight: 500;
}

.table-w50 tbody th {
	background-color: #f2f4f1;
	width: 50%;
}

.table-stripped:not(.table-w50) tbody tr:first-child {
	border-top-width: 0;
	background-color: #f2f4f1;
}

.table-w50 tbody tr:first-child {
	border-top-width: 0;
}

.text {
	position: relative;
	top: -4px;
	margin-left: 8px;

}

.time {
	font-size: 24px;
	margin-right: 3px;
}

#content .btn-primary {
	text-transform: capitalize;
	padding: 10px 24px;
}

#content .container {
	padding-right: 0
}

.content_2 {
	width: 100%;
}
.tab-content .content_2{
	width: 80%;
}
/*dashboard cashback*/
.bg-ye {
	background-color: #d5ea79
}

.w22 {
	flex: 0 0 21.1%;
	max-width: 21.1%;
}

.w13 {
	flex: 0 0 12%;
	max-width: 12%;
}

.cashback-table {
	font-size: 14px;
	font-weight: 400
}

.cashback-table thead {
	background-color: #f7f6fb;
	border-bottom: 1px solid #d9d9d9;
}

.w22 input,
.w13 input {
	border-radius: 0;
	height: 45px;
	border: 1px solid #d9d9d9;
}

.w22 input::placeholder,
.w13 input::placeholder {
	color: #868686
}

.w13 .btn-primary {
	padding: .5em 2em;
	background-color: #455e90;
	color: #fff
}

.w13 .btn-primary:hover {
	background-color: transparent;
	color: #455e90
}

/*Dashboard cashout*/
.bg-gree {
	background-color: #84ec8e
}

.select input {
	border-radius: 0;
	height: 45px;
	border: 1px solid #d9d9d9;
}

.select input::placeholder {
	color: #868686
}

/*Dashboard Faqs*/
.search-topics {
	background-color: #455e90;
	padding: 2em 5em;
	text-align: center;
	color: #fff;
	margin-top: 1em;
	margin-bottom: 3em
}

.search-topics h4 {
	font-weight: 400
}

.search-topics input {
	height: 70px;
	border-radius: 0;
	padding-left: 2em;
}

.search-topics input::placeholder {
	color: #a4a4a4
}

.search-topics .input-group-append button {
	border-color: #d9d9d9;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 600;
	padding: .375rem 1.4rem;
	color: #fff;
	background-color: #22355b
}

.search-topics p {
	margin-bottom: 0;
	margin-top: 1em
}

.faq-q {
	padding: 0;
	list-style: none;
}

.faq-q h5 {
	margin-bottom: 1em;
	font-weight: 400;
	font-size: 18px
}

/*Dashboard Favorite*/
.bg-l-blue {
	background-color: #d6f4fc
}

.store-reviews {
	padding: 1.5em;
	border: 1px solid #d9d9d9;
	margin: 8px 0px;
	height: 130px;
	position: relative;
}

.store-reviews .store-rating {
	margin-left: 1em;
	position: absolute;
	bottom: 0
}

.store-reviews .store-rating .checked {
	color: #deb200
}

.store-reviews p {
	margin-bottom: 0;
	margin-top: .8em;
	color: #000
}

.store-reviews h6 {
	color: #3e588c;
	font-weight: 500
}

.store-reviews .btn-primary {
	background-color: #3e588c;
	color: #fff;
	text-transform: uppercase !important;
	font-weight: 600;
	margin-top: .8em;
	margin-right: 1.5em
}

.store-reviews .btn-primary:hover {
	background-color: transparent;
	color: #3e588c
}

.store-reviews i {
	color: #ccc;
	font-size: 35px;
	position: relative;
	top: 15px;
}
.n_mnu .nav-item.dropdown > .nav-link::after{
	content:"\f107";
	font-family:"Font Awesome 6 Free";
	display:inline-block;
	margin-left:6px;
	font-weight:900;
	font-size:12px;
}
.store-reviews img {
	padding: 0em
}

/*Dashboard Refer*/
.bg-redish {
	background-color: #ffd4c4;
}

.refer h4 {
	font-weight: 500;
	color: #007aa7;
}

.refer input {
	height: 50px;
}

.refer p {
	font-size: 18px
}



.refer input::placeholder {
	color: #606163
}

.refer .btn-primary {
	color: #fff;
	border-radius: 0 4px 4px 0;
}

.copy-link {
	border: 1px solid #606163;
	background-color: #606163
}
.btn{
	border-radius:var(--site-radius);
	border: 0;
	padding: 10px 24px;
}
.btn-loot{
	animation: pulse 2s infinite;
	padding: 12px 36px;
	/* border: 2px solid #fff; */
	font-size: 20px;
	/* box-shadow: 0 0 20px 0 #0005; */
	/* background: #3498db; */
}
.send-email {
	border: 1px solid #007aa7;
	background-color: #007aa7
}
.img_main_b{
	/* animation: mascot-float 4s ease-in-out infinite; */
	text-align: center;
}
/*animations  */
 @keyframes pulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 94, 98, 0.7); }
    70% { transform: scale(1.05); box-shadow: 0 0 10px 20px rgba(255, 94, 98, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 94, 98, 0); }
}
@keyframes mascot-float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}
/*Dashboard reviews*/
.bg-l-ye {
	background-color: #ffe5c2
}
.navbar-open{
	overflow:hidden;
}
.section-title-wrap {
	text-align: center;
}

.dash-reviews {
	padding: 1.5em;
	border: 1px solid #d9d9d9;
	margin: 8px 0px;
	position: relative;
}

.dash-reviews .store-rating .checked {
	color: #deb200
}

.dash-reviews .store-rating {
	margin-left: 1em;
	position: absolute;
	bottom: -6%;
}

.dash-reviews p,
.dash-reviews h6 {
	color: #000000;
	font-size: 13px;
}

.dash-reviews h6 {
	font-weight: 400;
	margin-bottom: 0
}

.dash-reviews p {
	margin-bottom: 10px;
}
.store_page .tab-pane{
	margin-bottom: 20px;
}
.pagination {
	margin-top: 30px;
}

.form-select {
	color: #6d6d6d;
	font-size: 14px;
}

.dash-reviews .fa-edit {
	color: #ccc;
	font-size: 35px;
	position: absolute;
	right: 10%;
	bottom: 1%;
}

.total-dash .alert-icon {
	display: inline-flex;
	border: 1px solid var(--color1);
	width: 80px;
	height: 80px;
	justify-content: center;
	border-radius: 50px;
	font-size: 32px;
	align-items: center;
	background-color: var(--color1);
	color: #fff;
}

.table-responsive {
	margin-top: 30px;
}

.sd_br_c {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sd_br_c ul {
	margin-bottom: 0;
}

.sd_br_c form {
	max-width: 82%;
	flex: 0 0 82%;
}

.my_cbs_input .in_div:last-child {
	display: flex;
}
.site_search,
.right_side_content{
	width: 100%;
}
.right_side_content{
	position:relative;
	/* padding-top:20px; */
}
.top_right .f_lin>li,
.join_content {
	padding: 15px 0;
}
.res_h .f_lin {
	justify-content: flex-end;
	align-items: center;
}

.join_content::before {
	/* content: ''; */
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background-color: #e5e7eb;
}
.join_content {
	position: relative;
	padding-left: 22px
}
.str_d_inner .breadcrumb .breadcrumb-item a,
.str_d_inner .breadcrumb-item {
	/* color: blue; */
	font-size: 14px;
}
.str_d_inner .breadcrumb-item.active{
	opacity: .75
}
.str_d_inner .breadcrumb-item + .breadcrumb-item {
	padding-left: .4rem
}
.str_d_inner .breadcrumb-item+.breadcrumb-item::before{
	padding-right: .4rem;
	/* color: blue; */
	content: "\f105";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 12px;
	float: none;
}
.str_1 .str_2:not(.str_trms) h4 {
	font-size: 24px;
	font-weight: 500;
}
@media(min-width: 768px){
	.res_h .col-md-6{
		flex: 0 0 auto;
    	width: 100%;
	}
	.top_right .f_lin>li,
	.join_content {
		padding: 21px 0;
	}
	.join_content {
		padding-left: 30px
	}
	.column2 {
		column-count: 2;
		column-gap: 20px;
	}
}
.str_small img{
	object-fit:contain;
}
.site_logo_f img {
    max-width: 200px;
}
.site_logo_f ~ p{
	color:#fff;
}
.brand_img img{
	height:100px;
	object-fit:cover;
}
.side_layout div:not(:last-child){
	margin-bottom:4px;
}
@media(min-width: 992px) {
	
	
	.store-slide.slick-slide a{
		width: 150px;
    		height: 150px;
	}
	.store-slide.slick-slide a img{
		height: 90px;
    		width: 90px
	}
	.sm_store_slider,
	.h_label {
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.content_banner{
		padding:40px;
	}
	.side-label{
		right:40px;
		top:40px;
	}
.coupon_code_box {
    display: flex;
}
.coupon_code_box .coupon_code_box_left{
    flex:0 0 60%;
}

.cc_bx_top h1{
    font-size: 24px;
}
.cc_bx_body {
    width: 60%;
	margin:0 auto;
}

.coupon-code-box{
    width: 60%;
}
.coupon-code-box ~ .btn{
    width: 40%;
}

	.navbar-expand-lg .navbar-nav{
		width:100%;
		justify-content:space-evenly;
	}
	.newsletter-form input{
		margin-right:20px;
	}
	.str_num_month {
    display: flex;
    border-radius: var(--site-radius);
    border: 1px solid var(--color1);
    padding: 10px;
    font-size: 14px;
}
	.str_num_month .text_coupons{
		font-style:normal;
	}
	.str_num_month .fas{
		display:none;
	}
	.str_month_img img{
		max-width:200px;
	}
	.store_of_month{
		flex-direction:column;
	}
	.category-grid {
	      grid-template-columns: repeat(5, 1fr);
	      gap: 1rem;
	    }
	.offer-section{
		padding:24px;
	}
	.brand_img img{
		height:250px;
	}
	.brand-logo{
		width:70px;
		height:70px;
	}
	.site_logo_f ~ p{width: 85%;}
	.content_banner li{
		font-size:20px;
	}
	.content_banner p{
		/* font-size:24px; */
	}
	.content_banner ul{
		margin-bottom:0;
	}
	.form-head{
		font-size:22px;
	}
	.fr_dp:hover .dropdown-menu,
	.fr_dp2:hover .dropdown-menu {
		display: block;
	}
	.fr_dp2 .dropdown-menu::after,
	.fr_dp2 .dropdown-menu::before {
		right: 20px;
		left:auto;
	}
	.fr_dp2 .dropdown-menu {
		right: 0 !important;
		left: auto !important;
		top:58px;
		background-clip: border-box;
	}
	.str_cb {
		white-space:nowrap;
	}
	.mobile-menu {
    		display: none;
	}
	.str_small{
		/* width: 100px; */
		/* height: 100px; */
		margin-left:auto;
		margin-right:auto;
	}
	.str_small img{
		width: 80px;
		height: 80px;
		/* object-fit: contain; */
	}
	.site_coupon .c_inner .info::before{
		top: -18px;
	}
	.offer_bx .col-md-8 p,
	.both_bx .col-md-8 p {
		margin-bottom: 0;
	}
	.refer h4{
		padding: 0 2rem
	}
	.refer .btn-primary{
		padding: .375rem 2rem;
	}
	.refer .input-group.my-2 {
		padding: 0 3rem;
	}
	.dash-box h6 {
		width: 90%;
		position: absolute;
	}
	.site_coupon .c_inner .info::after{
		bottom: -18px;
		left: -10px;
	}
	.country_slt:hover {
		border-color: var(--color1);
		background-color: var(--color1);
	}
	.n_mnu .nav-item.dropdown:hover .dropdown-menu {
		display: block;
	}
	.content_2 {
		width: 50%;
	}
	.site_coupon .c_inner{
		border-left: 1px dashed #ddd;
		width: 40%;
	}
	.country_slt:hover>a {
		color: #fff;
	}
	.res_h .row .col-md-6:first-child>div {
		align-items: center;
	}
	.country_slt:hover .dropdown-menu {
		display: block;
		top: 100%;
		right: 0;
	}

	.total-dash span {
		/*margin-left: auto;*/
		margin-left: 30px
	}

	.total-dash .alert-icon {
		font-size: 42px;
	}

	.my_cbs_input {
		display: flex;
	}

	.my_cbs_input .in_div:not(:last-child) {
		flex: 1;
		margin-right: 20px
	}

	.dash-box h6 {
		bottom: 5px;
		width: 82%;
	}

	.dash-box {
		min-height: 160px;
	}
	.res_h .col-md-6{
		flex: 0 0 auto;
    	width: 50%;
	}
	.top_right .f_lin>li,
	.join_content {
		padding: 25px 0;
	}
	.join_content {
		padding-left: 40px
	}	
	
}
/* cashback card  */
.cashback-card {
    position: relative;
    /* width: 320px; */
    background: #ffffff;
    border-radius: 20px;
    padding: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    cursor: pointer;
}

.cashback-card:hover {
    transform: translateY(-8px) rotateX(5deg);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Background decorative elements */
.bg-pattern {
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(138, 43, 226, 0.03) 0%, transparent 70%);
    animation: rotate 20s linear infinite;
}

.bg-gradient {
   overflow:hidden;
    height: 100px;
    background: linear-gradient(135deg, rgba(138, 43, 226, 0.05) 0%, rgba(75, 0, 130, 0.03) 100%);
    border-radius: 20px 20px 0 0;
	margin-bottom:20px;
}
.bg-gradient img{
	border-radius: 20px 20px 0 0;
}
@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Favorite icon */
.favorite-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ccc;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    z-index: 10;
}
.favorite-icon i {
	font-size:18px;
}
.favorite-icon:hover {
    color: #ff6b6b;
    background: rgba(255, 255, 255, 1);
    transform: scale(1.1);
}
.step-card {
    background: #fff8e2;
    border-radius: 20px;
    padding: 2rem;
    /* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); */
    border: 1px solid #fff8e2;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}
.step-card:hover {
    transform: translateY(-4px);
    /* box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); */
    /* border-color: rgba(37, 99, 235, 0.1); */
}

.step-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.02) 0%, rgba(16, 185, 129, 0.02) 100%);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.step-card:hover::before {
    opacity: 1;
}

/* Step Icon Wrapper */
.step-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    position: relative;
}

.step-number {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 24px;
    height: 24px;
    background: var(--color1);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    z-index: 2;
}

.step-icon {
    width: 120px;
    height: 120px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--color1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.step-card:hover .step-icon {
    transform: scale(1.05);
}

/* Step Content */
.step-content {
    text-align: center;
}

.step-title {
    font-size: 1.25rem;
    color: var(--color2);
    margin-bottom: .25rem;
}

.step-description {
    font-size: 0.95rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

/* Product Card Main Container */
.product-card {
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    background: #ffffff;
    backdrop-filter: blur(10px);
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Discount Badge */
.discount-badge {
    position: absolute;
    top: 15px;
    left: 0;
    background: linear-gradient(135deg, var(--color1), var(--color3));
    color: white;
    padding: 4px 12px;
    /* border-radius: 20px; */
    font-weight: 700;
    font-size: 0.85rem;
    z-index: 10;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
    animation: pulse 2s infinite;
}

.discount-badge::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transform: rotate(45deg);
    animation: shine 3s infinite;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

@keyframes shine {
    0% { transform: rotate(45deg) translate(-100%, -100%); }
    50% { transform: rotate(45deg) translate(100%, 100%); }
    100% { transform: rotate(45deg) translate(100%, 100%); }
}

/* Wishlist Button */
.wishlist-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    color: var(--color2);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: blur(10px);
    padding: 0;
    font-size: 20px;
}

.wishlist-btn:hover {
    background: var(--color3);
    color: white;
    transform: scale(1.1);
}
.wishlist-btn.liked {
	 background: var(--color3);
}
.wishlist-btn:focus {
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.25);
}

/* Product Image Container */
.product-image-container {
    position: relative;
    padding: 20px;
    overflow: hidden;
}

.image-wrapper {
    position: relative;
    text-align: center;
}

.product-image {
    max-height: 120px;
    width: auto;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    /* filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1)); */
}

.product-card:hover .product-image {
    transform: scale(1.05);
}


/* Brand Badge and Rating */
.brand-badge {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brand-badge .badge {
    font-size: 0.75rem;
    padding: 6px 12px;
    border-radius: 20px;
}

.site_product .rating {
    display: flex;
    align-items: center;
}

/* Product Title */
.site_product .product-title {
    font-weight: 500;
    margin-bottom: 1rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 18px;
}

.site_product .product-card:hover .product-title {
    color: var(--color1);
}

.price-container {
    display: flex;
    flex-direction: column;
}

.current-price {
    font-size: 1.5rem;
    color: var(--color2);
    background: linear-gradient(135deg, var(--color1), var(--color3));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 500;
}

.original-price {
    font-size: 1.1rem;
    color: #6C757D;
    text-decoration: line-through;
    opacity: 0.7;
}

.site_product .info-item i {
    font-size: 1rem;
}
/* Category css */
  
  .category-link {
    background: white;
    color: #333;
    text-decoration: none;
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
    text-align: center;
    border-left:4px solid transparent;
  }
.category-link:hover{
	 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

  .border-blue {
    border-left-color:#2196F3;
  }

  .border-red {
    border-left-color:#E91E63
  }

  .border-orange {
    border-left-color:#FF9800;
  }

  .border-green {
    border-left-color:#4CAF50;
  }

  .border-purple {
    border-left-color:#9C27B0;
  }

  .border-cyan {
    border-left-color:#607D8B;
  }

  .border-orange2 {
    border-left-color:#F44336;
  }

  .border-red2 {
    border-left-color:#795548;
  }

/* Coupon Card Styling */
.site_coupons .coupon-card {
    background: #fff;
    border-radius: var(--site-radius);
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: blur(10px); /* Glassmorphism effect */
    cursor: pointer;
}

.site_coupons .coupon-card:hover {
    transform: translateY(-2px) rotateX(3deg);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Brand Section */
.brand-section {
    /* display: flex; */
    align-items: center;
    position: relative;
}

.brand-logo {
    width: 50px;
    height: 50px;
    border-radius: var(--site-radius);
    background: #F8F9FA;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-right: 15px; */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    flex-shrink: 0;
    position: absolute;
    top: 15px;
    left: 15px;
}


.brand-image {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}
.logo_coupon .brand-image{
	max-width:100px;
}
.brand-name {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.brand-category {
    font-size: 0.9rem;
    color: var(--color2);
    font-weight: 500;
}



.offer-percentage {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1;
    margin-right: 10px;
}

.offer-text {
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
}

.offer-title {}



.site_newsletter .container{
    background-image:linear-gradient(135deg, #d2faff, #d0fbff);
    padding: 10px 40px;
    border-radius:var(--site-radius);
}
.coupon_guy img {
    max-width: 50%;
}
.newsletter-form form {
    display: flex;
	position:relative;
}
.newsletter-form .message_box {
	position:absolute;
	top:43px;
	text-transform:capitalize;
}
.newsletter-form input{
    font-weight:400
}
#backtotop {
  display: inline-block;
  background-color: var(--color1);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: var(--site-radius);
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#backtotop::after {
  content: "\f062";
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-size: 1.5em;
  line-height: 40px;
  color: #fff;
  font-weight: 900;
}
#backtotop:hover {
  cursor: pointer;
  background-color: #333;
}
#backtotop:active {
  background-color: #555;
}
#backtotop.show {
  opacity: 1;
  visibility: visible;
}


.coupon-container {
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    transition: all 0.4s ease-in-out;
    position: relative;
    width: 100%;
    border-radius: var(--site-radius);
}


.coupon-content {
    /* width: 100%; */ /* Two boxes side by side */
    /* transition: transform 0.4s ease-in-out; */
    /* min-height: 300px; */
}



.image-box,
.details-box {
    flex-shrink: 0;
}

.image-box {
    text-align: center;
    position: relative;
    overflow: hidden;
	 transition: transform 0.4s ease-in-out; /* Image animation */
}

.image-box img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    /* padding: 6px 0; */
}

.coupon-container:hover .image-box {
    transform: translateX(-100%); /* Move image to the left */
}

.image-text {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    opacity: 1;
}

.coupon-container:hover .image-text {
    opacity: 0;
}

.image-text h2 {
    font-size: 1rem;
    margin-bottom: 0;
    background-color:#fff;
    padding: 4px 0;
}



.details-box {
    background-color: #f9f9f9;
    opacity:0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.4s ease-in-out;
}
.coupon-container:hover .details-box {
    opacity:1;
}
.details-box h2 {
    /* text-align: left; */
    color: #333;
    margin-bottom: 0;
    font-size: 14px;
    padding: 5px 20px;
    border-bottom: 1px solid #0001;
}

.details-box ul {
    list-style: none;
    margin: 0;
    padding: 20px;
    overflow-y: scroll;
    height: 200px;
}

.details-box li {
    margin-bottom: 15px;
}

.detail-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.detail-item img {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    object-fit: contain;
}

.detail-item p {
    margin: 0;
    font-size: 0.9em;
    color: #555;
}
.promo-card {
    background-color: white;
    border-radius: var(--site-radius);
    padding: 16px;
    border: 1px solid #0001;
    height: 100%;
    display: grid;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	backdrop-filter: blur(10px);
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.05);
}
.promo-card:hover{
	transform: translateY(-4px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.site_coupons_cate .main-offer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.site_coupons_cate .offer-content {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #ededed;
    padding: 16px;
    flex: 0 0 120px;
}

.fire-emoji {
    font-size: 20px;
}

.site_coupons_cate .offer-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.unmissable {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.site_coupons_cate .discount {
    font-size: 14px;
    font-weight: 700;
    color: #333;
}

.site_coupons_cate .brand-logo2 {
    display: flex;
    align-items: center;
}

.brand-logo2 img {
    max-width: 60px;
    max-height: 40px;
}

.site_coupons_cate .product-details {
    margin-bottom: 12px;
    padding-right: 8px;
}

.site_coupons_cate .product-text {
    font-size: 13px;
    color: #333;
    line-height: 1.4;
    font-weight: 500;
}

.percentage-emoji,
.grin-emoji {
    font-size: 13px;
}

.site_coupons_cate .see-all-offers {
    display: flex;
    align-items: center;
    gap: 4px;
}

.site_coupons_cate .offers-link {
    font-size: 13px;
    color: #00a8cc;
    text-decoration: none;
    font-weight: 600;
}

.site_coupons_cate .offers-link:hover {
    text-decoration: underline;
}

.site_coupons_cate .arrow {
    color: #00a8cc;
    font-size: 13px;
    font-weight: 600;
}

.site_tabs {
    background-color: #fff;
    border: 1px solid #0001;
    padding: 12px;
    border-radius: var(--site-radius);
	white-space: nowrap;
}

.site_tabs .nav-link {
    text-align: left;
    color:inherit;
    transition:al ease .6s;
}
.site_tabs .nav-link.active {
    background-color:transparent;
    color:Var(--color1);
}

.site_tabs .nav-link.active .tab_circle{
	background: linear-gradient(135deg, #ff6b6b, #ff8e53);
    box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3);
    color: #fff;
}
.site_tabs .nav-link:hover{
    transform:translateX(4px);
}
.tab_circle {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background-color: #0001;
    border-radius: var(--site-radius);
    align-items: center;
    justify-content: center;
}
.swiper-button-next,
.swiper-button-prev{
    background-color: #fff;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    box-shadow:0 0 10px 0 #0003;
}
.swiper-button-next::after,
.swiper-button-prev::after{
    font-size:20px;
    font-weight:600;
    color:#5d5d5d;
}
.swiper-button-disabled{
    display:none;
}
.swiper-pagination-bullet-active{
    background-color:var(--color3);
}
.all_blogs .col-12:not(:last-child) .blg_bx{
	margin-bottom:1rem;
}
.blg_bx {
    display: flex;
    border: 1px solid #0002;
    padding: 15px;
    border-radius: var(--site-radius);
    background-color: #fff;
}
.blg_img img{
	width: 150px;
	height: 90px;
	max-width:150px;
}
.blg_img {
	margin-right:16px;
}
.blg_txt p{
	margin-bottom:0;
}
.description_blog ul{
	list-style:disc;
	padding-left:32px;
}
.description_blog ul li:not(:last-child){
	margin-bottom:6px;
}
.countdown-box {
  background: var(--color1);
  padding: 10px 12px;
  border-radius: var(--site-radius);
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}

.countdown-time {
  font-weight: 500;
  margin: 0 10px;
  font-size: 18px;
}
.top_area {
    padding-top: 20px;
    background: linear-gradient(178deg,var(--color2) -8%,var(--color1) 93%);
}
.deal_store_logo {
    display: block;
    background-color: #fafafa;
    border-radius: var(--site-radius);
    padding: 6px 10px;
    text-align: center;
}

.deal_store_logo img{
    width:100px;
    height: 50px;
    object-fit:contain;
}
.top_area *,
.top_area .breadcrumb-item.active,
.top_area .breadcrumb-item+.breadcrumb-item::before{
    color:#fff;
}
.box_page {
    font-size: 20px;
    padding: 10px;
    text-align: center;
    background-color: var(--color3);
    line-height: normal;
    border-radius: var(--site-radius);
    font-weight: 500;
}
.box_page2{
	background-color: var(--color3);
	border-radius: 0 0 var(--site-radius) var(--site-radius);
	position: relative;
}
.side_layout {
    border: 1px solid #0002;
    background-color: #fff;
    border-radius: var(--site-radius);
    padding: 10px;
}
.side_layout .total_numb {
	font-weight:500
}
.side_layout .total_text{
	font-size:14px;
}
.side_layout span{
	display:block;
}
.side_layout:not(:last-child){
    margin-bottom:20px;
}
.side_layout h3{
    font-size:16px
}

.main_area{
	padding-bottom:40px;
}
.text-content {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* show 2 lines only */
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.3s ease;
  margin-bottom: 6px;
}

.text-content.expanded {
  -webkit-line-clamp: unset;
  overflow: visible;
}
.read-more{
	font-size:12px;
	margin-bottom: 10px;
	display: inline-block;
}

.main_area{
	padding-top:30px;
}
.category-listings {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.status-card {
	border-radius: var(--site-radius);
	padding: 20px;
	color: white;
	position: relative;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border: none;
	min-height: 120px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.status-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.status-card::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	transform: translate(20px, -20px);
}

.status-card-pending {
	background: linear-gradient(135deg, #ff9500 0%, #ff7b00 100%);
}

.status-card-confirmed {
	background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
}

.status-card-payable {
	background: linear-gradient(135deg, #17a2b8 0%, #20c997 100%);
}

.status-card-paid {
	background: linear-gradient(135deg, #6f42c1 0%, #8b5cf6 100%);
}

.status-title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.status-amount {
	font-size: 20px;
	font-weight: 400;
	margin: 0;
}
.card_footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.status-icon {
	font-size: 20px;
	opacity: 0.8;
}
/* end css */
@media(min-width:992px){
	.countdown-time{
		font-size:24px;
	}
	.countdown-box{
		padding: 10px 20px;
		font-size:18px;
	}
	.side_layout{
		padding:20px;
	}
	.category-listings{
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
	}
	.side_layout div:not(:last-child){
	    margin-bottom:8px;
	}
	.side_layout h3{
		font-size:20px;
	}
	.main_area{
		padding-top:0;
	}
	.read-more{
		margin-bottom:0;
	}
	.box__1 {
		padding-top:36px;
		margin-top:-16px;
	}
	.top_area .row{
		align-items:center;
	}
	.box_page {
	    font-size: 32px;
	    padding: 52px 52px 36px;
		border-radius:var(--site-radius) var(--site-radius) 0 0;
	}
	.blg_img {
		margin-right:20px;
	}
	.all_blogs .col-12:not(:last-child) .blg_bx{
		margin-bottom:1.24rem;
	}
	.blg_bx {
	    padding: 20px;
	}
	.blg_img img {
		width:220px;
		height:150px;
		max-width:220px;
	}
	/* new css end	 */
}

.section-title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 12px;
}

/* Popular Categories Section */
.popular-categories {
    margin-bottom: 20px;
    margin-top: 20px;
}

.category-card {
    background: white;
    border-radius: var(--site-radius);
    padding: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #e9ecef;
    display:block;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.category-card div{
	 display: flex;
	 align-items: center;
	 gap: 14px;
}
.category-card div:not(:last-child){
	margin-bottom: 5px;
}
.category-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.category-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    flex-shrink: 0;
    background-size: 24px 24px;
    background-position: center;
	margin:0 auto;
    background-repeat: no-repeat;
}
.category-icon img{
	width:50px;
	height:50px;
	object-fit:contain;
}

.flight-icon {
    background-color: #e3f2fd;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232196f3' viewBox='0 0 24 24'%3E%3Cpath d='M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z'/%3E%3C/svg%3E");
}

.fashion-icon {
    background-color: #fce4ec;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e91e63' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9l-5 4.87L18.18 21 12 17.77 5.82 21 7 13.87 2 9l6.91-.74L12 2z'/%3E%3C/svg%3E");
}

.electronics-icon {
    background-color: #e8f5e8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234caf50' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h18V4H4c-1.1 0-2 .9-2 2v11H0v3h14v-3H4V6zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-1 9h-4v-7h4v7z'/%3E%3C/svg%3E");
}

.beauty-icon {
    background-color: #fff3e0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff9800' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
}

.category-info {
    flex: 1;
}

.category-name {
    font-size: 16px;
    font-weight: 500;
    /* color: #1a1a1a; */
    /* margin-bottom: 0; */
}

.category-stats {
    display: flex;
    gap: 16px;
    font-size: 14px;
    color: #666;
}

.coupons, .offers {
    font-weight: 500;
    font-size: 13px;
}

/* Browse All Categories Section */
.browse-categories {
    background: white;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #e9ecef;
}

.alphabet-nav {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e9ecef;
}

.alphabet-link {
    padding: 4px 7px;
    text-decoration: none;
    color: #666;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.2s ease;
    font-size: 14px;
}

.alphabet-link:hover {
    background-color: #f8f9fa;
    color: #333;
}

.alphabet-link.active {
    background-color: var(--color1);
    color: white;
}



.category-column {
    display: flex;
    flex-direction: column;
    /* gap: 24px; */
    margin-bottom: 20px;
}

.category-item {
    padding-bottom: 16px;
    border-bottom: 1px solid #f0f0f0;
}

.category-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.category-title {
    font-size: 16px;
    font-weight: 500;
    /* color: #1a1a1a; */
    margin-bottom: 6px;
}

.category-meta {
    font-size: 14px;
    color: #666;
    display: flex;
    align-items: center;
    gap: 8px;
}

.separator {
    color: #ccc;
}

/* Responsive Design */
@media (max-width: 768px) {
    
    
    .category-card {
        padding: 20px;
    }
    
    .browse-categories {
        padding: 24px 20px;
    }
    
    
    
    .alphabet-nav {
        gap: 4px;
    }
    
    .alphabet-link {
        padding: 6px 10px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .section-title {
        font-size: 20px;
    }
    
    .category-name {
        font-size: 16px;
    }
    
    .category-stats {
        flex-direction: column;
        gap: 4px;
    }
}


/* end css2 */


/* Card content */
.card-content {
    position: relative;
    z-index: 5;
}


.logo-container {
    position: relative;
}

.airline-logo {
    width: 70px;
    height: 35px;
    border-radius:var(--site-radius);
    box-shadow: 0 4px 12px rgba(138, 43, 226, 0.2);
    transition: transform 0.3s ease;
	object-fit:contain;
}

.cashback-card:hover .airline-logo {
    transform: scale(1.05);
}


.brand-tagline {
    font-size: 12px;
    color: #718096;
    font-weight: 500;
	margin-bottom:0;
}

/* Offer section */
.offer-section {
    padding:16px;
}

.cashback-badge {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(135deg, var(--color1) 0%, var(--color3) 100%);
    color: white;
    padding: 13px 40px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.3);
    transition: all 0.3s ease;
}

.cashback-badge::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transform: rotate(45deg);
    transition: all 0.6s ease;
    opacity: 0;
}

.cashback-card:hover .cashback-badge::before {
    opacity: 1;
    transform: rotate(45deg) translate(50%, 50%);
}

.cashback-card:hover .cashback-badge {
    transform: scale(1.05);
    box-shadow: 0 12px 32px rgba(102, 126, 234, 0.4);
}

.cashback-percentage {
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.cashback-text {
    font-size: 14px;
    font-weight: 600;
    opacity: 0.9;
    margin-top: 2px;
}

.offer-description {
   margin-bottom:0;
}

/* Action section */
.action-section {
    margin-bottom: 20px;
}

.cta-button {
    width: 100%;
    background: linear-gradient(135deg, var(--color2) 0%, var(--color1) 100%);
    color: white;
    border: none;
    border-radius: 12px;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(66, 153, 225, 0.3);
}

.cta-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.cta-button:hover::before {
    left: 100%;
}

.cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(66, 153, 225, 0.4);
}

.cta-button:active {
    transform: translateY(0);
}

.button-arrow {
    transition: transform 0.3s ease;
}

.cta-button:hover .button-arrow {
    transform: translateX(4px);
}

/* Info section */
.info-section {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #718096;
    font-weight: 500;
}

.info-item svg {
    width: 14px;
    height: 14px;
    opacity: 0.7;
}

/* Responsive design */
@media (max-width: 480px) {
    .cashback-card {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
    
    .brand-name {
        font-size: 16px;
    }
    
    .cashback-percentage {
        font-size: 24px;
    }
    
    .info-section {
        flex-direction: column;
        gap: 8px;
    }
}

/* Accessibility improvements */
.cta-button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

.favorite-icon:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.3);
}

/* Animation for card entrance */
.cashback-card {
    animation: cardEntrance 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes cardEntrance {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
@media(min-width: 1200px){
	.content_banner h1{
		font-size: 50px;
		margin-bottom:40px;
	}
}
@media(min-width: 1400px){
	
}
@media(max-width: 575.98px){
	.site-logo img {
		max-width: 120px;
		margin-right: 10px
	}
	.all-store-in-grid{
		flex-direction:column;
	}
	.all-store-in-grid .coupon-detail{
		padding: 8px 14px;
		font-weight:400;
	}
	.all_cc {
		flex-wrap:wrap;	
	}
}
@media(max-width: 991.98px) {
	.links_area a{font-size:15px;}
	.twobxmob {
	    display: flex;
	}
	.twobxmob > div{
	    flex:1
	}
	.twobxmob > div:not(:last-child){
	    margin-right:10px
	}
	.setonmob{
		flex-wrap: nowrap;
		overflow-y: hidden;
		padding-bottom:20px;
	}
	.setonmob .category-card .coupons{
		white-space:nowrap
	}
	.browse-categories{
		margin-bottom:20px;
	}
	.box__1 {
    		display: flex;
    		justify-content: space-between;
	}
	.text-content{
		font-size:14px
	}
	.navigation{
		padding-bottom: 10px;
	    height: 100%;
	}
	.box_page{
		height:100%;
		margin-bottom:10px;
		display:inline-flex;
		align-items:center;
		width:100%;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom:10px;
	}
	.all_deals_top .box_page{
		margin-bottom:0;
		justify-content: left;
		/* padding: 6px !important; */
	}
	.tag_line {
		font-size: 12px;
	}
	.f_lin li a.btn{
		display:none;
	}
	.coupon_code_box_left{
		margin-bottom:20px;
	}
	
	.str_num_month .fas{
		font-size:20px;
		color:var(--color1);
	}
	.str_num_month{
		text-align:center;
	}
	.store_of_month > span  {
		width:33.33%;
	}
	.site_tabs{
		flex-wrap:nowrap;
		overflow:hidden;
		overflow-x:scroll;
	}
	.site_tabs .nav-link{
		padding: 4px 6px;
	}
	.top_menu {
	    background-color: var(--color1);
	    padding: 10px 20px;
	    display: flex;
	    align-items: center;
	    width: 100%;
	}
	
	.menu_content span{
	    color:#fff;
	}
	.menu_content span{
	    display:block;
	    text-align:center;
	}
	.menu_content span a{
	    color:#fff;
	    text-decoration:underline;
	}
	.menu_content .grab_best {
	    margin-bottom:4px;
	    font-size:12px;
	}
	.menu_img img{
		max-width:90px;
	}
	.menu_content {
	    flex: 1;
	}
	.adjust-right{
		padding-top: 10px;
		position: absolute;
		z-index: 22;
		right: 0;
		color: #fff;
	}
	.left_side_content{
		align-items:center;
	}
	.right_side_content{
		padding-top:0;
	}
	
	.join_content{
		padding:0;
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		display:none;
	}
	.fr_dp2 .dropdown-menu{
		/* position: relative; */
		width: 100%;
		margin-top: 12px;
		right: 0;
		left: auto;
	}
	.str_small{
		width: 100px;
		height: 100px;
		margin-left:auto;
		margin-right:auto;
	}
	.str_small img{
		width: 80px;
		height: 80px;
	}
	.str_d_inner .fa-heart {
		right:0;
		top:-25px;
	}
	.str_d_img img,
	.str_d_img{
		height:150px;
	}
	.str_d_left_side {
		margin-top: -50px;
	}
	.site_search {
		margin-top:20px;
	}
	.img_main_b {
		text-align:center;
		margin-top:40px;
	}
	.n_mnu .dropdown-menu{
		margin-left:1rem;
		margin-right:1rem;
	}
	
	.f_lin li {
		padding:.5rem 1rem;
	}
	.f_lin li.fr_dp2 li{
		padding:0;
	}
	.f_lin li.fr_dp2 > a {
		padding-top:0;
		padding-bottom:0;
	}
	.left_side_content{
		justify-content:space-between;
	}
	.site__menu {
		padding-top:0;
		padding-bottom:0;
	}
	.collapse-lg:not(.show),
	.top_right{
		display: none;
	}
	
	.res_h .row > .col-md-6 > div {
		flex-direction:column;
	}
	.site__menu  .navbar-collapse .nav-link {
		padding-left: 1rem;
		padding-right: 1rem;
	}
.site__menu .navbar-collapse {
	    position: fixed;
	    left: 0;
	    visibility: hidden;
	    top: 0;
	    bottom: 0;
	    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	    background-color: #fff;
	    width: 75%;
	    /* padding: 1rem;*/
	    /* max-width: 350px; */
	    transform-origin: left;
	    transition: transform 0.3s ease;
	    transform: scaleX(0);
	    z-index:11;
	 }
  .site__menu .navbar-collapse.show {
    visibility: visible;
    height: 100%;
    transform: scaleX(1);
	  z-index:1000;
/* 	  overflow-y:scroll; */
  }
	#content .container{
		padding-left: 0;
	}
	.refer .btn-primary{
		font-size: 14px;
	}
	.total-dash {
		flex-direction: column;
		align-items: flex-start;
	}
	.total-dash .alert-icon {
		margin-bottom: 20px;

	}
	.content_2 div{
		padding: 0 30px 10px;
	}
	.my_cbs_input .in_div:not(:last-child) {
		margin-bottom: 20px
	}

	#content .px-1 {
		padding-right: 12px !important;
		padding-left: 12px !important;
	}

	#content .col-lg-3:not(:last-child) .dash-box {
		margin-bottom: 14px
	}
	.site_coupon{
		flex-direction: column;
	}
	.site_coupon .c_inner{
		border-top: 1px dashed #ddd;
	}
	.site_coupon .c_inner .info::after {
		top: -11px;
		right: -10px;
	}
}