
/* Base styles remain the same */
* {
	padding: 0;
	margin: 0;
}
.brandimg > img {
	width: 128px;
	margin-right: 9px;
	margin-bottom: 11px;
	height: 110px;
	object-fit: contain;
}
.doual {
	display: flex;
	gap: 25px;
}
.brand-detail {
	display: flex;
	background: white;
	padding: 20px;
	box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
	margin: 50px 0;
}
.container-one {
	width: 100%;
	margin-right: 18px;
}
.brand-title > p {
	font-size: 20px;
	font-weight: 600;
}
.brand-web > a {
	color: #8b8f93;
}
.sub-container1 {
	display: flex;
}
.sub-container2 {
    /* text-align: center; */
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.brand-content > p {
	color: #8b8f93;
}
.container-two {
	width: 100%;
}
.promo-cart-main {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	grid-auto-rows: minmax(100px, auto);
}
.promo-flex-container {
	display: flex;
}
.promo-main-1 {
	width: 20%;
}
.ul-promo {
	margin: 20px 0;
}
.ul-promo > ul > li {
	padding: 5px 0;
	white-space: nowrap;
}
.ul-promo > ul > li > a {
	color: #555;
}
a.clear_filter {
	color: #d70404 !important;
	font-size: 13px;
}
.search-cart-img{
    /* height: 200px; */
    align-content: center;
}
.search-cart-img > img {
	/* width: 117px; */
    padding: 0px 20px;
    height: 70px;
    object-fit: contain;
}
.promo-main-2 {
	width: 100%;
}
.promo-cart {
	width: auto;
	padding: 5px 10px;
	box-shadow: rgb(0 0 0 / 16%) 0 1px 4px;
	border-radius: 10px;
	background: white;
    display: flex;
    gap: 10px;
}
.top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
}
.dis > h2 {
	color: black;
	margin-right: 10px;
}
.btn-top > .unverify {
	background-color: #fdf2d9;
	color: #f0a800;
	border: none;
	border-radius: 20px;
	padding: 5px 8px;
}
.btn-top > .verify {
	background-color: #d9fde4;
	color: #027c00;
	border: none;
	border-radius: 20px;
	padding: 5px 8px;
}
.btn-top > .Expired {
	background-color: #a5000038;
	color: rgb(168, 0, 0);
	border: none;
	border-radius: 20px;
	padding: 5px 20px;
}
.search-heading {
	padding: 18px 0;
	text-align: center;
}
.btn-top > .badge {
	background-color: #00d0ff33;
	color: #00c4ff;
	border: none;
	border-radius: 20px;
	padding: 5px 20px;
}
.search-content {
	padding: 10px;
}
.search-content > p {
	color: #737373;
}
.coupen-btn {
	text-align: start;
	margin: 10px 0px;
	padding: 0px 10px;
}
.coupen-btn > a {
	font-family: freight-sans-pro, sans-serif;
	font-weight: 600;
	padding: 15px 32px 15px 20px;
	border: 0;
	width: 132px;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	background: #1871c0;
	/* background: #f56; */
	/* background: #008080; */
	/* background: #FF6F61; */
	height: 15px;
}
.last-cart {
	padding: 10px;
	display: flex;
	justify-content: space-between;
}
.sub-last > p {
	font-size: 11px;
}
.sub2-last > p {
	font-size: 12px;
}
.promo-btn {
	width: 100%;
	text-align: center;
	padding: 12px 0px 0px;
}
.promo-btn > button {
	width: 100%;
	padding: 15px 20px;
	border: none;
	background: whitesmoke;
	margin: 14px 0;
	cursor: pointer;
}
.btn--code--corner {
	position: relative;
	background: #303030;
	transition: 0.15s;
	border-bottom: 25px solid #e5e5e5;
	border-left: 25px solid transparent;
	pointer-events: none;
	border-top-left-radius: 8px;
	height: 0;
	right: 0;
	left: 140px;
	/* left: 83px; */
	bottom: 11px;
	width: 0;
	border-left-width: 25px;
	border-bottom-width: 25px;
}
.coupen-btn > a:hover .btn--code--corner {
	height: 0;
	right: 0;
	left: 135px;
	bottom: 15px;
	width: 0;
	border-left-width: 30px;
	border-bottom-width: 30px;
}
.dis {
	display: flex;
}
.promo-main-heading > h1 {
	padding: 22px 0;
}
.tergetall {
	display: none;
}
/* popup_code  */
.code_popup {
	background: white;
	border-radius: 30px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	padding: 24px;
	z-index: 180;
	text-align: center;
	width: 450px;
	transition: 280ms;
}
.popup_head > i {
	font-size: 22px;
	background: #9f9f9f47;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: black;
	cursor: pointer;
}
.popup_store_img img {
	width: 100px;
	border: 1px solid #e7e7e7;
}
.popup_title p {
	margin: 18px 0;
	font-size: 19px;
	font-weight: bold;
}
.popup_code {
	margin: 30px 0;
}
.guide_notif > p {
	font-size: 13px;
	background: #646464;
	display: inline-block;
	padding: 7px 12px;
	border-radius: 15px;
	color: white;
}
.popup_head {
	margin-bottom: 24px;
}
p.popup_coupon_code {
	margin: 18px 0;
	background: #f3f3f3;
	display: inline-block;
	padding: 17px 16px;
	font-size: 37px;
	font-family: sans-serif;
	font-weight: bold;
	border: 2px #d7d7d7 dashed;
	border-radius: 9px;
}
.copy_btn > button {
	background: #ed1f24;
	border: none;
	padding: 7px 10px;
	border-radius: 8px;
	color: white;
	cursor: pointer;
}
.store_link > a {
	background: #000000;
	padding: 10px;
	display: inline-block;
	color: white;
	border-radius: 8px;
	font-size: 21px;
}
.code_use_guied > p {
	margin: 24px 0;
	padding: 0 55px;
}
/* end popup_code  */
.bg_opacity {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000000b8;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 175;
}
.popup_coupon_copy_show_code {
	display: flex;
	justify-content: end;
	align-items: center;
}
.show_code_and_copybtn {
	display: flex;
	background: #f1f1f1;
	padding: 11px 8px;
	border-radius: 7px;
	align-items: center;
}
.show_code {
	margin: 0 31px;
	font-size: 18px;
	font-weight: bold;
}
.show_copy_btn > button {
	border: none;
	padding: 9px 17px;
	background: #000000;
	color: white;
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
}
.deals_div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.deal_brand_logo > img {
	width: 107px;
	height: 58px;
	object-fit: cover;
}
.faq_section {
	margin: 43px 0;
}
.faq_title {
	margin: 16px 0;
	text-align: center;
}
.qaBox {
	background: white;
	padding: 36px;
}
.qaBox p {
	line-height: 31px;
}
.qaBox h3 {
	margin: 10px 0;
	font-size: 21px;
}
.qaBox li {
	list-style: inside;
}
.brand-rating {
	display: flex;
	align-items: center;
	margin: 4px 0;
}
.rating_stars {
	display: flex;
}
.total_rating {
	margin: 0 7px;
}
.single_start {
	font-size: 19px;
	color: #d1d1d1;
}
i.fa.fa-star.active_star {
	color: #f3bc22;
}
button.add_rating_btn_clas {
	background: black;
	color: white;
	padding: 5px 7px;
	border-radius: 9px;
	cursor: pointer;
}
.show_rating_div {
	margin: 20px 0;
	display: none;
}
.send_rating_stars {
	display: flex;
	justify-content: center;
	margin: 10px 0;
}
.send_single_start {
	font-size: 47px;
	color: #d9d9d9;
	cursor: pointer;
}
.send_single_start:hover {
	color: #afafaf;
}
.thumbs_up_thank {
	font-size: 38px;
	color: green;
	font-weight: bold;
}
.related_cate_d-flex {
	display: flex;
	align-items: center;
}
.single_related_cate {
	background: #e7e7e7;
	margin: 0 6px;
	padding: 8px 14px;
}
a.related_cate_a {
	color: #5e5e5e;
	text-transform: capitalize;
}
.show_realated_categort {
	margin-top: 11px;
}
.button-group {
  display: flex;
  gap: 10px;
  margin: 20px 0;
}

