@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@font-face {
    font-family: 'ITC Franklin Bold';
    src: url('./ITC Franklin Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* header */
.dealstore_header_ar {
  text-align: center;
  padding: 27px 64px;
  backdrop-filter: blur(100px);
  background: var(--Color-Neutral-white, #ffffff);
  margin-bottom: 64px;
}
.dealstore_info_wrapper_ar {
    max-width: 1352px;
    margin: auto;
    padding: 0 20px;
}
.d_flex_obt_ar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.image_wraaper_ar {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.dealstore_data_wraaper {
  width: calc(100% - 190px);
}
.title_dealstore h3 {
  font-size: 64px;
  line-height: 120%;
  font-family: "ITC Franklin Bold", sans-serif;
/*   font-weight: 500; */
}
.updated_ago_ar p {
  font-weight: 500;
  font-size: 18px;
  font-family: "Inter", sans-serif;
}
.other_details_ar {
  display: flex;
  gap: 24px;
  align-items: center;
}
.store_ratings_ar {
  display: flex;
  gap: 6px;
font-weight: 500;
font-family: "Inter", sans-serif;
	font-size: 18px;
}
.icons_text_ar {
  display: flex;
  gap: 6px;
}
.stars_ar_wrapp {
  display: flex;
  gap: 2px;
}
.stars_ar_wrapp .stars_ar {
  fill: white;
  height: 18px;
}
.stars_ar_wrapp .stars_ar.active {
  fill: #ffb31e;
}
.todays_deal_text_ar {
  background: linear-gradient(90deg, #ff6600 0%, #ffe225 100%);
  text-align: center;
  padding: 16px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 13px 13px 0px 0px;
}
.todays_deal_text_ar h6 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: white;
  margin-bottom: 0px;
}
.todays_deal_ar {
  margin: 48px 0px 64px 0px;
  background-color: white;
  border-radius: 16px;
  position: relative;
	border:2px solid #FFDE89;
}
.todays_deal_ar::after {
  background: linear-gradient(90deg, #ffde89 0%, #ffe225 100%);
  content: " ";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
  border-radius: 16px;
  z-index: -1;
}
.coupons_flex_ar {
  display: flex;
  gap: 33px;
}
.discount_wrap_ar {
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 2px dotted #ffde89;
  padding: 20px 24px 20px 24px;
  flex-wrap: wrap;
}

.coupons_data_wrap_ar {
  padding: 20px 24px 20px 0px;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 160px);
}
@media(min-width: 768px) {
	.more_coupons_wrapper .coupons_data_wrap_ar {
		align-items: center;
	}
}

h4.percent_ar {
  font-family: "Inter", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 46.8px;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 0px;
}
h6.discount_text_ar {
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 31.2px;
  letter-spacing: -0.02em;
  text-align: center;
}
h3.font_28_600 {
  font-family: "Inter", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 36.4px;
  text-align: left;
  color: #000000;
  margin-bottom: 0px;
	  margin-top: 0;
}

.avatar_wrap_ar {
  display: flex;
  gap: 0px;
  position: relative;
}
.workedfor_user_ar,
.workedfor_user_ar img {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.avatar_wrap_ar .workedfor_user_ar:not(:first-child) {
  margin-left: -3px;
}
.workedfor_user_wrap_ar {
  margin: 18px 0px 0px 0px;
}
.workedfor_user_wrap_ar,
.icons_text_ar {
  display: flex;
  gap: 8px;
  align-items: center;
}
.workedfor_user_wrap_ar .worked_ar_text h6 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20.8px;
  text-align: left;
  color: #000000;
  margin-bottom: 0px;
}
.coupons_analytics_ar {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-top: 26px;
}
.coupons_analytics_ar .font_12_400 {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  color: #212121;
  margin-bottom: 0px;
}
.shortcodetext_ar {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.015em;
  text-align: right;
  color: #616161;
  border: 2px dashed #f8a401;
  border-radius: 16px;
  width: 240px;
  padding: 20px 16px;
  cursor: pointer;
}
.show_coupons_btn_ar {
  position: relative;
}
.wraper_hide_ar {
  cursor: pointer;
  background: linear-gradient(90deg, #ff6600 0%, #ffe225 100%);
  width: 198px;
  padding: 22px 16px;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.015em;
  color: white;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 16px 0px 0px 16px;
  transition: 0.3s ease all;
}

.show_coupons_btn_ar:hover .wraper_hide_ar {
	width: 178px;
}

.wraper_hide_ar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 240px;
    height: 100%;
}

.see_more_coupons_ar {
	margin-top: 64px;
}

.see_more_coupons_ar h3 {
  font-family: "ITC Franklin Bold", sans-serif;
  font-size: 48px;
  line-height: 57.6px;
  text-align: left;
  color: var(--Text-primary, #000000);
  margin-bottom: 48px;
}
.more_coupons_wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.more_coupons_wrapper .coupons_wrapper_ae {
  border: 1px solid #e5e5e5;
  backdrop-filter: blur(40px);
  border-radius: 16px;
	background-color:white;
}
@media(max-width: 767px) {
	.more_coupons_wrapper .coupons_wrapper_ae {
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	}
	.commisontext p a {
		display: block;
	}
	.dealstore_header_ar img {
		width: 120px;
	}
	.store_ratings_ar,
	.updated_ago_ar p {
		font-size: 14px;
	}
	.see_more_coupons_ar h3 {
		margin-bottom: 28px;
	}
}
.more_coupons_wrapper .discount_wrap_ar {
  border-right: 2px dotted #e5e5e5 !important;
}

/* newsletter */
.newsletter_wrapper_ar {
  background: #f2f8ff;
  border-radius: 16px;
  margin-top: 90px;
  border: 1px solid #e3e4ff;
}
.d_flex_ar {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  padding: 27px 64px;
  align-items: center;
}
.newletter_conent_ar h3 {
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28.8px;
  text-align: left;
  color: #101828;
  margin-bottom: 8px;
}
.newletter_conent_ar p {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  color: #667085;
  margin-bottom: 24px;
}
/* .newletter_conent_ar .newletter_img_ar img {
  width: 465px;
  height: 200px;
  object-fit: cover;
  object-position: top;
} */
.commisontext {
  margin-top: 96px;
}
.commisontext p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #000000;
}
.commisontext p a {
  color: #000000;
  font-weight: 700;
  text-decoration: underline;
}
.commisontext {
  text-align: center;
}
.commisontext ul li a {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #000000;
}
.commisontext ul {
  display: flex;
  gap: 32px;
  list-style: none;
  width: 100%;
  padding: 32px 0px 64px;
  justify-content: center;
}
.disclaimers_ar {
  border-top: 1px solid var(--Border-primary, #000000);
  padding: 26px 0px 48px 0px;
  text-align: center;
	max-width:1216px;
	margin:auto;
}
.disclaimers_ar p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}


.popups_wrapper_ar {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
}
.popups_wrapper_ar .inner_wraaper_ar {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-container {
  position: relative;
  width: 100%;
  max-width: 800px;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.popup-logo {
  border: 1px solid #d9d9d9;
  width: 100px;
  height: 100px;
  padding: 10px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0px auto 20px auto;
}
.popup {
  border-radius: 10px;
  padding: 30px 0px;
  text-align: center;
  width: 560px;
  margin: auto;
}

.popup h1 {
  font-size: 24px;
  margin-bottom: 32px;
}
.popup p{
  margin-bottom: 44px;
  color: #616161;
  font-size: 14px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}

.code-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  border: 2px dashed #ffb400;
  padding: 0px 0px 0px 16px;
  margin-bottom: 16px;
  border-radius: 16px;
  height: 66px;
}

.code {
  font-size: 16px;
  font-weight: bold;
  margin-right: 10px;
  color: #616161;
	font-family: "Inter", sans-serif;
	letter-spacing: 1px;
}

.copy-btn {
  background: linear-gradient(90deg, #ff6600 0%, #ffe225 100%);
  border: none;
  padding: 8px 15px;
  color: white;
  border-radius: 0px 16px 16px 0px;
  cursor: pointer;
  height: 66px;
    width: 77px;
    margin-right: -2px;
    font-size: 16px;
}

.copy-btn:hover {
  background-color: #e69500;
}

.feedback {
  margin: 20px 0px 46px 0px;
}

.feedback p {
  margin-bottom: 24px;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

.feedback-btn {
  border: none;
  font-size: 16px;
  margin: 0 23px;
  cursor: pointer;
  border-radius: 80px;
  opacity: 0.7;
  transition: 0.3s ease all;
}
.feedback-btn:hover,
.feedback-btn.active{
	opacity: 1;
}

#thumbs-up{
  background-color: #9deccf;
  padding: 16px;
}
#thumbs-down{
  background-color: #f9bcbc;
  padding: 16px 16px 14px 16px
}

.feedback-btn:hover {
  background-color: #ddd;
}

.shop-btn {
  display: inline-block;
  padding: 16px 20px;
  background-color: #ffb400;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  background: linear-gradient(90deg, #ff6600 0%, #ffe225 100%);
	font-size: 16px;
    font-family: 'Rubik';
    font-weight: 500;
}

.shop-btn:hover {
  background-color: #e69500;
	color:#fff;
}

.close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}
.tick-icon {
  display: none;
}

.copy-btn.copied .tick-icon {
  display: inline;
}

.copy-btn.copied .copy-text {
  display: none;
}

@media (max-width: 768px) {
	.newsletter_wrapper_ar .d_flex_ar{
		position:relative;
	}
	.newsletter_wrapper_ar .newletter_conent_ar{
		z-index: 99;
        display: flex;
        flex-direction: column;
        width: 100%;
	}
	.newsletter_wrapper_ar .newletter_img_ar{
		position:absolute;
		right:50px;
		top:100px;
	}
	.newsletter_wrapper_ar .newletter_img_ar img{
		height:50px;
	}
	body:not(.dark_body):not(.page-template-template-systempages){
		background-color:#fafafa !important;
	}
	.todays_deal_text_ar h6{
		font-size:14px;
	}
	.workedfor_user_wrap_ar .worked_ar_text h6{
		font-size:12px;
	}
	.coupons_analytics_ar .font_12_400{
		font-size:11px;
	}
	.todays_deal_text_ar svg{
		height:18px;
	}
  .dealstore_info_wrapper_ar {
    max-width: 100%;
    padding: 0px 16px;
  }
  .image_wraaper_ar {
    width: 70px;
    height: 70px;
  }
  .dealstore_data_wraaper {
    width: calc(100% - 100px);
  }
  .title_dealstore h3 {
    font-size: 28px;
    margin-bottom: 16px;
  }
  .other_details_ar,
  .coupons_analytics_ar {
    flex-direction: column;
    gap: 8px;
    align-items: baseline;
  }
  .coupons_data_wrap_ar {
    flex-direction: column;
    width: calc(100% - 100px);
  }
  .workedfor_user_wrap_ar,
  .coupons_analytics_ar {
    margin-top: 16px;
  }
  .coupons_flex_ar {
    gap: 16px;
  }
  .discount_wrap_ar {
    width: 83px;
  }
  h4.percent_ar {
    font-size: 24px;
	  line-height:normal;
  }
  h6.discount_text_ar {
    font-size: 16px;
  }
  h3.font_28_600 {
    font-size: 20px;
    line-height: 26px;
  }
  .shortcodetext_ar {
    padding: 10px 16px;
    width: 215px;
  }
  .wraper_hide_ar {
    padding: 12px 16px;
    width: 170px;
	  font-size:16px;
  }
  .show_coupons_btn_ar {
    margin-top: 34px;
  }
  .see_more_coupons_ar h3 {
    font-size: 32px;
    text-align: center;
  }
  .d_flex_ar {
    flex-direction: column;
    padding: 48px 16px;
    align-items: baseline;
  }
  .commisontext {
    text-align: center;
    max-width: 278px;
    margin: 48px auto 0px;
  }
  .disclaimers_ar {
    max-width: 278px;
    margin: auto;
  }
  .commisontext ul {
    flex-direction: column;
    gap: 24px;
    padding: 34px 0px 24px 0px;
  }
  .newletter_conent_ar h3 {
    font-size: 16px;
  }
  .dealstore_header_ar {
    margin-bottom: 48px;
  }
  .popup{
    max-width: 100%;
    text-align: -webkit-center;
  }
  .popups_wrapper_ar{
    padding: 15px;
  }
  .close-btn{
    right: 30px;
    top: 30px;
  }
  .popup-logo{
    height: 60px;
    width: 60px;
  }
  .popup h1{
    margin-bottom: 24px;
  }
  .code-box{
    width: 265px;
  }
  .popup p,.feedback p{
    font-size: 12px;
  }
	.popup p,.feedback{
		margin-bottom:24px;
	}
	.feedback p{
		margin-bottom:8px;
	}
  #thumbs-up {
    padding: 10px;
  }
  #thumbs-down {
    padding: 10px 10px 8px 10px
  }
  .shop-btn {
    padding: 12px 22px;
  }
}

#mc4wp-form-1 .input_wrapeer_ar{
	display: flex;
    gap: 16px;
    align-items: center;
}
#mc4wp-form-1 .input_group_ar input{
width: 360px;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    padding: 12px 14px;
    font-size: 16px;
    font-weight: 400;
    color: #667085;
	    font-family: "Rubik", sans-serif;
}
#mc4wp-form-1 .submit_ar input{
    border: 1px solid #88C4FF;
    border-radius: 8px;
    padding: 12px 20px;
    background: linear-gradient(90deg, #45A1FF 0%, #96DFFF 100%);
    box-shadow: 0px 1px 2px 0px #1018280D;
    font-size: 16px;
    font-weight: 500;
    font-family: "Rubik", sans-serif;
    color: #fff;
}

@media (max-width:768px){
	#mc4wp-form-1 .input_wrapeer_ar{
		flex-direction:column;
	}
	#mc4wp-form-1 .submit_ar input,#mc4wp-form-1 .submit_ar{
		width:100%;
		
	}
	#mc4wp-form-1 .input_group_ar input,#mc4wp-form-1 .input_group_ar{
width: 100%;
	}
}
.thankyou_ar{
	display:none;
}