.button-group .btn {
  border: none;
  color: white;
  padding: 10px 15px;
  font-weight: bold;
  border-radius: 5px;
  font-family: 'Arial', sans-serif;
  /* display: flex; */
  align-items: center;
  /* justify-content: space-between; */
  min-width: 110px;
}

.btn span {
  /* background: rgba(255,255,255,0.2); */
  /* padding: 5px 10px; */
  color: #fff;
  border-radius: 20px;
  margin-left: 10px;
}

/* Specific Colors */
.btn-all {
  background-color: #003f6b;
}
.btn-deals {
  background-color: #8c1656;
}
.btn-coupons {
  background-color: #32a232;
}
.btn-free {
  background-color: #0074cc;
}

/* Responsive adjustments only */
@media screen and (max-width: 1024px) {

    .button-group{
		justify-content: center;
	}
    .top{
        justify-content: center;
    }
    
    /* .promo-cart {
        flex-direction: column;
    } */
    
    .search-cart-img {
        /* width: 100%; */
        /* height: auto; */
        text-align: center;
        margin-bottom: 15px;
    }
    
    .coupen-btn{
        margin: 12px 0px;
        text-align: center;
    }
    
    .btn--code--corner {
        display: none;
    }
    
    .brand-detail {
        flex-direction: column;
    }
    
    .doual {
        flex-direction: column;
    }
    
    .sub-container1 {
        flex-direction: column;
        align-items: center;
    }
    
    .brandimg > img {
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .code_popup {
        width: 90%;
        max-width: 400px;
    }
    
    .code_use_guied > p {
        padding: 0 20px;
    }
}
@media screen and (max-width: 900px) {
	.promo-cart {
        /* grid-template-columns: 1fr; */
		display: block;
		padding: 10px 10px 0px;
        text-align: center;
    }
	.sub-container2 {
		text-align: center;	
	}
}
@media screen and (max-width: 768px) {
    .deals_div {
        flex-direction: column;
        gap: 15px;
    }
    
    .popup_coupon_copy_show_code {
        justify-content: center;
    }
    
    .show_code_and_copybtn {
        flex-direction: column;
        width: 100%;
    }
    
    .show_code {
        margin: 0;
        text-align: center;
    }
    
    .promo-btn > button {
        padding: 12px;
    }
}
@media screen and (max-width: 480px) {
	.button-group{
		display: grid;
		grid-template-columns: repeat(2 ,1fr);
	}	
}

@media screen and (max-width: 480px) {
    .brand-detail {
        padding: 15px;
        margin: 30px 0;
    }
    
    .promo-cart {
        padding: 10px;
    }
    
    .code_popup {
        width: 84%;
        padding: 15px;
    }
    
    p.popup_coupon_code {
        font-size: 28px;
        padding: 12px;
    }
    
    .store_link > a {
        font-size: 18px;
        padding: 8px;
    }
    
    .copy_btn > button {
        padding: 6px 8px;
        font-size: 14px;
    }
}

@media screen and (max-width: 452px) {
	/* .coupen-btn > a{
		    padding: 6px 15px 24px 15px;
	} */
	 .promo-cart-main{
		grid-template-columns: repeat(1 ,1fr);
	 }

}