p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: unset;
	display: inline-block;
}

a:hover {
	text-decoration: none;
	color: unset;
}

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

body {
	font-family: 'Mulish';
}

h1, h2, h3, h4, h5, h6, h1, .h1, .h2, .h3 {
	margin: 0;
	padding: 0;
}

img{
	max-width: 100%;
}
select {
	width: 100%;
    margin: 0;
    border-radius: 4px;
    padding: 12px 20px;
    background: #F4F4F4;
    color: #000;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    border: none;
    line-height: 24px;
    -webkit-appearance: none;
  	-moz-appearance: none;
  	background-image: url("../images/chewron-down.svg");
  	background-repeat: no-repeat;
 	background-position-x: 97%;
  	background-position-y: 12px;
}
label {
	margin: 0;
}

.sitecontainer{
	max-width: 1140px;
	margin: 0 auto;
	position:relative;
}
.sitecontainer .close-btn{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}
.announcebar{
	float: left;
	width: 100%;
	background: #531475;
	padding: 6px 0px;
	text-align: center; 
	opacity: 1;
    transform: translateY(0);
    /*transition: opacity 1s ease-out, transform 1s ease-out;*/
}
.announcebar.closed {
    transform: translateY(-100%); 
}
.announcebar p{
	color: #FFF;
	font-family: Mulish;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
}
.announcebar p a{
	text-decoration: underline; 
	margin-left: 16px;
}


.header .headerinner{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header .navmenus ul{
	display: flex;
	column-gap: 0px;
	align-items: center;
}
.header .navmenus ul li{
	position: relative;
	padding: 0 7px;
}
.header .navmenus ul li a{
	color: #FFF;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	position: relative;
}

.header.header-4 .navmenus ul li a{
	color: #767676;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0.24px;
	text-transform: capitalize;
}
.header.merchant.header-1 .navmenus ul li a:hover {
	color: #FFFFFF;
}
.header.merchant.header-1 .navmenus ul li.login a:hover {
	color: #741FA2;
}
.header .navmenus ul li.login{
	padding-right: 10px;
}
.header .navmenus ul li.login a{
	padding: 15px 28px;
	border-radius: 29px;
}
.header.header-4 .navmenus ul li.login a{
	padding: 8px;
}
.header .navmenus ul li.login a:hover{
	background-color: #531475;
	color: #ffffff;
}
/*.header .navmenus ul li.register{*/
/*	padding-left: 0;*/
/*	padding-right: 0;*/
/*}*/
.header .navmenus ul li.register a{
	padding: 13px 27px;
	border-radius: 29px; 
	background: #FFF; 
	color: #741FA2; 
}
.header.header-4 .navmenus ul li.register a{
	padding: 15px 30px;
	border-radius: 29px; 
	background: #FFF; 
	color: #741FA2; 
}
.header .navmenus ul li.message {
    padding-left: 0;
	padding-right: 3px;
    position: relative;
}
.header .navmenus ul li .count {
    position: absolute;
	top: 0px;
	right: 0px;
	color:#fff;
	background-color:#741FA2;
	width:20px;
	border-radius: 30px;
	font-size: 14px;
    display: flex;
    justify-content: center;
}
.header .navmenus ul li .count1 {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #741FA2;
    background-color: #fff;
    width: 20px;
    border-radius: 30px;
    font-size: 14px;
    display: flex;
    justify-content: center;
}
.header .navmenus .mobilebucket {
    display: none;
}
.header .navmenus .mobilebucket .message {
    padding-left: 0;
	padding-right: 3px;
    position: relative;
}
.header .navmenus .mobilebucket .count1 {
    position: absolute;
	top: 0px;
	right: 70px;
	color: #741FA2;
    background-color: #fff;
	width:20px;
	border-radius: 30px;
	font-size: 14px;
    display: flex;
    justify-content: center;
}
.header .navmenus .mobilebucket .count {
    position: absolute;
	top: 0px;
	right: 70px;
	color:#fff;
	background-color:#741FA2;
	width:20px;
	border-radius: 30px;
	font-size: 14px;
    display: flex;
    justify-content: center;
}
.header .navmenus ul li.menu-item-has-children .sub-menu{
	position: absolute;
	top: 50px;
	left: -75px;
	width: 250px;
	background: #741FA2;  
	backdrop-filter: blur(5px); 
	text-align: left;
	transition: all 0.4s ease-in-out;
	opacity: 0;
	z-index:-1;
	visibility: hidden;
	flex-direction: column;
}
.header .navmenus ul li.menu-item-has-children:first-child .sub-menu{
    left:0;
    width:100px;
    text-align:center;
}
.header .navmenus ul li.menu-item-has-children:nth-child(2) .sub-menu{
    left:0;
    width:132px;
    text-align:center;
}
.header .navmenus ul li.menu-item-has-children:hover ul.sub-menu{
	opacity: 1;
	transition: all 0.4s ease-in-out;
	z-index:5;
	visibility: visible;
}
.header .navmenus ul .sub-menu li{
	float: left;
	width: 100%;
	text-align: left;
}
.header .navmenus ul .sub-menu li:hover{
	background: #531475; 
}
.header .navmenus ul .sub-menu li a{
	float: left;
	width: 100%;
	color: #ffffff; 
	text-align: left;
	padding: 10px;
}
.header.merchant.header-1 .navmenus ul li .inneritem h3 a {
    color: #767676;
}

.header.merchant {
	background: #FFF;
	padding: 12px 0px;
}
.header.merchant .navmenus ul li a {
    color: #767676;
    /*display: flex;*/
    /*gap: 10px;*/
}
.header.merchant .navmenus ul li ul.sub-menu li a {
	color: #FFF;
	text-align:center;
}
.header.merchant .navmenus ul li.login a {
	color: #741FA2;
}
.header.merchant .navmenus ul li.login a:hover {
    background-color: #f1e9f6;
}
.header.merchant .navmenus ul li.register a {
	color: #741FA2;
	border-radius: 29px;
	border: 2px solid #741FA2;
}
.header.merchant li.submit-button {
    display: none;
}
.header.merchant .navmenus ul li.menu-item-has-children:first-child .sub-menu {
    left: 0;
    width: 200px;
    text-align: center;
}
.header.merchant .navmenus ul li.menu-item-has-children:nth-child(2) .sub-menu {
    left: 0;
    width: 150px;
    text-align: center;
}
.header.merchant.header-2.visible {
    position: fixed;
    top: 0;
    z-index: 999;
}
.header.merchant .navmenus ul li.menu-item-has-children .sub-menu {
    position: absolute;
    top: 50px;
    left: -20px;
    width: 170px;
    background: #741FA2;
    backdrop-filter: blur(5px);
    text-align: left;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    flex-direction: column;
}

.header .bannersearch{
	float: left;
	width: 100%;
}
.header .bannersearch .bannersearchinner{
	margin: 0 auto;
	max-width: 600px;
}
.header .bannersearch .searchbox{
	float: left;
	width: 100%;
	border-radius: 100px; 
	background: #F4F4F4;
	padding: 5px; 
	padding-left: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header .bannersearch .searchbox .searchtext{
	width: 140px;
	display: flex;
	align-items: center;
	border-right: 1px solid #BEBEBE;
	padding-right: 15px;
}
.header.header-4 .bannersearch .searchbox .searchtext{
	display: flex;
	width: 289px;
	height: 46px;
	padding: 15px 19px;
	border-radius: 29px;
	border: 1px solid #E5E5E5;
	background: #FFF;
}
.header.header-4 .bannersearch .searchbox{
	float: left;
	width: 100%;
	border-radius: unset; 
	background: none;
	padding: 0; 
	padding-left: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header .bannersearch .searchbox .searchtext img{
	width: 24px;
	margin-right: 5px;
}
.header .bannersearch .searchbox .searchtext input{
	width: 100%;
	color: #BEBEBE;
	background: #F4F4F4;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	border: none;
	outline: none;
}
.header.header-4 .bannersearch .searchbox .searchtext input{
	color: #BEBEBE;
	background: #ffffff;
}
.header.header-4 .bannersearch .searchbox .searchtext input::-ms-input-placeholder {
  color: #BEBEBE;
}

.header.header-4 .bannersearch .searchbox .searchtext input::placeholder {
  color: #BEBEBE;
}
.header .bannersearch .searchbox .selectcat{
	width: 135px;
	border-left: 1px solid #F4F4F4;
	padding-left: 20px;
}
.header .bannersearch .searchbox .selectcat select{
	width: 70%;
	padding: 10px;
	background: none;
	border: none;
}
.header .bannersearch .searchbox .selectcat input{
	width: 75%;
	color: #BEBEBE;
	background: #F4F4F4;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	border: none;
	outline: none;
}
.header .bannersearch .searchbox .button{
	width: 44px;
}
.header .bannersearch .searchbox .button button{
	border-radius: 29px; 
	background: #741FA2; 
	padding: 10px;
	width: 100%; 
	border: none;
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;	
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); 
}
.header .bannersearch .searchbox .button button:hover{
	background-color: #741FA2;
}
.header.merchant.header-3 .searchtext select {
    width: 20%;
    padding: 0px 0px;
    background-position-x: 76%;
    background-position-y: 3px;
}

.header.merchant .navmenus .hide{
	display: none;
}
.header.merchant.header-1 .navmenus .hide.header-1{
	display: flex;
}
.header.merchant.header-2 .navmenus .hide.header-2{
	display: flex;
}
.header.merchant.header-3 .navmenus .hide.header-3{
	display: flex;
}
.header.merchant.header-4 .navmenus .hide.header-4{
	display: flex;
}

.header.merchant.header-2 .logo a img {
	width: 327px;
}
.header.merchant.header-3 .logo a img {
	width: 227px;
}

.header.merchant.header-4 .logo a img {
	width: 193px;
}


.header.header-2 .navmenus ul li{
	padding: 0 11px;
}
.header.header-2 .navmenus ul li.register{
	padding: 0px;
}
.header.merchant.header-1{
	background: #741FA2;
}
.header.merchant .logo {
	display: none;
}
.header.merchant .logo.header-1{
	display: none;
}
.header.merchant.header-1 .logo.header-1{
	display: block;
}
.header.merchant.header-2 .logo {
    display: block;
}
.header.merchant.header-3 .logo.header-2 {
    display: block;
}
.header.merchant.header-4 .logo.header-2 {
    display: block;
}
.header.merchant.header-1 .logo.header-1 img{
	max-width: 305px;
}
.header.merchant.header-1 .navmenus ul li a {
    color: #FFF;
}

.header.merchant .navmenus ul li.register a {
    color: #741FA2;
    display: inline-block;
}
.header.merchant .navmenus ul li.register a:hover {
	background-color: rgb(241, 233, 246);
	color: #741FA2;
}
.header.merchant .navmenus ul.sub-menu li a {
    color: #FFF;
}
.header.merchant.header-2 .logo.header-1 {
    display: none;
}
.header.merchant.header-2 li .bannersearch {
    display: none;
}
.header.merchant.header-2 li.header-1 {
    display: block;
}

.header.merchant.header-2 li.header-1 .bannersearch {
    display: block;
}

.header.merchant.header-4 .location .selectcat {
    display: flex;
    align-items: center;
}
.header.merchant.header-4 .location .selectcat img{
	width: 22px;
	height: 22px;
}
.header.header-4 .navmenus ul li{
	padding: 0 10px;
}

.header.header-4 .navmenus ul li select{
	padding: 12px 28px 12px 5px;
	background: #ffffff;
	background-image: url(../images/chewron-down.svg);
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 13px;
    color: #767676;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0.24px;
	text-transform: capitalize;
}

.header.header-4 .navmenus ul li.register {
    padding-left: 0;
    padding-right: 0;
}

.sidenav {
	height: 100%;
	width: 320px;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #741FA2;
	overflow-x: hidden;
	transition: transform 0.7s ease-in-out;;
	padding-top: 35px;
	padding-bottom: 100px;
	z-index: 9999;
	height: auto;
	transform: translateX(3000px);
	transition: 1s;
    transition-timing-function: ease-in-out;
}
.sidenav ul{
	padding: 50px 15px;
	padding-bottom: 0;
}
.sidenav ul li{
	padding: 10px 0;
}
.sidenav ul li a{
	color: #FFF;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}
.sidenav ul li.register a{
	border-radius: 29px;
  	background: #FFF;
  	color: #741FA2;
  	padding: 15px 40px;
  	display: inline-block;
}
.sidenav .closebtn{
	position: absolute;
	right: 15px;
	top: 15px;
	color: #fff;
	font-size: 30px;
}
.togglemenu{
	color: #fff;
	font-size: 25px;
}
.togglemenu:hover{
	color: #fff;
}
@media screen and (max-width:991px) {
	.header{
		padding-left: 15px;
		padding-right: 15px;
	}
	.header .headerinner .navmenus ul{
		display: none;
	}
	.header .headerinner .logo{
		max-width: 70%;
	}
}
@media screen and (min-width:992px) {
	.togglemenu{
		display: none;
	}
}


.herobanner{
	float: left;
	width: 100%;
	padding-top: 165px;
	padding-bottom: 90px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.herobanner .searchlocation{
	float: left;
	width: 100%;
	text-align: center;
}
.herobanner .searchlocation h1{
	color: #FFF;
	text-align: center;
	font-family: Mulish;
	font-size: 52px;
	font-style: normal;
	font-weight: 800;
	line-height: 66px;
	cursor: pointer;
}
.herobanner .searchlocation h1 i{
	font-size: 24px;
	position: relative;
	top: -5px;
}


.herobanner .bannersearch{
	float: left;
	width: 100%;
	padding-top: 50px;
}
.herobanner .bannersearch .bannersearchinner{
	margin: 0 auto;
	max-width: 600px;
}
.herobanner .bannersearch .searchbox{
	float: left;
	width: 100%;
	border-radius: 100px; 
	background: #FFF;
	padding: 10px; 
	padding-left: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.herobanner .bannersearch .searchbox .searchtext{
	width: 200px;
	display: flex;
	align-items: center;
}
.herobanner .bannersearch .searchbox .searchtext img{
	width: 24px;
	margin-right: 5px;
}
.herobanner .bannersearch .searchbox .searchtext input{
	width: 100%;
	color: #BEBEBE;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	border: none;
	outline: none;
}
.herobanner .bannersearch .searchbox .selectcat{
	width: 200px;
	border-left: 1px solid #F4F4F4;
	padding-left: 20px;
}
.herobanner .bannersearch .searchbox .selectcat select{
	width: 100%;
	padding: 10px;
	background: #FFF;
	border: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../images/chewron-down.svg");
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 12px;
}
.herobanner .bannersearch .searchbox .button{
	width: 133px;
}
.herobanner .bannersearch .searchbox .button button{
	border-radius: 29px; 
	background: #21C7AD; 
	padding: 15px 0px;
	width: 100%; 
	border: none;
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;	
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); 
}
.herobanner .bannersearch .searchbox .button button:hover{
	background-color: #108d79;
}

.herobanner .popularstores{
	float: left;
	width: 100%;
	padding-top: 94px;
}
.herobanner .popularstores h4{
	color: #FFF;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	padding-bottom: 24px;
}
.herobanner .popularstores .storeitems{
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 16px;
}
.herobanner .popularstores .storeitems .item img{
	transition: all .3s ease-in-out;
}
.herobanner .popularstores .storeitems .item img:hover{
	transform: scale(1.1)
}


.footer{
	float: left;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 24px;
}
.footer .card{
    position:relative;
}
.footer .footerwidget{
	float: left;
	width: 100%;
	display: flex;
	column-gap: 27px;
	padding-bottom: 40px;
}
.footer .footerwidget .widget label{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	padding-bottom:20px;
}
.footer .footerwidget .widget ul li{
	padding-bottom: 5px;
}
.footer .footerwidget .widget ul li a{
	color: #767676;
	font-family: Mulish;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
}
.footer .footerwidget .widget ul li a:hover{
	color: #741FA2;
	text-decoration: underline;
}
.footer .footerwidget .widget .findbday{
	min-width: 199px;
	padding: 15px 40px; 
	border-radius: 29px; 
	background: #741FA2;
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}
.footer .footerwidget .widget .findbday:hover{
	background-color: rgba(93, 25, 130, 1);
}

.footer .footerwidget .widget1{
	width: 15%;
	display: block;
}
.footer .footerwidget .widget2{
	width: 15%;
	display: block;
}
.footer .footerwidget .widget3{
	width: 10%;
	display: block;
}
.footer .footerwidget .widget4{
	width: 10%;
	display: block;
}
.footer .footerwidget .widget5{
	width: 33%;
	display: block;
}
.footer .footerwidget .widget6{
	width: 32%;
}

.footer .footerbottom{
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #F4F4F4;
	padding-top: 24px;
}
.footer .footerbottom p{
	color: #767676;
	font-family: Mulish;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
}
.footer .footerbottom .footlink{
	color: #767676;
	font-family: Mulish;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	display: flex;
	column-gap: 10px;
}
.footer .footerbottom a:hover {
	color: #741FA2;
	text-decoration: underline;
}
.footer .footerbottom .designby p{
	display: flex;
	align-items: center;
	column-gap: 3px;
}


.homestoreslists{
	float: left;
	width: 100%;
	padding-top: 10px; /* old 80px */
	padding-bottom: 80px;
}
.homestoreslists.printpage {
    background: #f4f4f4;
    padding-top: 40px;
}
.homestoreslists .listitems{

}
.homestoreslists.printpage .listitems{
	float: left;
	width: 100%;
    display: block;
}
.homestoreslists .listitems:last-child{
	padding-bottom: 0;
}
.sectionhead{
	float: left;
	width: 100%;
	border-radius: 6px; 
	border: 1px solid #F4F4F4; 
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10); 
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 30px;
	margin-bottom: 50px;
	background-color:#fff;
}
.homestoreslists.printpage .printerhead {
    float: left;
	width: 30%;
	border-radius: 6px; 
	border: 1px solid #F4F4F4; 
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10); 
    margin-bottom: 40px;
    background: #fff;
    padding: 15px 30px;
    display: flex;
    flex-direction: column;
}
.homestoreslists.printpage  .printerhead .available{
    width:100%;
}
.homestoreslists.printpage  .printerhead .available p{
    text-align:left;
    padding-bottom:30px;
}
.homestoreslists.printpage .printerhead select{
    padding-bottom:30px;
}
.homestoreslists.printpage .printerhead .progessbar{
    width:100%;
    padding-bottom:30px;
}
.homestoreslists.printpage .printerhead .progessbar .progessbar-inner{
    max-width:100%;
}
.homestoreslists.printpage .printerhead button{
    outline: none;
    border: none;
    background: transparent;
}
.homestoreslists.printpage .printerhead button a.printb {
    display: inline-block;
    background: #ffffff;
    outline: none;
    border: 2px solid #741FA2;
    border-radius: 29px;
    padding: 12px 40px;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color:#741FA2;
    margin-bottom:14px;
    width:100%;
}
.homestoreslists.printpage .printerhead button{
    width:100%;
}
.homestoreslists.printpage .printerhead button a.printb img {
    margin-right: 10px;
}
.homestoreslists.printpage .printerhead button a.mylist {
    display: inline-block;
    background: #741FA2;
    outline: none;
    border: none;
    border-radius: 29px;
    padding: 15px 40px;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color:#FFFFFF;
    width:100%;
}
.sectionhead label{
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 24px;
	color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0;
}
.sectionhead label .icon{
	border-right: 1px solid #F4F4F4;
	padding: 15px;
}
.sectionhead label .icon img{
	width: 25px;
	margin-left: 10px;
	cursor: pointer;
}
.sectionhead a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 10px;
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}
.sectionhead a img{
	position: relative;
	left: 0;
	transition: all .3s ease-in-out;
}
.sectionhead a:hover img{
	left: 5px;
}


.storelistitems{
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 30px;
}
.storelistitems .item{
	width: 31.5%;
	border-radius: 10px; 
	border: 1px solid #F4F4F4; 
}
.homestoreslists.printpage .storelistitems .item {
    background: #fff;
    width: 45%;
}
.storelistitems .item:hover{
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
}
.storelistitems .item .image{
	float: left;
	width: 100%;
	position: relative;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
}
.storelistitems .item .image img{
    max-height:175px;
    object-fit:contain;
    object-position:center;
    width:100%;
}
.searchstoreslists .categorylist .itembrand img {
    width: 152px;
    height: 90px;
    object-fit: contain;
    object-position: center;
    border-radius: 10px;
}
.storelistitems .item .image .main-img {
	border-radius: 10px 10px 0 0;
	width: 100%;
	max-height:175px;
	object-fit:cover;
}
.storelistitems .item .image .popular{
	position: absolute;
	top: -3px;
	right: -3px;
	width: auto;
}
.storelistitems .item .sharget{
	float: left;
	width: 100%;
	display: flex;
	margin-top: -32px;
	position: relative;
	z-index: 1;
}
.storelistitems .item .sharget img {
	cursor: pointer;
}
.storelistitems .item .sharget a {
	padding: 8px 16px; 
	background: #FFE500; 
	color: #080808;
	font-family: Mulish;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: 0.15px;
	text-transform: uppercase;
}
.storelistitems .item .sharget a:hover{
	background: #531475;
	color: #ffffff;
}
.storelistitems .item .info{
	float: left;
	width: 100%;
	padding: 24px 20px;
}
.storelistitems .item .info .ratingexp{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.storelistitems .item .info .ratingexp .rating{
	color: #BEBEBE;
	font-family: Mulish;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	display: flex;
	align-items: center;
	column-gap: 3px;
}
.storelistitems .item .info .ratingexp .expire{
	color: #BEBEBE;
	font-family: Mulish;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}
.storelistitems .item .info .ratingexp .expire span{
	color: #741FA2; 
}
.storelistitems .item .info h3{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.storelistitems .item .info .tags{
	float: left;
	width: 100%;
	display: flex;
	column-gap: 20px;
}
.storelistitems .item .info .tags span{
	color: #BEBEBE;
	font-family: Mulish;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	display: flex;
	align-items: center;
	column-gap: 4px;
}
.storelistitems .item .info .tags span:hover{
	color: #741FA2;
}
.storelistitems .item .info hr{
	float: left;
	width: 100%;
	margin-bottom: 24px;
}
.storelistitems .item .info .pricewhishlist{
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.storelistitems .item .info .pricewhishlist .price{
	display: flex;
	align-items: center;
	column-gap: 12px;
}
.storelistitems .item .info .pricewhishlist .price label{
	margin: 0;
	color: #108D79;
	font-family: Mulish;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.storelistitems .item .info .pricewhishlist .price span{
	color: #741FA2;
	font-family: Mulish;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: flex;
	align-items: center;
	column-gap: 12px;
}
.storelistitems .item .info .pricewhishlist .price span del{
	color: #EB0504;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.storelistitems .item .info .pricewhishlist .wishlist a{
	color: #BEBEBE;
	font-size: 24px;
}
.storelistitems .item .info .pricewhishlist .wishlist a:hover i{
	color: #EB0504;
}

.featurestores{
	float: left;
	width: 100%;
}
.featurestores .featurestoresbox{
	float: left;
	width: 100%;
	display: flex;
	border-radius: 10px; 
	border: 1px solid #E5E5E5; 
}
.featurestores .featurestoresbox .info{
	width: 34%;
	background: #531475; 
	padding: 40px;
	border-radius: 10px 0 0 10px;
}
.featurestores .featurestoresbox .info h3{
	color: #FFF;
	font-family: Mulish;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 12px;
}
.featurestores .featurestoresbox .info p{
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.featurestores .featurestoresbox .info a{
	display: inline-block;
	padding: 15px 40px; 
	border-radius: 29px; 
	border: 2px solid #FFF; 
	color: #F4F4F4;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin-top: 40px;
}
.featurestores .featurestoresbox .info a:hover{
	background-color: #741FA2;
}
.featurestores .featurestoresbox .fealist{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width:66%;
}
.featurestores .featurestoresbox .fealist .item img {
    width: 55%;
    position: relative;
    top: 50%;
    transform: translate(0%, -50%);
    transition: all 0.1s ease-in 0.1s;
}
.featurestores .featurestoresbox .fealist .item:hover img{
    width:70%;
    transition: all 0.1s ease-in 0.1s;
}

.featurestores .featurestoresbox .fealist .item:nth-child(1), .featurestores .featurestoresbox .fealist .item:nth-child(2), .featurestores .featurestoresbox .fealist .item:nth-child(3){
    border-bottom: 1px solid #E5E5E5;
}
.featurestores .featurestoresbox .fealist .item{
	width: 33.33%;
	text-align: center;
	height:135px;
	overflow:hidden;
}

.popularcategories{
	float: left;
	width: 100%;
}
.homepage.categorylistmain{
	float: left;
	width: 100%;
	padding: 0px;
}
.popularstores{
	float: left;
	width: 100%;
	padding-top: 80px;
}
.popularstores .storelist{
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	column-gap: 15px;
	row-gap: 15px;
}
.popularstores .storelist .item{
	width: 18.9%;
}
.popularstores .storelist .item a{
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.popularstores .storelist .item a:hover{
	text-decoration: underline;
}


.homefaqs{
	float: left;
	width: 100%;
	padding-top: 80px;
	padding-bottom: 40px;
}
.faqs .faqsitems{
	float: left;
	width: 100%;
}
.faqs .faqsitems .card{
	margin-bottom: 40px;
	border: none;
	box-shadow: none;
}
.faqs .faqsitems .card .card-header{
	padding: 0;
	background: none;
	border: 1px solid #F4F4F4;
	border-radius: 6px; 
	margin: 0;
	position:relative;
}
.detailsection .articledetails .bestprice .conent p{
    font-size:12px;
}
.faqs .faqsitems .card button{
	float: left;
	width: 100%;
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	text-decoration: none;
	text-align: left;
	padding: 16px; 
}
.faqs .faqsitems .card button::after {
	content: "";
	background-image: url('../images/faqminus.svg');
	height: 100%;
	width: 56px;
	position: absolute;
	right: 1px;
	background-repeat: no-repeat;
	top: 3px;
}
.faqs .faqsitems .card button.collapsed::after {
	background-image: url('../images/faqplus.svg');
}

.faqs .faqsitems .card button.collapsed:hover::after{
	background-image: url('../images/faqhoverplus.svg');
}

.faqs .faqsitems .card .card-body{
	border-radius: 6px; 
	padding: 16px; 
	background: #F4F4F4; 
	margin-top: 16px;
}
.faqs .faqsitems .card .card-body p{
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
/* Why Birthday Bennies page 09-11-2023 and 10-11-2023 rakesh start */



.herobannersearch {
    float: left;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.herobannersearch .sitecontainer {
	position: relative;
	z-index: 1;
}
.herobannersearch::after { 
  content: "";
  background: linear-gradient(270deg, rgba(116, 31, 162, 0.70) 20.83%, rgba(78, 50, 137, 0.70) 82.85%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.herobannersearch h1{
	color: #FFF;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
}
.herobannersearch h1 br{
	display: none;
}
.herobannersearch p {
	margin-top: 12px;
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.herobannersearch p br {
	display: none;
}

.searchstoreslists .searchstoremain {
	float: left;
	width: 100%;
	display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 30px;
}
.searchstoreslists .searchstoremain .listitemsleft {
    float: left;
    width: 31%;
    padding-bottom: 30px;
}
.searchstoreslists .searchstoremain .listitemsright {
    float: right;
    width: 66.3%;
    padding-bottom: 0px;
}
.searchstoreslists {
    float: left;
    width: 100%;
    padding: 30px 0px 90px 0px;
    background: #F4F4F4;
}
.searchstoreslists .sectionhead {
    float: left;
    width: 100%;
    background: #FFF;
    border-radius: 10px;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 0px;
    margin-bottom: 30px;
    box-shadow:none;
}
.searchstoreslists .sectionhead a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px;
    color: #767676;
    font-family: Mulish;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.searchstoreslists .sectionhead .sectionheadinner {
    display: flex;
    float: left;
    padding-right: 20px;
    gap: 20px;
}
.searchstoreslists .sectionhead img.spacingleftright {
    padding-right: 10px;
    padding-left: 12px;
}
.searchstoreslists .sectionhead label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 24px;
    color: #767676;
	font-family: Mulish;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	text-transform: uppercase;
    margin: 0;
}
.searchstoreslists .listitemsleft .sectionhead1 {
    float: left;
    width: 100%;
    background: #FFF;
    border-radius: 10px;
    border: none;
    display: flex;
    margin-bottom: 30px;
    flex-direction: column;
}
.searchstoreslists .sectionhead1 h4 {
	padding: 20px;
	color: #741FA2;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}
.searchstoreslists .item .info {
    float: left;
    width: 100%;
    padding: 24px 20px;
    background: #FFF;
    border-radius: 0 0 10px 10px;
    height: 243px;
}

.searchstoreslists .mainpagination {
    float: left;
    width: 100%;
    text-align: left;
}
.searchstoreslists .pagination {
    display: inline-block;
}
.searchstoreslists .pagination a, 
.searchstoreslists .pagination span {
    color: #080808;
    float: left;
    padding: 9px 13px;
    text-decoration: none;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    background: #FFF;
    margin: 0 5px;
}
.searchstoreslists .pagination a:hover {
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
	background: #741FA2;
	color: #FFF;
}
.searchstoreslists .pagination .current {
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
	background: #741FA2;
	color: #FFF;
}

.searchstoreslists .sectionhead1 .tab {
	overflow: hidden;
	border: 1px solid #F4F4F4;
	background-color: #fff;
	display: flex;
}
.searchstoreslists .sectionhead1 .tab button {
	float: left;
	width: 100%;
  	background: #FFF;
 	border: none;
  	outline: none;
  	cursor: pointer;
  	padding: 20px;
  	transition: 0.3s;
  	color: #BEBEBE;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.searchstoreslists .sectionhead1 .tab button:hover {
  	background-color: #741FA2;
  	color: #F4F4F4;
}
.searchstoreslists .sectionhead1 .tab button.active {
  	background-color: #741FA2;
  	color: #F4F4F4;
}
.searchstoreslists .sectionhead1 .categories {
	float: left;
	width: 100%;
	padding: 20px;
}
.searchstoreslists .sectionhead1 .categories h5 {
	padding: 7.5px 0px;
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.searchstoreslists .listitems{
	float: left;
	width: 100%;
	padding-bottom: 30px;
}
.searchstoreslists .listitems:last-child{
	padding-bottom: 0;
}
.searchstoreslists .storelistitems {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 30px;
    margin-top:0px;
}
.searchstoreslists .storelistitems .item {
    width: 48%;
    border-radius: 10px;
    border: 1px solid #F4F4F4;
}
.searchstoreslists .categorylist {
	float: left;
	width: 100%;
}
.searchstoreslists .categorylist .item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 8px 20px 8px 20px;
    align-items: center;
    margin-bottom: 4px;
}
.searchstoreslists .categorylist .item a {
    color: #080808;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.searchstoreslists .categorylist .itemlink a {
	padding: 8px 0px;
}
.searchstoreslists .categorylist .itemlink {
	padding: 20px 20px 12px 20px;
    color: #741FA2;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration-line: underline;
}
.searchstoreslists .categorylist .item span {
    color: #BEBEBE;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.searchstoreslists .categorylist .item span span {
    padding-right: 0px;
}
.searchstoreslists .sectionhead1 .line {
	float: left;
	width: 100%;	
}
.searchstoreslists .sectionhead1 .line p {
	margin-right: 20px;
	margin-left: 20px;
	border-bottom: 1px solid #F4F4F4;
}
.searchstoreslists .categorylist .itembrand {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 20px;
    align-items: center;
    margin-bottom: 4px;
}

.herobenerhowdoes {
	float: left;
	width: 100%;
	background: #F1E9F6;
	padding: 80px 150px;
}
.herobenerhowdoes .leftpopup {
	float: left;
	width: 50%;
	padding-right: 30px;
}
.herobenerhowdoes .leftpopup .businesspopup {
	float: left;
	width: 100%;
	padding: 24px 20px;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
}
.herobenerhowdoes .leftpopup .businesspopup .fieldmain {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    column-gap: 16px;
}
.herobenerhowdoes .leftpopup .businesspopup .field {
	float: left;
	width: 50%;
}
.herobenerhowdoes .leftpopup .businesspopup .field label {
    margin-bottom: 4px;
    color: #080808;
}
.herobenerhowdoes .leftpopup .businesspopup .field input, 
.herobenerhowdoes .leftpopup .businesspopup .field select {
	width: 100%;
    margin: 0;
    border-radius: 4px;
    padding: 12px 20px;
    background: #F4F4F4;
    color: #000;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    border: none;
    line-height: 24px;
}
.herobenerhowdoes .leftpopup .businesspopup .fieldselectbox{
	float: left;
	width: 100%;
}
.herobenerhowdoes .leftpopup .businesspopup .fieldselectbox label {
    margin-bottom: 4px;
    color: #080808;
}
.herobenerhowdoes .leftpopup .businesspopup .field.terms {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.herobenerhowdoes .leftpopup .businesspopup .field.terms a{
	color: #741FA2;
	text-decoration: underline;
}
.herobenerhowdoes .leftpopup .businesspopup .button {
	float: left;
	width: 100%;
	margin-top: 60px;
	text-align: center;
}
.herobenerhowdoes .leftpopup .businesspopup .field button, [type="submit"] {
	width: 100%;
    border-radius: 29px;
    background: #741FA2;
    padding: 15px 40px;
    color: #FFF;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    border: none;
}
.herobenerhowdoes .leftpopup .businesspopup .field button, a.submitbtn {
	width: 100%;
    border-radius: 29px;
    background: #741FA2;
    padding: 15px 40px;
    color: #FFF;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    border: none;
    text-align: center;
}
.herobenerhowdoes .leftpopup .businesspopup .field button, [type="submit"]:hover{
	background-color: rgba(93, 25, 130, 1);
}
.herobenerhowdoes .rightcontent {
	float: left;
	width: 50%;
	padding-left: 30px;
}
.herobenerhowdoes .rightcontent h1 {
	color: #080808;
	font-family: Mulish;
	font-size: 52px;
	font-style: normal;
	font-weight: 800;
	line-height: 57px;
	margin-bottom: 24px;
}
.herobenerhowdoes .rightcontent p {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 52px;
}

.celebrate {
	float: left;
	width: 100%;
	padding: 80px 150px;
	background: #FFF;
}
.celebrate .sitecontainer {
	display: flex;
	align-items: center;
}
.celebrate .leftimg {
	float: left;
	width: 50%;
    padding-right: 30px;
}
.celebrate .leftimg .singalimg {
	float: left;
	width: 100%;
}
.celebrate .leftimg .maintwopart {
	float: left;
	width: 100%;
	margin-top: 16px;
}
.celebrate .leftimg .maintwopart .leftimgtwo {
    float: left;
    width: 50%;
    padding-right: 8px;
}
.celebrate .leftimg .maintwopart .leftimgtwo img.leftinner{
	margin-bottom: 16px;
}
.celebrate .leftimg .maintwopart .rightimgone{
	float: left;
	width: 50%;
	padding-left: 8px;
}
.celebrate .rightcontent {
	float: left;
	width: 50%;
	padding-left: 30px;
}
.celebrate .rightcontent h2 {
	color: #080808;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
}
.celebrate .rightcontent h4 {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	margin: 24px 0;
}
.celebrate .rightcontent p {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.celebrate .rightcontent ul li {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.celebrate .rightcontent.runbecomeul ul {
    list-style: disc;
    padding-left: 20px;
    margin: 24px 0;
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.endsection {
    float: left;
    width: 100%;
}
.endsection img {
	margin: 0 auto;
    width: 100%;
}
.endsection img.desktop {
	display: block;
}
.endsection img.mobile {
	display: none;
}
.turning {
	float: left;
	width: 100%;
	padding: 80px 150px;
	background: #FFF;
}
.turning .sitecontainer {
	display: flex;
	align-items: center;
}
.turning .leftcontent {
	float: left;
	width: 50%;
	padding-right: 30px;
}
.turning .leftcontent h2 {
	color: #080808;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
}
.turning .leftcontent p {
	margin-top: 24px;
	margin-bottom: 20px;
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.turning .leftcontent .listorder{
	float: left;
	width: 100%;
}
.turning .leftcontent ol {
	padding-left: 20px;
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin: 0;
}
.turning .leftcontent .btnsign{
	float: left;
	width: 100%;
	margin-top: 44px;
}
.turning .leftcontent .btnsign a {
	display: inline-block;
	border-radius: 29px;
	border: 2px solid #741FA2;
	padding: 15px 40px;
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.turning .leftcontent .btnsign a:hover {
	background-color: #f1e9f6;
}
.turning .leftcontent .easysteps {
    float: left;
    width: 100%;
    margin-top: 24px;
}
.turning .leftcontent .box {
    display: flex;
    align-items: center;
    gap: 16px;
}
.turning .leftcontent .box .image {
    width: 9%;
}
.turning .leftcontent .box .conent {
    width: 91%;
}
.turning .leftcontent .box .conent p {
    font-family: Mulish;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #080808;
    margin: 20px 0;
}
.turning .rightimg{
	float: left;
	width: 50%;
	padding-left: 30px;
}

.whystay {
	float: left;
	width: 100%;
	padding: 80px 150px;
	background: #FFF;
	text-align: center;
}
.whystay h2 {
    color: #080808;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
	margin-bottom: 40px;
}
.whystay .mainbox {
    display: flex;
    gap: 40px;
    justify-content: center;
}
.whystay .mainbox .item .imgbox{
    padding: 0 22.5px 16px 22.5px;
}
.whystay .mainbox .item p {
    font-family: Mulish;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #080808;
}
.whystay .mainbox .item span {
    font-family: Mulish;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #741FA2;
}
.celebrate.campaign .leftimg .maintwopart {
	margin-top: 0;
}
.celebrate.campaign .leftimg .maintwopart .leftimgtwo img.leftinner {
    margin-bottom: 0px;
}
.celebrate.campaign .leftimg .singalimg {
	margin-top: 16px;
}
.celebrate.campaign .rightcontent h5 {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 24px;
	margin-bottom: 20px;
}
.celebrate.campaign .rightcontent ul {
    margin: 20px 0;
    list-style: disc;
    padding-left: 22px;
}
.turning.expanding .leftcontent p {
    margin-bottom: 0px;
}
.turning.expanding .rightimg .rightinner {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}
.turning.expanding .rightimg .rightinner .leftimg {
	float: left;
	width: 50%;
	padding-right: 8px;
}
.turning.expanding .rightimg .rightinner .content {
	float: left;
	width: 50%;
	padding-left: 8px;
}
.turning.expanding .rightimg .rightinner .content h3 {
	color: #080808;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 10px;
}
.turning.expanding .rightimg .rightinner .content p {
	color: #767676;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
.turning.expanding .rightimg .rightinner:last-child {
	margin-bottom: 0;
}

.transcend {
	float: left;
	width: 100%;
}
.transcend .transcendleft {
	float: left;
	width: 50%;
}
.transcend .transcendright {
	float: left;
	width: 50%;
	background: #E9F9F7;
	padding: 80px 150px;
}
.transcend .transcendright h2 {
	color: #080808;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
	margin-bottom: 24px;
}
.transcend .transcendright p {
	color: #080808;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 60px;
}
.transcend .transcendright .btncelebrating {
	float: left;
	width: 100%;
}
.transcend .transcendright .btncelebrating a {
	display: inline-block;
	border-radius: 29px;
	background: #21C7AD;
	padding: 15px 40px;
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.transcend .transcendright .btncelebrating a:hover {
	background-color: #108D79;
}


.allinone {
	float: left;
	width: 100%;
	padding: 40px 150px;
	background: #FFF;
}
.allinone .allinoneinner {
	float: left;
	width: 100%;
	padding: 76px 54px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
    align-items: center;
}
.allinone .allinoneinner .leftheading {
	float: left;
	width: 38%;
	padding-right: 30px;
}
.allinone .allinoneinner .leftheading h2 {
	color: #FFF;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
}
.allinone .allinoneinner .rightptag {
	float: left;
	width: 62%;
	padding-left: 30px;
}
.allinone .allinoneinner .rightptag p {
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.didyouknow {
	float: left;
	width: 100%;
}
.didyouknow .didyouknowinner {
	float: left;
	width: 100%;	
	padding: 34.5px 54px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-size: cover;
}
.didyouknow .didyouknowinner h2 {
	color: #FFF;
	text-align: center;
	font-family: Mulish;
	font-size: 36px;
	font-style: normal;
	font-weight: 800;
	line-height: 45px;
	margin-bottom: 30px;
}
.didyouknow .didyouknowinner .leftside {
	float: left;
	width: 50%;
	border-right: 1px solid #FFFFFF80;
}
.didyouknow .didyouknowinner h3{
	color: #FFF;
	text-align: center;
	font-family: Mulish;
	font-size: 36px;
	font-style: normal;
	font-weight: 800;
	line-height: 45px;
	margin-bottom: 5px;
}
.didyouknow .didyouknowinner p {
	color: #FFF;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.didyouknow .didyouknowinner .rightside {
	float: left;
	width: 50%;
}
.celebrate.easyto .rightcontent p {
	margin: 24px 0;
}
.celebrate.easyto .rightcontent a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-decoration-line: underline;
}
.turning.expanding.become .leftcontent {
    float: left;
    width: 55%;
    padding-right: 60px;
}
.turning.expanding.become .rightimg{
	float: left;
	width: 50%;
	padding: 50px 29px;
	border-radius: 10px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
}
.turning.expanding.become .rightimg .rightinner {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #F4F4F4;
}
.turning.expanding.become .rightimg .rightinner:last-child {
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 0;
}
.turning.expanding.become .rightimg .rightinner .leftimg {
	width: 17%;
	padding-right: 10px;
}
.turning.expanding.become .rightimg .rightinner .content {
	width: 87%;
	padding-left: 10px;
}
.transcend.gobeyond {
    float: left;
    width: 100%;
    background: #E9F9F7;
    display: flex;
    align-items: center;
}
.groupon {
	float: left;
	width: 100%;
	padding: 134px 157px;
	background-size: cover;
	background-repeat: no-repeat;
}
.groupon .sitecontainer {
	display: flex;
	align-items: center;
}
.groupon .leftside {
	float: left;
	width: 50%;
	padding-right: 30px;
}
.groupon .rightside {
	float: left;
	width: 50%;
	padding-left: 30px;
}
.groupon .rightside h2{
	color: #FFF;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
	margin-bottom: 24px;
}
.groupon .rightside p {
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.thetools {
	float: left;
	width: 100%;
	padding: 40px 150px;
	background: #FFF;
}
.thetools .sitecontainer {
	display: flex;
	align-items: center;
}
.thetools .leftcontent {
    float: left;
    width: 55%;
    padding-right: 60px;
}
.thetools .leftcontent h2 {
	color: #080808;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
	margin-bottom: 24px;
}
.thetools .leftcontent p {
	margin-bottom: 24px;
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.thetools .leftcontent  a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-decoration-line: underline;
}
.thetools .rightimg{
	float: left;
	width: 50%;
	padding: 50px 29px;
	border-radius: 10px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
}
.thetools .rightimg .rightinner {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #F4F4F4;
}
.thetools .rightimg .rightinner .leftimg {
	float: left;
	width: 17%;
	padding-right: 10px;
}
.thetools .rightimg .rightinner .content {
	float: left;
	width: 87%;
	padding-left: 10px;
}
.thetools .rightimg .rightinner .content h3 {
	color: #080808;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 10px;
}
.thetools .rightimg .rightinner .content p {
	color: #767676;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
.thetools .rightimg .rightinner:last-child {
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 0;
}
.business {
	float: left;
	width: 100%;
	padding: 80px 150px;
	text-align: center;
}
.business h2 {
	color: #080808;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
	margin-bottom: 24px;
}
.business p {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 24px;
}
.business a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-decoration-line: underline;
}
.whatgroupon {
	float: left;
	width: 100%;
	padding: 40px 150px;
	text-align: center;
}
.whatgroupon h2 {
	color: #080808;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
	margin-bottom: 24px;
}
.whatgroupon p {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 32px;
}
.whatgroupon .imgandcont {
	float: left;
	width: 100%;
}
.whatgroupon .imgandcont .boxfram {
	float: left;
	width: 50%;
	padding-right: 11px;
	text-align: right;
}
.whatgroupon .imgandcont .content {
	float: left;
	width: 50%;
	padding-left: 11px;
}
.whatgroupon .imgandcont .content h4 {
	text-align: left;
	color: #000;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.3px;
}
.whatgroupon .imgandcont .content p {
	text-align: left;
	margin-bottom: 0;
	margin-top: -2px;
	color: #000;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 25.04px;
}
.didtraveldestinations {
	float: left;
	width: 100%;
	padding: 40px 150px 80px 150px;
}
.didtraveldestinations .didtravelinner {
	float: left;
	width: 100%;	
	padding: 59.5px 54px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-size: cover;
}
.didtraveldestinations .didtravelinner h2 {
	color: #FFF;
	text-align: center;
	font-family: Mulish;
	font-size: 36px;
	font-style: normal;
	font-weight: 800;
	line-height: 45px;
	margin-bottom: 30px;
}
.didtraveldestinations .didtravelinner p {
	color: #FFF;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.whyitmatters {
    float: left;
    width: 100%;
    padding: 84px 157px;
    background-size: cover;
    background-repeat: no-repeat;
}
.whyitmatters .sitecontainer {
	display: flex;
	align-items: center;
}
.whyitmatters .leftside {
	float: left;
	width: 50%;
	padding-right: 30px;
}
.whyitmatters .rightside {
	float: left;
	width: 50%;
	padding-left: 30px;
}
.whyitmatters .rightside h2{
	color: #FFF;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
	margin-bottom: 24px;
}
.whyitmatters .rightside ol {
    margin: 0;
    padding-inline-start: 20px;
}
.whyitmatters .rightside ol li {
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.howbbdestinations {
	float: left;
	width: 100%;
	padding: 80px 150px;
	background: #FFF;
}
.howbbdestinations .sitecontainer {
	display: flex;
	align-items: center;
}
.howbbdestinations .leftimg {
	float: left;
	width: 50%;
    padding-right: 30px;
}
.howbbdestinations .leftimg .singalimg {
	float: left;
	width: 100%;
}
.howbbdestinations .rightcontent {
	float: left;
	width: 50%;
	padding-left: 30px;
}
.howbbdestinations .rightcontent h2 {
	color: #080808;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
}
.howbbdestinations .rightcontent p {
	margin-top: 24px;
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
/* Why Birthday Bennies end */


/* Contact-us page */
.contactus {
	float: left;
	width: 100%;
	padding: 80px 0;
	background: #F4F4F4;
}
.contactus .formcontentbg {
	float: left;
	width: 100%;
	background: #FFF;
	padding: 40px;
	display: flex;
	gap: 50px;
	align-items: flex-start;
}
.contactus .formcontentbg .leftfrom {
	float: left;
	width: 50%;
}

.contactus .leftfrom .fieldmain {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    column-gap: 16px;
}
.contactus .leftfrom .field {
    float: left;
    width: 50%;
}
.contactus .leftfrom label {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 4px;
}
.contactus .leftfrom .fieldmessage {
	float: left;
	width: 100%;
}
.contactus .leftfrom .fieldmessage label {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 4px;
}
.contactus .leftfrom .fieldmessage textarea {
	border: none;
	border-radius: 4px;
	background-color: #F4F4F4;
	color: #BEBEBE;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;	
}
.contactus .leftfrom .fieldmessage textarea.form-control {
	outline: none;
	padding: 15px 20px;
	color: #000;
	box-shadow: none;
}
.contactus .leftfrom .field input,
.contactus .leftfrom .field select {
    width: 100%;
    margin: 0;
    border-radius: 4px;
    padding: 12px 20px;
    background: #F4F4F4;
    color: #000;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    border: none;
    line-height: 24px;
}
.contactus .leftfrom .fieldselectbox {
	float: none;
	width: 100%;

}

.contactus .formcontentbg .rightcontent {
	float: left;
	width: 50%;
}
.contactus .rightcontent .heading {
	float: left;
	width: 100%;
}
.contactus .heading h3 {
	color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 40px;
}
.contactus .rightcontent .heading p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 60px;
}
.contactus .rightcontent .heading span {
	float: left;
	width: 100%;
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding-bottom: 16px;
}
.contactus .rightcontent .heading span a {
	color: #741FA2;
	padding-left: 12px;
}
.contactus .rightcontent .heading span a:hover{
	text-decoration: underline;
}
.contactus .rightcontent .heading span a.defultcol {
	color: #080808;
	text-decoration: none;
}
.contactus .button {
    float: none;
    margin-top: 40px;
    text-align: center;
    max-width:200px;
}

.contactus-thank{
	float: left;
	width: 100%;
	background-color: #F4F4F4;
	padding: 80px 0;
}
#contactus-thank{
    display:none;
}
.header.header-2 .navmenus ul li.register.merchantpage a {
    background: #741FA2 !important;
    color: #fff !important;
    padding: 15px 40px;
   
}
.header .navmenus ul.listofmenu{
    column-gap:10px;
}
.contactus-thank .contactustank-inner{
	display: flex;
	max-width: 754px;
	padding: 40px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 30px;
	flex-shrink: 0;
	margin: 0 auto;	
	background: #FFFfff;
}
.contactus-thank .contactustank-inner h2{
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
}
.contactus-thank .contactustank-inner p{
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.contactus-thank .contactustank-inner .button a{
    border-radius: 29px;
    border: 2px solid #741FA2;
    padding: 15px 40px;
    color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	display: inline-block;
}
.contactus-thank .contactustank-inner .button a:hover {
	background-color: rgb(241, 233, 246);
}

/* faq-page start */
.faq-page {
	background: #F4F4F4;
}
.faq-page .sitecontainer{
	display: flex;
	gap:30px;
}
.faq-page .left{
	float: left;
	width: 70%;
}
.faq-page .left .faqsitems{
	background-color: #ffffff;
	border-radius: 10px;
}
.faq-page .left .heading-div{
	padding: 24px 20px 24px 20px;
	border-bottom: 1px solid #F4F4F4;
}
.faq-page .left h5{
	color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.faq-page .left .accordion{
	padding: 24px 24px 0 24px;
}
.faq-page .left .faq-ques {
    background: #FFF;
    margin-top: 20px;
    float: left;
    width: 100%;
    border-radius: 10px;
}
.faq-page .left .faq-ques .card {
    border-radius: 10px;
    border: none;
}
.faq-page .left .faq-ques .card button.collapsed::after {
	content: "";
    background-image: url(../images/faq-check-arrow.svg);
    height: 100%;
    width: 33px;
    position: absolute;
    right: 0px;
    background-repeat: no-repeat;
    top: 22px;
}
.faq-page .left .faq-ques .card .card-header{
	padding: 0;
	background-color: #ffffff;
	border-bottom: none;
	position:relative;
}
.faq-page .left .faq-ques .card button.btn.btn-link {
    padding: 20px;
    color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	width: 100%;
    text-align: justify;
    text-decoration: none;
    border-bottom: 1px solid #F4F4F4;
}
.faq-page .left .faq-ques .card button::after {
	content: "";
    background-image: url(../images/faq-check-arrow-1.svg);
    height: 100%;
    width: 33px;
    position: absolute;
    right: 0px;
    background-repeat: no-repeat;
    top: 22px;
}
.faq-page .right{
	float: left;
	width: 30%;
}
.faq-page .right .right-inner{
	padding: 20px;
	background: #FFFfff;
	border-radius: 10px;
}
.faq-page .right .right-inner h4{
	color: #741FA2;
	font-family: Mulish;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	padding: 0 0 20px 0;
}
.faq-page .right .right-inner .image-div {
    display: grid;
    grid-template-columns: 47.5% 47.5%;
    grid-gap: 16px;
}
.faq-page .right .right-inner a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	text-decoration-line: underline;
	margin-top: 20px;
}
.faq-page .form-div .fieldmain {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    column-gap: 16px;
}
.faq-page .form-div .fieldmain .field {
    float: left;
    width: 50%;
}
.faq-page .form-div .fieldmain .field input, .form-div .fieldmain .field select, .form-div .fieldmain .fieldmessage textarea.form-control {
    width: 100%;
    margin: 0;
    border-radius: 4px;
    padding: 12px 20px;
    background: #F4F4F4;
    color: #BEBEBE;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    border: none;
    line-height: 24px;
}
.faq-page .form-div .fieldmain .field input:focus,
.form-div .fieldmain .field select:focus, 
.form-div .fieldmain .fieldmessage textarea.form-control:focus {
    outline: none;
    border: none;
    box-shadow: none;
}
.faq-page .form-div .fieldmain .fieldmessage{
	width: 100%;
}
.faq-page .form-div .fieldselectbox{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 60px;
}
.faq-page .form-div .button [type="submit"]{
	width: auto;
	display: block;
}
/* faq-page end */

/* support-portal */
.herobanner.support {
    float: left;
    width: 100%;
    padding: 80px 0;
    background-color: #F4F4F4;
}
.herobanner.support h1 {
    color: #741FA2;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
	text-align: center;
}
.herobanner.support .bannersearch {
    float: left;
    width: 100%;
    padding-top: 30px;
}
.herobanner.support .helpyou {
	float: left;
	width: 100%;
	padding-top: 50px;
}
.herobanner.support .helpyou .helpyoulist {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-column-gap: 30px;
	grid-row-gap: 30px; 
}
.herobanner.support .helpyou .helpyoulist .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 16px;
    background-color: #FFF;
    border: 1px solid #F4F4F4;
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
}
.herobanner.support .helpyou .helpyoulist .item a {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.herobanner.support .helpyou .helpyoulist .item a:hover {
	text-decoration: underline;
	font-weight: 400;
}
.herobanner.support .helpyou .helpyoulist .item span{
	border-left: 1px solid #F4F4F4;
	padding: 17px 0px 17px 16px;
}

.herobanner .bannersearch .searchbox .button.desktop{
	display: block;
}
.herobanner .bannersearch .button.mobile{
	display: none;
}

/* support-portal end */

/* support-portal-datile start */
.howcandatile {
	float: left;
    width: 100%;
    padding: 50px 0 60px 0;
    background-color: #F4F4F4;
}
.howcandatile .helpyoulist {
	float: left;
	width: 100%;
	display: flex;
	column-gap: 30px;
}
.howcandatile .helpyoulist .leftdetaile {
    float: left;
    width: 70%;
    border-radius: 10px;
    background: #FFF;
    display: flex;
    padding: 30px;
    flex-direction: row;
    align-items: center;
    gap: 30px;
    flex: 1 0 0;
    flex-wrap: wrap;
}
.howcandatile .helpyoulist .leftdetaile h2 {
	color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-weight: 700;
}
.howcandatile .helpyoulist .leftdetaile .content h3 {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 11px;
}
.howcandatile .helpyoulist .leftdetaile .content p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.howcandatile .helpyoulist .leftdetaile .content p a {
	color: #741FA2;
	text-decoration-line: underline;
}
.howcandatile .helpyoulist .rightlist {
	float: left;
	width: 30%;
	padding: 15px 15px 25px 15px;
	border-radius: 10px;
	background: #FFF;
	height: 100%;
}
.howcandatile .helpyoulist .rightlist h4 {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 156.5%;
	margin-bottom: 20px;
}
.howcandatile .helpyoulist .rightlist a {
	margin-bottom: 5px;
	float: left;
	width: 100%;
	color: #767676;
	font-family: Mulish;
	font-size: 14px;
	font-weight: 400;	
	line-height: 145.5%;
}
.howcandatile .helpyoulist .rightlist a.active {
	margin-bottom: 13px;
	color: #741FA2;
	font-size: 16px;
	font-weight: 700;
}
/* support-portal-datile end */
/* privacypolicy & terms-of-service start */
.privacypolicy {
	float: left;
	width: 100%;
	display: flex;
	padding: 50px 0px 60px 0px;
	justify-content: center;
	align-items: flex-start;
	gap: 30px;
	background: #F4F4F4;
}
.privacypolicy .box {
	display: flex;
	padding: 30px;
	flex-direction: column;
	gap: 30px;
	border-radius: 10px;
	background: #FFF;
}
.privacypolicy .box h2 {
	color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-weight: 700;
}
.privacypolicy .box p {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 25.04px;
}
/* privacypolicy & terms-of-service end */

/* createpwd */
.createpwd {
    float: left;
    width: 100%;
    background-color: #F4F4F4;
    padding: 80px 0;
}
.createpwd .createpwd-inner {
    display: flex;
    max-width: 754px;
    padding: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
    margin: 0 auto;
    background: #FFFfff;
    border-radius: 10px;
}
.createpwd .createpwd-inner h4 {
	padding-top: 10px;
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}
.createpwd .createpwd-inner h5 {
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.createpwd .createpwd-inner p {
	color: #767676;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding-bottom: 10px;
}
.createpwd .createpwd-inner .button a {
	padding: 15px 40px;
	border-radius: 29px;
	background: #741FA2;
	display: inline-block;
	color: #FFF;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.createpwd .createpwd-inner .button a:hover {
	background: #D5BCE3;
}
.createpwd.success .createpwd-inner h5 {
    font-weight: 700;
}
.createpwd.success .createpwd-inner p {
	color: #080808;
}


.createpwd.emptyfiled .createpwd-inner h4 {
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 24px;
	font-weight: 700;
	padding: 0;
}
.createpwd.emptyfiled .createpwd-inner p {
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.createpwd.emptyfiled .createpwd-inner .newpwd {
	float: left;
	width: 100%;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .field {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .field label {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 4px;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .field input {
    width: 100%;
    margin: 0;
    border-radius: 4px;
    padding: 12px 20px;
    background: #F4F4F4;
    color: #000;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    border: none;
    line-height: 24px;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .field input:focus {
    border: 1px solid #741FA2 !important;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .button .submitbtn {
    width: 100%;
    border-radius: 29px;
    background: #741FA2;
    padding: 15px 40px;
    color: #FFF;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    border: none;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .button .submitbtn:hover{
	background-color: rgba(93, 25, 130, 1);
}
.createpwd.emptyfiled .createpwd-inner .newpwd .button {
	float: left;
	width: 100%;
	margin: 10px 0 30px 0;
}
.createpwd.emptyfiled .createpwd-inner .newpwd p {
	color:  #767676;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding-bottom: 0;
}
.createpwd.emptyfiled .createpwd-inner .newpwd p a{
	color:  #741FA2;
	text-decoration-line: underline;
}
/* 29-11-2023 */
.createpwd .createpwd-inner span {
	color:  #767676;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding-bottom: 0;
}
.createpwd .createpwd-inner span a{
	color:  #741FA2;
	text-decoration-line: underline;
}
.createpwd.emailcheck {
	float: left;
	width: 100%;
	padding: 240.234px 343px 540.23px 343px;
}
.createpwd.emailcheck .button {
	float: left;
	width: 100%;
}
.createpwd.emailcheck .button a {
	width: 100%;
	text-align: center;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .button .btnloginfb {
    width: 100%;
    border-radius: 29px;
    background: #FFF;
    padding: 10px 16px;
    color: #344054;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
	border: 1px solid #D0D5DD;
	background: #FFF;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
	font-family: Inter;
	text-align: center;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .button .btnloginfb img{
	padding-right: 12px;
}
.createpwd.emptyfiled .createpwd-inner .newpwd p a.login {
    text-decoration-line: none;
}
.createpwd.emptyfiled .createpwd-inner .newpwd p a.login:hover {
	text-decoration: underline;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .remembermain {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .remember {
    float: left;
    display: flex;
    align-items: center;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .remember label {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 0;
	padding-left: 12px;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .remembermain .loginforgot {
    float: right;
    text-align: right;
    display: flex;
    align-items: center;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .remembermain .loginforgot a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .remembermain .loginforgot a:hover{
	text-decoration: underline;
}
.createpwd.emptyfiled .createpwd-inner .iagreeto {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.createpwd.emptyfiled .createpwd-inner .iagreeto label {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 0;
	padding-left: 12px;
}
.createpwd.emptyfiled .createpwd-inner .iagreeto a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.createpwd.emptyfiled .createpwd-inner .iagreeto a:hover {
	text-decoration: underline;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .fieldmain {
	float: left;
	width: 100%;
	display: flex;
	gap:20px;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .fieldmain .field {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
.createpwd.signup .createpwd-inner .button {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.createpwd.signup .createpwd-inner .button a {
    width: 100%;
}
.createpwd.signup .createpwd-inner h3 {
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 24px;
	font-weight: 700;
	margin-top: 10px;
}
.createpwd.signup .createpwd-inner h6 {
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.createpwd.signup .createpwd-inner p {
	color: #767676;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.createpwd .createpwd-inner .button.btnresend {
	float: left;
	width: 100%;
	text-align: center;
}
.createpwd .createpwd-inner .button.btnresend a{
	width: 100%;
}
.createpwd.heading .createpwd-inner h4 {
    padding-top: 8px;
    color: #080808;
    text-align: center;
    font-family: Mulish;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}

.footer .widgetitems {
    float: left;
    width: 100%;
    display: none;
}
.footer .widgetitems .card .card-header {
	padding: 15px 20px;
	background-color: transparent;
}

.footer .widgetitems .card button.btn.btn-link {
	width: 100%;
	text-align: left;
	padding: 0px;
    margin-bottom: 0 !important;
	border: none;
	font-weight: 400;
    color: #080808;
    text-decoration: none;
    border-radius: 4px;
    background-color: transparent;
    font-size: 16px;
    line-height: 24px;
    font-family: Mulish;
    outline: none;
}
.footer .widgetitems .accordion > .card {
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 4px;
	border: 1px solid #F4F4F4;
}
.footer .widgetitems .card button.collapsed::after {
    background-image: url('../images/chewron-down.svg');
}
.footer .widgetitems .card button::after {
    content: "";
    background-image: url('../images/chewron-down.svg');
    height: 100%;
    width: 56px;
    position: absolute;
    right: -15px;
    background-repeat: no-repeat;
    top: 15px;
    overflow: hidden;
}
.createpwd.emptyfiled .createpwd-inner.subscribe h4 {
    color: #080808;
    text-align: center;
    font-family: Mulish;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    padding: 0;
}
.createpwd.emptyfiled .createpwd-inner.subscribe img {
	padding-bottom: 10px;
}
.createpwd.emptyfiled .createpwd-inner.subscribe .newpwd .button {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .button .nothankbtn {
	float: left;
    width: 100%;
    border-radius: 29px;
    background: #FFFFFF;
    padding: 15px 40px;
    color: #741FA2;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
	border: 2px solid #741FA2;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .button .nothankbtn:hover {
	background-color: #f1e9f6;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .twobutton {
	float: left;
	width: 100%;
	display: flex;
	gap:10px;
	flex-direction: column;
}
.createpwd.emptyfiled .createpwd-inner.subscribe p{
	padding-bottom: 0;
}
/* popup code1 */
.popupcode {
	float: left;
	width: 100%;
	/*background-color: #F4F4F4;*/
    padding: 80px 0;
}
.popupcode .codeinner {
	display: flex;
    max-width: 754px;
    padding: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 0 auto;
    background: #FFFfff;
}
.popupcode .codeinner h3 {
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 24px;
	font-weight: 700;
}
.popupcode .codeinner p {
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.popupcode .codeinner p a {
	color: #741FA2;
	text-decoration-line: underline;
}
.popupcode .codeinner .btnshow {
	float: left;
	width: 100%;
	margin: 20px 0;
	text-align: center;
}
.popupcode .codeinner .btnshow a {
	background-image: url(../images/showcouponbg.png);
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	padding: 15px 85px;
}
.popupcode .codeinner .btnshow a:hover {
    background-color: rgba(93, 25, 130, 1);
    background-image: url(../images/showcoupungbg.png);
}
.popupcode .codeinner .didhelp {
	float: left;
	width: 100%;
	text-align: center;
}
.popupcode .codeinner .didhelp p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 24px;
}
.popupcode .codeinner .didhelp a {
	border: 1px solid #F4F4F4;
	background: #FFF;
	padding: 8px 16px;
	color: #11D577;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.popupcode .codeinner .didhelp a:hover {
	background-color: #f1e9f6;
}
.popupcode .codeinner .didhelp a span {
	padding-left: 10px;
}
.popupcode .codeinner .didhelp .didhelpinner {
    margin: 0 auto;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.popupcode .codeinner .didhelp a.redcol {
	color: #EB0504;
}
.popupcode .codeinner .button a {
	padding: 15px 40px;
	border-radius: 29px;
	background: #741FA2;
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.popupcode .codeinner .button a:hover {
	background-color: rgba(93, 25, 130, 1);
}
.popupcode .codeinner .button a img {
	padding-right: 10px;
}

.howtoclaim {
	float: left;
	width: 100%;
	background-color: #F4F4F4;
    padding: 80px 0;
}
.howtoclaim .howtoclaiminner {
	display: flex;
    max-width: 754px;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    margin: 0 auto;
    background: #FFFfff;
}
.howtoclaim .howtoclaiminner h3 {
	margin-bottom: 24px;
	color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-weight: 700;
}
.howtoclaim .howtoclaiminner p {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.howtoclaim .howtoclaiminner ul {
	list-style-type: disc;
	padding-left: 25px;
}
.howtoclaim .howtoclaiminner li {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding-bottom: 2px;
}
.howtoclaim .howtoclaiminner .btnclaim {
	float: left;
	width: 100%;
}
.howtoclaim .howtoclaiminner .btnclaim a {
	display: inline-block;
	border-radius: 29px;
	background: #741FA2;
	padding: 15px 40px;
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.createpwd.emptyfiled .createpwd-inner img {
	padding-bottom: 10px;
}
.createpwd.emptyfiled .createpwd-inner .newpwd img {
	padding-bottom: 0px;
}
.createpwd .newpwd .field textarea.form-control {
    outline: none;
    padding: 15px 20px;
    color: #000;
    box-shadow: none;
}
.createpwd .newpwd .field textarea {
    border: none;
    border-radius: 4px;
    background-color: #F4F4F4;
    color: #BEBEBE;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.createpwd.emptyfiled .createpwd-inner .newpwd .button.friend {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
}
.createpwd.emptyfiled .createpwd-inner .newpwd.popuplogin .button {
    float: left;
    width: 100%;
    margin: 10px 0px 20px 0px;
}

.popuplocation {
    float: left;
    width: 100%;
    background-color: #F4F4F4;
    padding: 80px 0;
}
.popuplocation .popuplocation-inner {
    display: flex;
    max-width: 754px;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
    margin: 0 auto;
    background: #FFFfff;
}
.popuplocation .map {
	display: flex;
	align-items: center;
	justify-content: center;
}
.popuplocation .map iframe {
	float: left;
	width: 754px;
	height: 341px;
}
.popuplocation .popuplocation-inner .locationmain {
    float: left;
    width: 100%;
}
.popuplocation .popuplocation-inner .location {
    float: left;
    display: flex;
    align-items: center;
}
.popuplocation .popuplocation-inner .location img {
	padding-right: 20px;
}
.popuplocation .popuplocation-inner .location .content{
	float: left;
	width: 100%;
}
.popuplocation .popuplocation-inner .location .content h5 {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 4px;
}
.popuplocation .popuplocation-inner .location .content p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.popuplocation .popuplocation-inner .locationmain .closeright {
    float: right;
    text-align: right;
    display: flex;
    align-items: center;
}
.popuplocation .popuplocation-inner .locationmain .closeright p {
	color: #EB0504;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.popuplocation .popuplocation-inner .locationmain .closeright p span {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.popuplocation .popuplocation-inner .location .content p.mobile {
	display: none;
}
.popuplocation .popuplocation-inner .locationmain .closeright p.desktop {
	display: block;
}
.popuplocation .popuplocation-inner .callandweb {
	float: left;
	width: 100%;
}
.popuplocation .popuplocation-inner .callandweb img {
	padding-right: 10px;
}
.popuplocation .popuplocation-inner .callandweb p a.call {
	padding-right: 30px;
}
.popuplocation .popuplocation-inner .callandweb p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.popuplocation .popuplocation-inner .callandweb a.site {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.popuplocation .popuplocation-inner .showhide {
	float: left;
	width: 100%;
}
.popuplocation .popuplocation-inner .showhide p {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.popuplocation .popuplocation-inner .showhide p a:hover {
	text-decoration: underline;
}
.popuplocation .popuplocation-inner .showhide p img {
	padding-right: 10px;
}
.popuplocation .popuplocation-inner .showhide ul {
}
.popuplocation .popuplocation-inner .showhide ul li {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding-bottom: 16px;
}
.popuplocation .popuplocation-inner .showhide ul li span {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding-left: 8px;
}
.popuplocation .popuplocation-inner .showhide .dayhover {
	padding-left: 38px;
	margin-top: -26px;
}

/* blog page start */
.blog-section {
	float: left;
	width: 100%;
	padding: 80px 0;
	background: #F4F4F4;
}
.blog-section .sitecontainer{
	display: flex;
	column-gap: 30px;
}
.blog-section .left{
	float: left;
	width: 66%;
}
.blog-section .left .blog-inner{
	background-color: #ffffff;
	margin-bottom: 30px;
	border-radius: 4px;
}
.blog-section .left .blog-inner img{
	border-radius: 4px;
	width: 100%;
}
.blog-section .left .content{
	padding: 30px;
	background: #FFF;	
}
.blog-section .left .read-more a{
	border-radius: 29px;
	border: 2px solid #741FA2;
	padding: 15px 40px;
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}
.blog-section .left .content h3{
	color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 12px;
}
.blog-section .left .content p{
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.blog-section .left .read-more {
    text-align: right;
    padding: 16px 30px;
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
}
.blog-section .cat-tag-div .card{
	margin-bottom: 0px;
	border: none;
	box-shadow: none;
	background-color: transparent;
}
.blog-section .cat-tag-div .accordion {
    margin-top: -70px;
}
.blog-section .cat-tag-div .card button{
	float: left;
	width: 30%;
	color: rgba(118, 118, 118, 1);
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-decoration: none;
	text-align: left;
	padding: 16px 30px 28px 30px;
	position: relative;
}
.blog-section .cat-tag-div .tag-list a:hover {
    background-color: #21C7AD;
    color: #fff;
}
.blog-section .cat-tag-div .card button::after {
	content: "";
	background-image: url('../images/chewron-up.svg');
	height: 100%;
    width: 37px;
    position: absolute;
    right: 1px;
    background-repeat: no-repeat;
    top: 18px;
}
.blog-section .cat-tag-div .card button.collapsed::after {
	background-image: url('../images/chewron-down.svg');
}
.blog-section .cat-tag-div .card-body{
	padding: 16px 30px; 
}
.blog-section .cat-tag-div .card-body .cat-list {
    display: flex;
    column-gap: 15px;
}
.blog-section .cat-tag-div .cat-list h5{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.blog-section .cat-tag-div .cat-list a{
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; 
	padding-right: 8px;
}
.blog-section .cat-tag-div .card-body .tag-list {
	margin-top: 15px;
    display: flex;
    column-gap: 15px;
    align-items: center;
}
.blog-section .cat-tag-div .tag-list h5{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.blog-section .cat-tag-div .tag-list a{
	color: #21C7AD;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding: 6px 16px;
	margin-right: 8px;
	border-radius: 1000px;
	background: #E9F9F7;
}
.blog-section .left .mainpagination {
    float: left;
    width: 100%;
    text-align: left;
}
.blog-section .left .pagination {
    display: inline-block;
}
.blog-section .left .pagination a {
    color: #080808;
    float: left;
    padding: 9px 13px;
    text-decoration: none;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    background: #FFF;
    margin: 0 5px;
}
.blog-section .left .pagination a:hover {
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
	background: #741FA2;
	color: #FFF;
}
.blog-section .left .pagination .current {
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
	background: #741FA2;
	color: #FFF;
}

.blog-section .right{
	float: left;
	width: 33%;
}
.bolg-side-pannel .searchbox .searchtext {
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 10px;
}
.bolg-side-pannel .widget {
    padding: 20px;
    background-color: #ffffff;
    float: left;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 30px;
}
.bolg-side-pannel .widget label{
	color: #741FA2;
	font-family: Mulish;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 40px;
}
.bolg-side-pannel .searchbox .searchtext input {
    width: 100%;
    color: #BEBEBE;
    background: #F4F4F4;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border: none;
    outline: none;
}
.bolg-side-pannel .searchbox{
	float: left;
    width: 100%;
    border-radius: 100px;
    background: #F4F4F4;
    padding: 10px;
    padding-left: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bolg-side-pannel .searchbox .button button {
    border-radius: 29px;
    background: #741FA2;
    padding: 10px;
   	width: 60px;
    height: 60px;
    border: none;
    color: #FFF;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.bolg-side-pannel .latest-blog .latest-blog-div{
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 20px;
}
.bolg-side-pannel .latest-blog .latest-blog-div:last-child{
	margin-bottom: 0px;
}
.bolg-side-pannel .latest-blog h5{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}
.bolg-side-pannel .latest-blog p{
	color: #767676;
	font-family: Mulish;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	text-transform: uppercase;
}

.blog-section.blog-card2 .left .left-inner .cat-tag-div .tag-list a{
	margin-bottom: 8px;
}
.blog-section.blog-card2 .left .left-inner {
	float: left;
	width: 100%;
	display: grid;
	gap: 30px;
	grid-template-columns: 48% 48%;
}
.blog-section.blog-card2 .left .left-inner .cat-tag-div .card button {
    float: left;
    width: 46%;
    color: #767676;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
    text-align: left;
    padding: 0px 0px 16px 30px;
    position: relative;
}
.blog-section.blog-card2 .left .left-inner .cat-tag-div .card-body .tag-list {
	align-items: flex-start;
}
.blog-section.blog-card2 .left .left-inner .blog-inner{
	background-color: transparent;
	margin-bottom: 30px;
	border-radius: 4px;
}
.blog-section.blog-card2 .content-div {
    background: #FFFFFF;
}
.blog-section.blog-card2 .cat-tag-div .cat-list span {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding-right: 8px;
}
.blog-section.blog-card2 .cat-tag-div .tag-list span {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding-right: 8px;
}
/* blog page end */


/* Blog Category List  */

.blog-category-list{
	float: left;
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #F4F4F4;
}
.blog-category-list .sitecontainer{
	display: flex;
	column-gap: 30px;
}
.blog-category-list .left{
	float: left;
	width: 70%;
}
.blog-category-list .right{
	float: left;
	width: 30%;
}

.blog-category-list .blogcategoryitems{
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 30px;
}
.blog-category-list .blogcategoryitems .item{
	float: left;
	width: 100%;
	background: #FFF; 
	display: flex;
	border-radius: 10px; 
}
.blog-category-list .blogcategoryitems .item .image{
	width: 35%;
}
.blog-category-list .blogcategoryitems .item .image img{
	border-radius: 10px 0 0 10px; 
	width: 100%;
}
.blog-category-list .blogcategoryitems .item .content{
	padding: 20px;
	width: 65%;
	display: flex;
    flex-direction: column;
    justify-content: center;
} 
.blog-category-list .blogcategoryitems .item .content h3{
	color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 10px;
}
.blog-category-list .blogcategoryitems .item .content p{
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.blog-category-list .blogcategoryitems .item .content a{
	display: inline-block;
	border-radius: 29px; 
	padding: 15px 15px; 
	border: 2px solid #741FA2; 
	margin-top: 35px;
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	max-width: 163px;
	text-align: center;
}


.blog-category-list .left .mainpagination {
    float: left;
    width: 100%;
    padding-top: 30px;
    text-align: left;
}
.blog-category-list .left .pagination {
    display: inline-block;
}
.blog-category-list .left .pagination a {
    color: #080808;
    float: left;
    padding: 9px 13px;
    text-decoration: none;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    background: #FFF;
    margin: 0 5px;
}
.blog-category-list .left .pagination a:hover {
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
	background: #741FA2;
	color: #FFF;
}
.blog-category-list .left .pagination .current {
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
	background: #741FA2;
	color: #FFF;
}


.blog-side-pannel .widget{
	float: left;
	width: 100%;
	background: #FFF; 
	border-radius: 10px; 
	padding: 20px;
	margin-bottom: 30px;
}
.blog-side-pannel .widget .widgetlabel{
	float: left;
	width: 100%;
	color: #741FA2;
	font-family: Mulish;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 30px;
}
.blog-side-pannel .widget.search form{
	float: left;
	width: 100%;
	position: relative;
}
.blog-side-pannel .widget.search input{
	float: left;
	width: 100%;
	padding: 20px 60px 20px 50px; 
	background: #F4F4F4; 
	border: none;
	border-radius: 100px; 
	color: #BEBEBE;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.blog-side-pannel .widget.search .searchtxticon{
	position: absolute;
	left: 15px;
	top: 20px;
}
.blog-side-pannel .widget.search button{
	position: absolute;
	right: 10px;
	top: 10px;
	border-radius: 50%;
	width: 45px; 
	height: 45px; 
	background: #741FA2; 
	border: none;
}
.blog-side-pannel .widget.search button img{
    position: relative;
    bottom: 2px;
    left: 1px;
}
.blog-section .right.blog-side-pannel.mobile{
	display: none;
}
.blog-side-pannel .widget.search.desktop{
	display: block;
}
.blogarticlesdetails .right.blog-side-pannel.mobile{
	display: none;
}
.blog-category-list .right.blog-side-pannel.mobile{
	display: none;
}
.blog-side-pannel .widget.latestblog .ltblogitems{
	float: left;
	width: 100%;
}
.blog-side-pannel .widget.latestblog .ltblogitems .item{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.blog-side-pannel .widget.latestblog .ltblogitems .item:last-child{
	margin-bottom: 0;
}
.blog-side-pannel .widget.latestblog .ltblogitems .item h3{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin-top: 16px;
	margin-bottom: 10px;
}
.blog-side-pannel .widget.latestblog .ltblogitems .item span{
	color: #767676;
	font-family: Mulish;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	text-transform: uppercase;
}
.blog-side-pannel .widget.blgcat ul li{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.blog-side-pannel .widget.blgcat ul li:last-child{
	margin-bottom: 0;
}
.blog-side-pannel .widget.blgcat ul li a{
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.blog-side-pannel .widget.newslaterform .emailform{
	float: left;
	width: 100%;
}
.blog-side-pannel .widget.newslaterform .emailform p{
	float: left;
	width: 100%;
	color:#080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 20px;
}
.blog-side-pannel .widget.newslaterform .emailform form{
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}
.blog-side-pannel .widget.newslaterform .emailform input[type="text"],
.blog-side-pannel .widget.newslaterform .emailform input[type="email"],.blog-side-pannel .widget.newslaterform .emailform input[type="date"],
.blog-side-pannel .widget.newslaterform .emailform select{
	float: left;
	width: 100%;
	padding: 15px 20px; 
	border-radius: 4px; 
	background: #F4F4F4; 
	border: none;
}
.blog-side-pannel .widget.newslaterform .emailform input[type="submit"]{
	float: left;
	width: 100%;
	background: #21C7AD; 
	border-radius: 29px; 
	padding: 15px 40px; 
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin-top: 5px;
}
.blog-side-pannel .widget.cattags .tagslist{
	float: left;
	width: 100%;
} 
.blog-side-pannel .widget.cattags .tagslist ul{
	display: flex;
	flex-wrap: wrap;
	row-gap: 10px;
	column-gap: 10px;
}
.blog-side-pannel .widget.cattags .tagslist ul li{
	display: inline-block;
	padding: 6px 16px; 
	border-radius: 1000px; 
	background: #E9F9F7; 
	color: #21C7AD;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.blog-side-pannel .widget.cattags .tagslist ul li:hover{
	background: #21C7AD; 
	color: #FFF;
}

/* Blog Article  */

.blogarticlesdetails{
	float: left;
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #F4F4F4;
}
.blogarticlesdetails .sitecontainer{
	display: flex;
	column-gap: 30px;
}
.blogarticlesdetails .left{
	float: left;
	width: 70%;
}
.blogarticlesdetails .right{
	float: left;
	width: 30%;
}

.blogarticlesdetails .articledetails{
	float: left;
	width: 100%;
	border-radius: 10px;
	background: #FFF;  
}
.blogarticlesdetails .articledetails .featureimg{
	float: left;
	width: 100%;
}
.blogarticlesdetails .articledetails .featureimg img{
	border-radius: 10px 10px 0 0; 
}
.blogarticlesdetails .articledetails .articlecontents{
	float: left;
	width: 100%;
	padding: 30px;
}
.blogarticlesdetails .articledetails .articlecontents h2{
	color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 20px;
}
.blogarticlesdetails .articledetails .articlecontents p{
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 20px;
}
.blogarticlesdetails .articletags{
	float: left;
	width: 100%;
	padding: 16px 20px; 
	border-radius: 10px;
	background: #FFF; 
	margin-top: 30px;
} 
.blogarticlesdetails .articletags img{
	margin-right: 20px;
}
.blogarticlesdetails .articletags a{
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.blogarticlesdetails .articleauthor{
	float: left;
	width: 100%;
	border-radius: 10px; 
	background: #FFF; 
	display: flex;
	margin-top: 30px;
}
.blogarticlesdetails .articleauthor .image{
	width: 20%;
}
.blogarticlesdetails .articleauthor .image img{
	width: 100%;
	border-radius: 10px 0 0px 10px; 
}
.blogarticlesdetails .articleauthor .conent{
	width: 80%;
	padding: 20px;
}
.blogarticlesdetails .articleauthor .conent h3{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 10px;
}
.blogarticlesdetails .articleauthor .conent p{
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.blogarticlesdetails .leaveomments{
	float: left;
	width: 100%;
	padding: 24px 20px;
	border-radius: 10px; 
	background: #FFF; 
	margin-top: 30px;
}
.blogarticlesdetails .leaveomments h2{
	color: #080808;
	font-family: Mulish;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 30px;
}
.blogarticlesdetails .leaveomments .fields{
	float: left;
	width: 100%;
}
.blogarticlesdetails .leaveomments .fields label{
	float: left;
	width: 100%;
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.blogarticlesdetails .leaveomments .fields input[type="text"],
.blogarticlesdetails .leaveomments .fields input[type="email"],
.blogarticlesdetails .leaveomments .fields textarea{
	float: left;
	width: 100%;
	padding: 12px 20px; 
	border-radius: 4px; 
	background: #F4F4F4; 
	border: none;
}
.blogarticlesdetails .leaveomments .fields{
	float: left;
	width: 100%;
	padding-bottom: 20px;
}
.blogarticlesdetails .leaveomments .fields .half{
	float: left;
	width: 49%;
}
.blogarticlesdetails .leaveomments .fields .half:last-child{
	float: right;
}
.blogarticlesdetails .leaveomments .button{
	float: left;
	width: 100%;
}
.blogarticlesdetails .leaveomments input[type="checkbox"]{
	margin-right: 10px;
}
.blogarticlesdetails .leaveomments .button button,
.blogarticlesdetails .leaveomments .button input[type="submit"]{
	float: right;
	padding: 15px 40px; 
	border-radius: 29px; 	
	background: #741FA2; 
	width: 197px;
	margin-top: 40px;
}

.blogarticlesdetails .nextprevpost{
	float: left;
	width: 100%;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}
.blogarticlesdetails .nextprevpost div a{
	display: flex;
	column-gap: 16px;
}
.blogarticlesdetails .nextprevpost h4{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}
.blogarticlesdetails .nextprevpost span{
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.blogarticlesdetails .nextprevpost .next{
	text-align: right;
}


.relatedarticles{
	float: left;
	width: 100%;
	background: #F4F4F4; 
	padding-bottom: 80px;
}
.relatedarticles .sectionhead{
	background: #FFFFFF; 
}

.relatedarticles .relatedarticlelist{
	float: left;
	width: 100%;
	display: flex;
	column-gap: 30px;
}
.relatedarticles .relatedarticlelist .item{
	background: #FFF; 
}
.relatedarticles .relatedarticlelist .item .image{
	float: left;
	width: 100%;
}
.relatedarticles .relatedarticlelist .item .image img{
	width: 100%;
}
.relatedarticles .relatedarticlelist .item .content{
	float: left;
	width: 100%;
	padding: 30px;
}
.relatedarticles .relatedarticlelist .item .content h3{
	color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 12px;
}
.relatedarticles .relatedarticlelist .item .content p{
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.relatedarticles .relatedarticlelist .item .tagscatmore{
	float: left;
	width: 100%;
	padding: 16px 30px;
	border-top: 1px solid #F4F4F4;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.relatedarticles .relatedarticlelist .item .tagscatmore .tagcat{
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.relatedarticles .relatedarticlelist .item .tagscatmore .more a{
	border-radius: 29px; 
	border: 2px solid #741FA2; 
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	padding: 15px 0px; 
	width: 163px;
	text-align: center;
}


/* freebie-deal-details-banner-info-images start */
.detailbanner {
	float: left;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 69px 0;
}
.detailbanner h1 {
	color: #FFF;
	font-family: Mulish;
	font-size: 52px;
	font-weight: 800;
	line-height: 66px;
}
.detailbanner .rating {
	display: flex;
    align-items: center;
    column-gap: 8px;
    color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin: 31px 0;
}
.detailbanner p {
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;	
}
.detailbanner p a {
	color: #11D577;
	padding-left: 10px;
}
.detailbanner .left {
    float: left;
    width: 60%;
    padding-right: 19px;
}
.detailbanner .right {
    float: left;
    width: 40%;
    padding-left: 27px;
}
.detailbanner .right .box {
	float: left;
	width: 100%;
	padding: 30px;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
	position: relative;
}
.detailbanner .right .box h4 {
	color: #741FA2;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	padding-left: 36px;
}
.detailbanner .right .box h2 {
	color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-weight: 700;
	display: flex;
    align-items: center;
}
.detailbanner .right .box h2 img {
	padding-right: 12px;
}
.detailbanner .right .box p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding: 20px 0;
}
.detailbanner .right .box .pricesave {
	display: flex;
	align-items: center;
    justify-content: space-between;
}
.detailbanner .right .box .pricesave .price label {
	color: #741FA2;
	font-family: Mulish;
	font-size: 24px;
	font-weight: 700;
	padding-right: 12px;
	margin-bottom: 0;
}
.detailbanner .right .box .pricesave .price span del {
	color: #EB0504;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-decoration-line: strikethrough;
}
.detailbanner .right .box .pricesave .yousave {
	float: left;
}
.detailbanner .right .box .pricesave .yousave p {
	color: #741FA2;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	text-transform: uppercase;
	padding: 0;
}
.detailbanner .right .box .pricesave .yousave p span {
	padding-left: 6px;
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.detailbanner .right .box .btnshow {
	float: left;
	width: 100%;
	margin-top: 20px;
}
.detailbanner .right .box .btnshow a {
	background-image: url(../images/showcouponbg.png);
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	padding: 15px 85px;
}
.detailbanner .right .box .btnshow a:hover {
	background-color: rgba(93, 25, 130, 1);
}
.detailbanner .right .box .savegreen {
	position: absolute;
	right: -26px;
	top: -26px;
	display: inline-flex;
	padding: 20px 10px;
	justify-content: center;
	align-items: center;
	border-radius: 60px;
	background: #21C7AD;
}
.detailbanner .right .box .savegreen span {
	color: #FFF;
	font-family: Mulish;
	font-size: 24.324px;
	font-weight: 800;
	line-height: 132%;
	letter-spacing: -0.608px;
}




.detailsection{
	float: left;
	width: 100%;
	padding-top: 80px;
	padding-bottom: 0px; /* old 50px */
	background-color: #F4F4F4;
}
.detailsection .sitecontainer{
	display: flex;
	column-gap: 30px;
}
.detailsection .left{
	float: left;
	width: 70%;
}
.detailsection .details-faq {
    float: left;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 30px;
}
.detailsection .details-faq .left.details .nofaq {
	float: left;
	width: 100%;
	padding: 24px 20px;
}
.detailsection .details-faq .left.details .nofaq p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .details-faq .left.details .nofaq p a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	padding-left: 10px;
}
.detailsection .details-faq .left.details .nofaq p a:hover {
	text-decoration: underline;
}
.detailsection .articledetails .sub-claim {
	float: left;
	width: 100%;
	padding: 24px 20px;
}
.detailsection .articledetails .articlecontents .sub-claim p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .articledetails .articlecontents .sub-claim p a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	padding-left: 10px;
}
.detailsection .articledetails .sub-claim p a:hover {
	text-decoration: underline;
}
.detailsection .left.details {
    float: left;
    width: 100%;
}
.detailsection .right{
	float: left;
	width: 30%;
}

.detailsection .articledetails{
	float: left;
	width: 100%;
	border-radius: 10px;
	background: #FFF;
	margin-bottom: 30px;
}
.detailsection .articledetails .featureimg{
	float: left;
	width: 100%;
}
.detailsection .articledetails .featureimg img{
	border-radius: 10px 10px 0 0; 
}
.detailsection .articledetails .articlecontents{
	float: left;
	width: 100%;
	padding: 0px;
}
.detailsection .articledetails .articlecontents h2{
	color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-weight: 700;
}
.detailsection .articledetails .articlecontents p{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .articledetails .articlecontents h5 {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 4px;
}
.detailsection .left .articletags {
	float: left;
	width: 100%;
	padding: 30px; 
	border-radius: 10px;
	background: #FFF; 
	margin-bottom: 30px;
	display: flex;
    flex-direction: column;
    gap: 16px;
}
.detailsection .articledetails .bestprice {
    display: flex;
    border-radius: 6px;
	background: #F1E9F6;
	padding: 30px;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 20px;
}
.detailsection .articledetails .bestprice .image .conent h5 {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 4px;
}
.detailsection .articledetails .bestprice .image .conent p {
	color: #080808;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
.detailsection .articledetails ul {
	list-style: disc;
	padding-left: 20px;
}
.detailsection .articledetails ul ul {
	padding-left: 20px;
}
.detailsection .articledetails ul li {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .articledetails .articlecontents h3 {
	color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-weight: 700;
}
.detailsection .articledetails .heading-div {
	float: left;
	width: 100%;
    padding: 24px ;
    border-bottom: 1px solid #F4F4F4;
}
.detailsection .articledetails .bestprice.mobile {
    display: none;
}
.detailsection .articledetails .bestprice.desktop {
    display: inline-flex;
}
.detailsection .articledetails .bestmain {
	float: left;
	width: 100%;
    padding: 24px 20px;
}
.detailsection .articledetails .articlecontents .headingptag {
	float: left;
	width: 100%;
    padding: 24px 20px 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.detailbanner .sitecontainer{
    display: flex;
    align-items: end;
}
.detailsection .articletags p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .articletags img{
	margin-right: 12px;
}
.detailsection .articletags a{
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .articletags a:hover {
	text-decoration: underline;
}
.detailsection .articleauthor{
	float: left;
	width: 100%;
	border-radius: 10px; 
	background: #FFF; 
	display: flex;
	margin-top: 30px;
}
.detailsection .articleauthor .image{
	width: 20%;
}
.detailsection .articleauthor .image img{
	width: 100%;
	border-radius: 10px 0 0px 10px; 
}
.detailsection .articleauthor .conent{
	width: 80%;
	padding: 20px;
}
.detailsection .articleauthor .conent h3{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 10px;
}
.detailsection .articleauthor .conent p{
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .leaveomments{
	float: left;
	width: 100%;
	padding: 24px 20px;
	border-radius: 10px; 
	background: #FFF;
}
.detailsection .leaveomments h2{
	color: #080808;
	font-family: Mulish;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
}
.detailsection .leaveomments .fields{
	float: left;
	width: 100%;
}
.detailsection .leaveomments .fields label{
	float: left;
	width: 100%;
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .leaveomments .fields input[type="text"],
.detailsection .leaveomments .fields input[type="email"],
.detailsection .leaveomments .fields textarea{
	float: left;
	width: 100%;
	padding: 12px 20px; 
	border-radius: 4px; 
	background: #F4F4F4; 
	border: none;
}
.detailsection .leaveomments .fields{
	float: left;
	width: 100%;
	padding-bottom: 20px;
	position: relative;
}
.detailsection .leaveomments .fields p{
	float: left;
	color: #BEBEBE;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	margin-top: 4px;
}
.detailsection .leaveomments .fields input[type="file"] {
    float: left;
    width: 100%;
    padding: 12px 20px;
    border-radius: 4px;
    background: #F4F4F4;
    border: 1px dashed #BEBEBE;
    opacity: 0;
    position: absolute;
	z-index: 6;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	cursor: pointer;
}
.detailsection .left .articledetails .uplodfile {
	border-radius: 4px;
	border: 1px dashed  #BEBEBE;
	background: #F4F4F4;
	display: flex;
	gap: 8px;
	padding: 20px;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.detailsection .left .articledetails .uplodfile p {
	color: #BEBEBE;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
.detailsection .left .articledetails .uplodfile p a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	text-decoration-line: underline;
}
.detailsection .left .articledetails .uplodfile h6 {
	color: #BEBEBE;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
.detailsection .leaveomments .button{
	float: left;
	width: 100%;
}
.detailsection .leaveomments input[type="checkbox"]{
	margin-right: 10px;
}
.detailsection .leaveomments .button button,
.detailsection .leaveomments .button input[type="submit"]{
	float: left;
	padding: 15px 40px; 
	border-radius: 29px; 	
	background: #741FA2; 
	width: 197px;
}
.detailsection .leaveomments .button button,
.detailsection .leaveomments .button input[type="submit"]:hover{
	background-color: rgba(93, 25, 130, 1);
}
.detailsection .articledetails .rateus {
	float: left;
	width: 100%;
    padding: 24px 20px 24px 20px;
    border-bottom: 1px solid #F4F4F4;
}
.detailsection .articledetails .rateus .rateus-inner {
	display: flex;
	gap: 24px;
	align-items: center;
}
.detailsection .articledetails .rateus .rateus-inner a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .articledetails .rateus .rateus-inner a:hover {
	text-decoration: underline;
}
.detailsection .left .articledetails .rating {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.detailsection .left .articledetails .rating .rating-left {
	display: flex;
	gap: 20px;
}
.detailsection .left .articledetails .rating .rating-left .point h5 {
	color: #080808;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
}
.detailsection .left .articledetails .rating .rating-left .point p{
	color: #080808;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
.detailsection .left .articledetails .rating .rating-right {
	display: flex;
	align-items: center;
	gap: 16px;
}
.detailsection .left .articledetails .rating .rating-right .sortby span {
	color: #767676;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	text-transform: uppercase;
}
.detailsection .left .articledetails .review {
	float: left;
	width: 100%;
	padding: 24px 20px;
	border-bottom: 1px solid #F4F4F4;
}
.detailsection .left .articledetails .user-rate {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.detailsection .left .articledetails .user-rate .rating-left {
	display: flex;
	gap: 20px;
}
.detailsection .left .articledetails .user-rate .rating-left .content h5 {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.detailsection .left .articledetails .user-rate .rating-left .content span {
	color: #BEBEBE;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .left .articledetails .content-ptag {
	float: left;
	width: 100%;
	padding: 16px 0px 20px 0px;
}
.detailsection .left .articledetails .content-ptag p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .left .articledetails .user-rate .rating-right .content p {
	color: #BEBEBE;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .left .articledetails .usefull {
	float: left;
	width: 100%;
}
.detailsection .left .articledetails .usefull .usefull-inner {
	display: flex;
	gap: 20px;
}
.detailsection .left .articledetails .usefull .usefull-inner a {
	display: flex;
    gap: 10px;
    align-items: center;
	border: 1px solid #F4F4F4;
	background: #FFF;
	padding: 8px 16px;
	color: #11D577;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.detailsection .left .articledetails .usefull .usefull-inner a.redcol {
	color: #EB0504;
}
.detailsection .left .articledetails .usefull .usefull-inner a:hover{
	background: #F1E9F6;
}

.detailsection .left .articledetails .prodimages{
	float: left;
	width: 100%;
}
.detailsection .left .articledetails .prodimages .prodimagesinner{
	float: left;
	width: 100%;
}
.detailsection .left .articledetails .prodimages .mainimg {
	text-align: center;
	border-radius: 8px;
	padding: 30px 30px 14px 30px;
}
.detailsection .left .articledetails .prodimages .mainimg img {
	width: 100%;
	max-width: 100%;
	height: 420px;
	object-fit: cover;
}
.detailsection .left .articledetails .prodimages .galimages{
	float: left;
	width: 100%;
	padding: 0 30px 30px 30px;
}
.detailsection .left .articledetails .prodimages .galimages .item{
	border-radius: 4px; 
	border: 1px solid #CCC; 
}
.detailsection .left .articledetails .prodimages .galimages .item img {
	width: 100%;
	max-width: 100%;
	height: 95px;
	object-fit: cover;
}
.detailsection .left .articledetails .prodimages .galimages .owl-nav button{
	position: absolute;
	outline: none;
	top: 40%;
}
.detailsection .left .articledetails .prodimages .galimages .owl-nav button.disabled{
	opacity: 0.3;
}
.detailsection .left .articledetails .prodimages .galimages .owl-nav .owl-prev{
	left: 20px;
	top: -230px;
	padding: 15px 16px !important;
	border-radius: 29px;
	background: rgba(255, 255, 255, 0.10);
}
.detailsection .left .articledetails .prodimages .galimages .owl-nav .owl-next{
	right: 20px;
	top: -230px;
	padding: 15px 16px !important;
	border-radius: 29px;
	background: rgba(255, 255, 255, 0.10);
}
.detailsection .left .articledetails .seeall {
	float: left;
	width: 100%;
	padding: 20px;
}
.detailsection .left .articledetails .seeall a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .left .articledetails .seeall a:hover {
	text-decoration: underline;
}


.detailsection .right .categorylist {
    display: grid;
    gap: 20px;
    margin-bottom: 20px;
}
.detailsection .right .itembrand {
    display: grid;
    grid-template-columns: 46.5% 46.5%;
    gap: 20px;
    overflow:hidden;
}
.detailsection .right .widget.sectionhead1 a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-decoration-line: underline;
}
.detailsection .right .widget.sectionhead1 h4 {
	color: #741FA2;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 20px;
}
.detailsection .right .widget1 {
    float: left;
    width: 100%;
    background: #FFF;
    border-radius: 10px 10px 0 0;
    padding: 20px;
}
.detailsection .right .widget1 h4 {
	color: #741FA2;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}
.detailsection .left .articledetails .popuplocation{
	padding: 0;
}
.detailsection .left .articledetails .popuplocation .popuplocation-inner {
    display: flex;
    max-width: 100%;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
    margin: 0 auto;
    background: #FFFfff;
    border-bottom: 1px solid #F4F4F4;
}
.detailsection .left .articledetails .popuplocation .map iframe {
    float: left;
    width: 100%;
    height: 341px;
}
.detailsection .left .articletags.desktop {
	
}
.detailsection .left .articletags.mobile {
	display: none;
}

.detailsection .right .twobtn {
	float: left;
	width: 100%;
	background: #FFF;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	border-top: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
}
.detailsection .right .twobtn a {
	width: 100%;
	text-align: center;
	text-decoration-line: none;
	padding: 15px 40px;
	border-radius: 29px;
	background: #741FA2;
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.detailsection .right .twobtn a:hover{
	background: #531475;
}
.detailsection .right .twobtn a.btnfriend {
	border-radius: 29px;
	border: 2px solid #741FA2;
	color: #741FA2;
	background: #FFF;
}
.detailsection .right .twobtn a.btnfriend:hover {
	background: #F1E9F6;
}

.detailsection .right .follw-share .socialicon {
	display: grid;
	grid-template-columns: auto auto auto;
}
.detailsection .right .follw-share .socialicon a i {
	float: left;
	width: 100%;
	padding: 20px;
	font-size: 24px;
	color: #BEBEBE;
	text-align: center;
}
.detailsection .right .follw-share .socialicon a.center {
	border-right: 1px solid #F4F4F4;
	border-left: 1px solid #F4F4F4;
}
.detailsection .right .follw-share .socialicon a i:hover {
	color: #741FA2;
}

.lastsection {
	background: #F4F4F4;
}
.lastsection .storelistitems .item .info {
    float: left;
    width: 100%;
    padding: 24px 20px;
    background: #FFF;
    height: 243px;
}
.detailsection .left .doordash.mobile {
	display: none;
}
.detailsection .right .follw-share.mobile{
	display: none;
}
.detailsection .right .follw-share.desktop{
	display: block;
}
.isthis.mobile{
	display: none;
}
.lastsection .mainstore.desktop{
	display: block;
}
.lastsection .mainstore.mobile{
	display: none;
}
/* freebie-deal-details-banner-info-images end */
/* freebie-deal-details-info-images start */
.detailsection .left .articletags h2 {
	color: #080808;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
}
.detailsection .left .articletags .rating {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .articletags .twodiv {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 0px;
}
.detailsection .articletags span {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .right .doordash {
	float: left;
	width: 100%;		
}
.detailsection .right .doordash img {
	border-radius: 10px 10px 0 0;
}
.detailsection .right .doordash .box {
	display: flex;
	padding: 16px;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	border-top: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
	background: #FFF;
	border-radius: 0 0 10px 10px;
	margin-bottom: 32px;
}
.detailsection .right .doordash .box a {
	width: 100%;
	border-radius: 29px;
	background: #741FA2;
	display: flex;
	padding: 15px 40px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.detailsection .right .doordash .box a:hover {
	background-color: rgba(93, 25, 130, 1);
}
.detailsection .right .doordash .box .secondbox {
	float: left;
	width: 100%;
	border-radius: 10px;
	background: #E9F9F7;
	padding: 10px;
}
.detailsection .right .doordash .box .secondbox .innerbox {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.detailsection .right .doordash .box .secondbox .innerbox p {
	padding-top: 10px;
	color: #BEBEBE;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	text-transform: uppercase;
}
.detailsection .right .doordash .box .secondbox .innerbox h3 {
	color: #21C7AD;
	text-align: center;
	font-family: Mulish;
	font-size: 24px;
	font-weight: 700;
}
.detailsection .right .follw-share{
	float: left;
	width: 100%;
	margin-bottom: 32px;
	display: flex;
    flex-direction: column;
    background: #FFF;
    border-radius: 10px;
}
/*.detailsection .right .follw-share.mobile{
	display: flex;
}*/
.detailsection .right .follw-share.desktop{
	display: flex;
}
.detailsection .widget.cattags {
    margin-bottom: 30px;
}
.detailsection .right .isthis {
	float: left;
	width: 100%;
	background: #F4F4F4;
	padding-top: 30px;
}
.detailsection .right .isthis.mobile{
	display: block;
}
.detailsection .right .isthis .isbox {
	border-radius: 10px;
	background: #FFF;
}
.detailsection .right .isthis .isbox .ptag {
	padding: 16px 20px;		
}
.detailsection .right .isthis .isbox .heading-div h4 {
	padding: 16px 20px;
	color: #741FA2;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}
.detailsection .right .isthis .isbox .ptag p {
	padding-bottom: 20px;
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.detailsection .right .isthis .isbox .ptag a {
	margin-top: 30px;
	text-align: center;
	width: 100%;
	padding: 15px 40px;
	border-radius: 29px;
	background: #21C7AD;
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.detailsection .right .isthis .isbox .ptag a:hover {
	background-color: #108D79;
}
.articledetails .leaveomments .uplodedimg{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.articledetails .leaveomments .uplodedimg .imginner {
    display: flex;
    gap: 16px;
}
.articledetails .leaveomments .uplodedimg .imginner img{
	border-radius: 4px;
}
.articledetails .rating .rating-right .dropdown-select {
    width: 250px;
}

.faqsuccessfully {
	float: left;
	width: 100%;
	background: #FFF;
	padding: 24px 20px;
	margin-top: 30px;
	border-radius: 10px;
	display: none;
}
.faqsuccessfully .success-inner {
	text-align: center;
}
.faqsuccessfully .success-inner h4 {
	padding-top: 30px;
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}
.faqsuccessfully .success-inner p {
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding-top: 20px;
	padding-bottom: 30px
}
.faqsuccessfully .success-inner a {
	padding: 15px 40px;
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	border-radius: 29px;
	border: 2px solid #741FA2;
}
.faqsuccessfully .success-inner a:hover {
	background-color: #f1e9f6;
}

.articledetails .articlecontents .signin {
	float: left;
	width: 100%;
}
.articledetails .articlecontents .signin .signin-inner {
	padding: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
.articledetails .articlecontents .signin .signin-inner img {
	padding-bottom: 10px;
}
.articledetails .articlecontents .signin .signin-inner h4 {
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}
.articledetails .articlecontents .signin .signin-inner p {
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding-bottom: 10px;
}
.articledetails .articlecontents .signin .signin-inner a.signup {
	width: 100%;
	border-radius: 29px;
	background: #741FA2;
	padding: 15px 40px;
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
}

.articledetails .popuplocation {
    position: relative;
}
.articledetails .map-overlay {
   /*	width: 777px;
	height: 341px;*/
	width:100%;
	height:100%;
    background: rgba(0, 0, 0, 0.60);
	backdrop-filter: blur(2px);
    position: absolute;    
    top: 0px; 
    left: 0px; 
    z-index: 99;
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
	gap: 16px;
}
.articledetails .map-overlay img {

}
.articledetails .map-overlay p {
	color: #FFF;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}


/* freebie-deal-details-info-images end */

/* Popular Birthday Freebies-images */
.searchstoreslists.pb-freebies-vertical .categorylist .itembrand {
    padding: 0px 0px 20px 0;
}
.searchstoreslists.pb-freebies-vertical .listitemsleft .sectionhead1{
	background: none;
}
.pb-freebies-vertical.searchstoreslists .categorylist .itemlink{
	padding: 0px 0px 12px 0px;
}
.searchstoreslists.pb-freebies-vertical .sectionhead1 h4{
	padding: 20px 0px 20px 0px;
}
.searchstoreslists .categorylist .itemlink a{
	text-decoration-line: underline;
}
.sectionhead1 .widget {
    float: left;
    width: 100%;
    background: #FFF;
    border-radius: 10px;
    padding: 0 20px 20px;
    margin-bottom: 30px;
}
.sectionhead1 .widget p {
    float: left;
    width: 100%;
    color: #080808;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
}
.sectionhead1 .widget.newslaterform .emailform label {
    margin-bottom: 10px;
}
.sectionhead1 .widget.newslaterform .emailform input[type="text"], 
.sectionhead1 .widget.newslaterform .emailform input[type="email"],
.sectionhead1 .widget.newslaterform .emailform input[type="date"]
{
    float: left;
    width: 100%;
    padding: 15px 20px;
    border-radius: 4px;
    background: #F4F4F4;
    border: none;
    margin-bottom: 16px;
}
.sectionhead1 .widget.newslaterform .emailform select {
	float: left;
    width: 100%;
    padding: 15px 20px;
    border-radius: 4px;
    background: #F4F4F4;
    border: none;
    margin-bottom: 20px;
    -webkit-appearance: none;
  	-moz-appearance: none;
  	background-image: url("../images/chewron-down.svg");
  	background-repeat: no-repeat;
 	background-position-x: 97%;
  	background-position-y: 15px;
}
.sectionhead1 .widget.newslaterform .emailform input[type="submit"] {
    float: left;
    width: 100%;
    background: #21C7AD;
    border-radius: 29px;
    padding: 15px 40px;
    color: #FFF;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-top: 5px;
}
.searchstoreslists .storelistitems.horisontal .item{
	width: 100%;
    float: left;
    display: flex;
}

.storelistitems.horisontal .item .image{
	height: 100%;
}
.storelistitems.horisontal .item .image img.main-img{
	width: 100%;
	height: 100%;
	border-radius: 10px 0px 0 10px;	
	max-height:none;
}
.searchstoreslists .storelistitems.horisontal .main-img-share {
    width: 50%;
    float: left;
}
.searchstoreslists .storelistitems.horisontal .item .info{
	float: left;
    width: 50%;
    border-radius: 0px 10px 10px 0px;	
}
.storelistitems .item .sharget .main-share {
    position: relative;
}
.storelistitems .item .sharget .main-share .share-list {
    position: absolute;
    bottom: 32px;
    opacity: 0;
    transition: opacity 0.8s;
}
.storelistitems .item .sharget .main-share .share-list a {
	padding: 0;
	display: inline;
	background:transparent;
}
.storelistitems .item .sharget .main-share .share-list.active {
    opacity: 1;
    transition: opacity 0.8s;
}
.searchstoreslists .sectionhead .sectionheadinner select{
	padding: 0 16px 0 0;
	color: #767676;
    font-family: Mulish;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    background: #ffffff;
    background-image: url(../images/chewron-down.svg);
    background-repeat: no-repeat;
    background-position-x: 105%;
    background-position-y: 1px;
    background-size: 18px;
}

/* Popular Birthday Freebies-images end */

/* listing page start */

.categorylistmain{
	float: left;
	width: 100%;
	padding: 80px 0;
}
.categorylistmain .categorylist{ 
	float: left;
    width: 100%;
    display: grid;
    grid-template-columns: 31.5% 31.5% 31.5%;
   grid-gap: 30px;
}
.categorylistmain .categorylist .item {
    border-radius: 10px;
    border: 1px solid #F4F4F4;
    box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
    padding: 0px 16px 0 0;
    padding-right: 0;
    align-items: center;
    display: flex;
    flex-direction: column;
    height: max-content;
    margin-bottom: 30px;
}
.categorylistmain .categorylist .item:last-child{
	margin-bottom: 0;
}
.categorylistmain span.innersubcategory{
	float: left;
}

.categorylistmain .categorylist .item .maincategory {
	float: left;
	width: 100%;
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.categorylistmain .categorylist .item .maincategory a{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding-left: 16px;
}
.categorylistmain .categorylist .item .maincategory a:hover{
	text-decoration: underline;
}
.categorylistmain .categorylist .item .maincategory span{
	color: #BEBEBE;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.categorylistmain .categorylist .item .maincategory span span{
	padding-right: 16px;
}
.categorylistmain .categorylist .item .maincategory span i{
	padding: 15px;
	padding-left: 16px;
	border-left: 1px solid #F4F4F4;
	cursor: pointer;
	border-radius: 0px 10px 10px 0px;
}
.categorylistmain .categorylist .item .maincategory span i:hover{
	background-color: #741FA2;
	color: #fff;
}

.categorylistmain .categorylist .item .iteminner {
	float: left;
	width: 100%;
	display: none;
	opacity: 0;
	transition: opacity 0.8s;	
}
.categorylistmain .categorylist .item .iteminner.active{
	opacity: 1;
	transition: opacity 0.8s, display 0.8s;
	display: block;
	border-top: 1px solid #F4F4F4;
}	
.categorylistmain .categorylist .item .iteminner a{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.categorylistmain .categorylist .item .maincategory span i.active{
	background-color: #741FA2;
	color: #fff;
	border-radius: 0px 10px 0px 0px;
}
.categorylistmain .categorylist .item .iteminner a:hover{
	text-decoration: underline;
}
.categorylistmain .categorylist .item .iteminner span{
	color: #BEBEBE;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.categorylistmain .categorylist .item .iteminner span span{
	padding-right: 16px;
}
.categorylistmain .categorylist .item .iteminner span i{
	padding: 15px;
	padding-left: 16px;
	border-left: 1px solid #F4F4F4;
	cursor: pointer;
	border-radius: 0px 10px 10px 0px;
}
.categorylistmain .categorylist .item .iteminner span i:hover{
	background-color: #741FA2;
	color: #fff;
}
.categorylistmain .categorylist .item .iteminner .subinn{
	float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 17px 0 17px 32px; 
}
/* listing page end */

/* location-page-all-find-out-panel-closed-vertical in accordion start */
.listitemsright .find-out {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.listitemsright .find-out .card{
	border: none;
}
.listitemsright .find-out .card .card-header {
	padding: 0;
	border: none;
	background: #FFF;
	border-radius: 10px;
}
.listitemsright .find-out .card .card-header button {
	width: 100%;
	padding: 28px;
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
}
.listitemsright .find-out .card .card-header button a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.listitemsright .find-out .card .card-header button a:hover {
	text-decoration: underline;
}
.listitemsright .find-out .card button::after {
    content: "";
    background-image: url(../images/faq-check-arrow-1.svg);
    height: 100%;
    width: 33px;
    position: absolute;
    right: 16px;
    background-repeat: no-repeat;
    top: 28px;
}
.listitemsright .find-out .card button.collapsed::after {
    content: "";
    background-image: url(../images/faq-check-arrow.svg);
    height: 100%;
    width: 33px;
    position: absolute;
    right: 16px;
    background-repeat: no-repeat;
    top: 28px;
}
.listitemsright .find-out .card-body {
	padding: 0;
}
.listitemsright .find-out .card-body .form-div {
	float: left;
	width: 100%;
	padding: 0 24px 24px;
}
.listitemsright .find-out .card-body .form-div p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
/* location-page-all-find-out-panel-closed-vertical in accordion end */
/* category-details-all-find-out-panel-closed-vertical in category-inner start */

.searchstoreslists.category-find .sectionhead1 .categories h5{
	padding: 0;
}
.searchstoreslists .sectionhead1 .categories p {
	padding: 12px 0;
	color: #080808;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
.searchstoreslists .sectionhead1 .categories ul li::before {
  content: "\2022";
  color: #21C7AD;
  font-weight: bold;
  display: inline-block; 
  width: 5px;
  padding-left: 0px;
  margin-left: 0px;
  padding-right: 12px;
}
.searchstoreslists .sectionhead1 .categories li {
	color: #080808;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
.searchstoreslists .categories .exclusive {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.searchstoreslists .categories .exclusive span {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.searchstoreslists .categories .exclusive .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.searchstoreslists .categories .exclusive .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.searchstoreslists .categories .exclusive .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.searchstoreslists .categories .exclusive .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.searchstoreslists .categories .exclusive input:checked + .slider {
  background-color: #2196F3;
}
.searchstoreslists .categories .exclusive input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
.searchstoreslists .categories .exclusive input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.searchstoreslists .categories .exclusive .slider.round {
  border-radius: 34px;
}
.searchstoreslists .categories .exclusive .slider.round:before {
  border-radius: 50%;
}

.searchstoreslists .categories .searchbox {
    float: left;
    width: 100%;
    border-radius: 100px;
    background: #F4F4F4;
    padding: 11px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.searchstoreslists .categories .searchbox .searchtext {
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 15px;
}
.searchstoreslists .categories .searchbox .searchtext input {
    width: 100%;
    color: #BEBEBE;
    background: #F4F4F4;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border: none;
    outline: none;
    padding: 0 0 0 12px;
}
.searchstoreslists .sectionhead1 .categoryform {
	float: left;
	width: 100%;
	padding: 0 20px 20px 20px;
}
.searchstoreslists .sectionhead1 .categoryform .item {
	padding-bottom: 20px;
}
.searchstoreslists .sectionhead1 .categoryform .item:last-child{
	padding-bottom: 0;
}
.searchstoreslists .sectionhead1 .categoryform .item label {
	padding-left: 12px;
}
.searchstoreslists .sectionhead1 .categoryform .itemlink {
	float: left;
	width: 100%;
	padding-top: 20px;
}
.searchstoreslists .sectionhead1 .categoryform .itemlink a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-decoration-line: underline;
}
.searchstoreslists .sectionhead1 .contentptag {
	float: left;
	width: 100%;
	padding: 20px;
}
.searchstoreslists .sectionhead1 .contentptag p {
	color: #767676;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
/* category-details-all-find-out-panel-closed-vertical end */

.herobanner-claim-flow {
    float: left;
    width: 100%;
    padding-top: 107px;
    padding-bottom: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.herobanner-claim-flow::after {
    content: "";
    background: linear-gradient(270deg, rgba(116, 31, 162, 0.70) 20.83%, rgba(78, 50, 137, 0.70) 82.85%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.herobanner-claim-flow .sectio2-claim-flow{
	display: none;
}
.herobanner-claim-flow .left {
	float: left;
	width: 45%;
    z-index: 1;
    position: relative;
}
.herobanner-claim-flow .left h1{
	color: #FFF;
	font-family: Mulish;
	font-size: 52px;
	font-style: normal;
	font-weight: 800;
	line-height: 66px;
}
.herobanner-claim-flow .left p{
	color: #FFF;
	font-family: Mulish;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.sectio2-claim-flow{
	float: left;
	width: 100%;
}

.sectio2-claim-flow .sitecontainer{
	display: flex;
	column-gap: 50px;
}
.sectio2-claim-flow .left {
	float: left;
	width: 50%;
    z-index: 1;
    position: relative;
    padding: 50px 50px 50px 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.sectio2-claim-flow .left .img-box {
    display: flex;
    column-gap: 15px;
}
.sectio2-claim-flow .left .icon {
    width: 14%;
}
.sectio2-claim-flow .left .icon img {
    width: 48px;
    height: 48px;
}
.sectio2-claim-flow .left .content h5{
	color: #080808;
	font-family: Mulish;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	margin: 0px 0 8px 0;
}
.sectio2-claim-flow .left .content p{
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.sectio2-claim-flow .right {
	float: left;
	width: 50%;
}
.sectio2-claim-flow .right .fieldmain {
    float: left;
    width: 100%;
    display: flex;
    gap: 20px;
}
.sectio2-claim-flow .right .subscribe h4{
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 36px;
	font-style: normal;
	font-weight: 800;
	line-height: 45px;
	margin-bottom: 30px;
}

.sectio2-claim-flow .right .createpwd-inner.subscribe {
    margin-top: -385px;
    padding: 34px 30px;
    border-radius: 10px;
	background: #FFF;
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
}

.sectio2-claim-flow .right .fieldmain .field {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
.sectio2-claim-flow .right .field {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.sectio2-claim-flow .right .field label {
    color: #080808;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px;
}
.sectio2-claim-flow .right .field input {
    width: 100%;
    margin: 0;
    border-radius: 4px;
    padding: 12px 20px;
    background: #F4F4F4;
    color: #000;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    border: none;
    line-height: 24px;
}
.sectio2-claim-flow .right .newpwd .iagreeto {
	float: left;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    column-gap: 0px;
}
.sectio2-claim-flow .right .newpwd .iagreeto a,
.sectio2-claim-flow .right .newpwd .iagreeto-2 a {
    color: #741FA2;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.sectio2-claim-flow .right .createpwd-inner .newpwd .button .submitbtn {
    width: 100%;
    border-radius: 29px;
    background: #741FA2;
    padding: 15px 40px;
    color: #FFF;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    border: none;
    margin-bottom: 30px;
}
.sectio2-claim-flow .right .newpwd .iagreeto-2 label{
	color: #767676;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; 
	width: 100%;
}
.sectio3-claim-flow{
	float: left;
	width: 100%;
	padding: 80px 0;
}
.sectio3-claim-flow .sitecontainer{
	display: flex;
	align-items: center;
}
.sectio3-claim-flow .left{
	float: left;
    width: 50%;
}
.sectio3-claim-flow .right{
	float: left;
    width: 50%;
}
.sectio3-claim-flow .right h4{
	color: #080808;
	font-family: Mulish;
	font-size: 36px;
	font-style: normal;
	font-weight: 800;
	line-height: 45px;
	margin-bottom: 30px;
}
.sectio3-claim-flow .right h6{
	color: var(--birthday-bennies-gray-100, #767676);
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 30px;
}
.sectio3-claim-flow .right .list {
    display: flex;
    column-gap: 10px;
    margin-bottom: 16px;
}
.sectio3-claim-flow .right .list p{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.sectio4-claim-flow{
	float: left;
	width: 100%;
	padding: 90px 0;
	background: #E9F9F7;
	margin-top:50px;
}
.sectio4-claim-flow h2{
	color: #00285F;
	text-align: center;
	font-family: Mulish;
	font-size: 26px;
	font-style: normal;
	font-weight: 800;
	line-height: 39px;
	letter-spacing: 0.52px;
	margin-bottom: 40px;
}
.sectio4-claim-flow .mobile{
	display: none;
}

.sectio5-claim-flow {
    float: left;
    width: 100%;
    padding-top: 125px;
    padding-bottom: 125px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.sectio5-claim-flow::after {
    content: "";
    background: linear-gradient(83deg, rgba(116, 31, 162, 0.90) 2.43%, rgba(116, 31, 162, 0.00) 93.03%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.sectio5-claim-flow .left{
	float: left;
	width: 100%;
	position: relative;
	z-index: 1;
}
.sectio5-claim-flow .left h2{
	color: var(--Birthday-Bennies-White, #FFF);
	font-family: Mulish;
	font-size: 36px;
	font-style: normal;
	font-weight: 800;
	line-height: 45px;
	margin-bottom: 52px;
}
.sectio5-claim-flow .left a{
	padding: 15px 40px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	border-radius: 29px;
	background: #21C7AD;
}
.sectio2-claim-flow .right .thank-you{
	display: flex;
	float: left;
	width: 100%;
	justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
.sectio2-claim-flow .right .thank-you h4{
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 10px;
	margin-top: 30px;
}
.sectio2-claim-flow .right .thank-you p{
	color: #767676;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.articledetails .signin .newpwd .fieldmain {
    float: left;
    width: 100%;
    display: flex;
    gap: 20px;
}
.articledetails .signin .newpwd .field {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.articledetails .signin .newpwd .fieldmain .field {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
.articledetails .signin .newpwd .field label {
    color: #080808;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px;
}
.articledetails .signin .newpwd .field input {
    width: 100%;
    margin: 0;
    border-radius: 4px;
    padding: 12px 20px;
    background: #F4F4F4;
    color: #000;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    border: none;
    line-height: 24px;
}
.articledetails .signin .iagreeto {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.articledetails .signin .iagreeto label {
    color: #080808;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    padding-left: 12px;
}
.articledetails .signin .iagreeto a {
    color: #741FA2;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
/* releted product 15-12-2023 start */
.releted-blog {
    display: grid;
    grid-template-columns: 32.1% 32.1% 32.1%;
    column-gap: 20px
}
.releted-blog .blog-inner{
	margin-bottom: 30px;
	border-radius: 4px;
}
.releted-blog .blog-inner img{
	border-radius: 4px;
	width: 100%;
	height: 182px;
	object-fit: cover;
}
.releted-blog .content{
	padding: 30px;
	background: #FFF;	
}
.releted-blog .read-more a{
	border-radius: 29px;
	border: 2px solid #741FA2;
	padding: 15px 40px;
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	background-color: #ffffff;
	 position: relative;
    z-index: 5;
}
.releted-blog .content h3{
	color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 12px;
}
.releted-blog .content p{
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.releted-blog .read-more {
    text-align: right;
    padding: 16px 30px;
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
    background-color: #ffffff; 
}
.releted-blog .cat-tag-div .card{
	margin-bottom: 0px;
	border: none;
	box-shadow: none;
	background-color: transparent;
}
.releted-blog .cat-tag-div .accordion {
    margin-top: -70px;
}
.releted-blog .cat-tag-div .card button{
	float: left;
	width: 42%;
	color: #767676;
	font-family: Mulish;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	text-decoration: none;
	text-align: left;
	padding: 4px 0px 16px 25px;
	position: relative;
}
.releted-blog .cat-tag-div .card button::after {
	content: "";
	background-image: url('../images/chewron-up.svg');
	height: 100%;
    width: 37px;
    position: absolute;
    right: 1px;
    background-repeat: no-repeat;
    top: 18px;
}
.releted-blog .cat-tag-div .card button.collapsed::after {
	background-image: url('../images/chewron-down.svg');
}
.releted-blog .cat-tag-div .card-body{
	padding: 16px 30px; 
}
.releted-blog .cat-tag-div .card-body .cat-list {
    display: flex;
    column-gap: 15px;
}
.releted-blog .cat-tag-div .cat-list h5{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.releted-blog .cat-tag-div .cat-list a{
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; 
	padding-right: 8px;
}
.releted-blog .cat-tag-div .card-body .tag-list {
	margin-top: 15px;
    display: flex;
    column-gap: 15px;
    align-items: center;
}
.releted-blog .cat-tag-div .tag-list h5{
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.releted-blog .cat-tag-div .tag-list a{
	color: #21C7AD;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding: 6px 16px;
	margin-right: 8px;
	border-radius: 1000px;
	background: #E9F9F7;
	margin-bottom: 8px;
}
.releted-blog .cat-tag-div {
    background-color: #ffffff;
}
/* releted product 15-12-2023 end*/
/* tabcontrol 15-12-2023  start*/
.searchstoreslists .listitemsright .tabcontrol {
	float: left;
	width: 100%;
	padding-bottom: 30px;
}
.searchstoreslists .listitemsright .tabcontrol .tab {
	float: left;
	width: 100%;
	border-bottom: 2px solid #F4F4F4;
	margin-bottom:20px;
}
.searchstoreslists .listitemsright .tabcontrol .tab button {
	width: 103px;
	border: none;
	padding: 0px 16px 17px 16px;
	outline: none;
	background: transparent;
}
.searchstoreslists .listitemsright .tabcontrol .tab button:nth-child(3) {
    width: 150px;
}
.searchstoreslists .listitemsright .tabcontrol .tab button.tablinks {
	color: #BEBEBE;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.searchstoreslists .listitemsright .tabcontrol .tab button.tablinks:hover{
	color: #080808;
}
.searchstoreslists .listitemsright .tabcontrol .tab button.tablinks.active {
	color: #080808;
	border-bottom: 2px solid #741FA2;
}
.searchstoreslists .listitemsleft .sectionhead1 .doordash {
	display: flex;
	padding: 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	border-bottom: 1px solid #F4F4F4;
	background: #FFF;
}
.searchstoreslists .listitemsleft .sectionhead1 .doordash h3 {
	color: #080808;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
}
.searchstoreslists .listitemsleft .sectionhead1 .doordash p {
	color: #767676;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
.searchstoreslists .listitemsleft .sectionhead1 .doordash a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-decoration-line: underline;
}
.searchstoreslists .listitemsleft .sectionhead1 .socialicon {
	display: grid;
	grid-template-columns: auto auto auto;
}
.searchstoreslists .listitemsleft .sectionhead1 .socialicon a i {
	float: left;
	width: 100%;
	padding: 20px;
	font-size: 24px;
	color: #BEBEBE;
	text-align: center;
}
.searchstoreslists .listitemsleft .sectionhead1 .socialicon a.center {
	border-right: 1px solid #F4F4F4;
	border-left: 1px solid #F4F4F4;
}
.searchstoreslists .listitemsleft .sectionhead1 .socialicon a i:hover {
	color: #741FA2;
}
.searchstoreslists .contact-inner {
	display: flex;
	padding: 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}
.searchstoreslists .contact-inner a {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.searchstoreslists .contact-inner img {
	padding-right: 12px;
}

.homepage.categorylistmain .categorylist {
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: 31.5% 31.5% 31.5%;
    grid-gap: 30px;
}
.homepage.categorylistmain .categorylist .item .maincategory {
    float: left;
    background: #FFF;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    border-radius: 10px;
	border: 1px solid #F4F4F4;
	background: #FFF;
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
}
.searchstoreslists.store-detail .listitemsright .sectionhead {
    float: left;
    width: 100%;
    background: #FFF;
    border-radius: 10px;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 30px;
    margin-bottom: 0px;
}
.searchstoreslists.store-detail .listitemsright .sectionhead label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 24px;
    color: #080808;
    font-family: Mulish;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    text-transform: capitalize;
}
.searchstoreslists.store-detail .listitemsright .sectionhead a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px;
    color: #741FA2;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}
.searchstoreslists.store-detail .listitemsright .categorylistmain .categorylist {
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: 48% 48%;
    grid-gap: 30px;
}
.searchstoreslists.store-detail .listitemsright .locationmap {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}
.searchstoreslists.store-detail .listitemsright .locationmap .map {
	float: left;
	width: 100%;
}
.searchstoreslists.store-detail .listitemsright .locationmap .map iframe {
	float: left;
	width: 100%;
	height: 460px;
}
.searchstoreslists.store-detail .listitemsright .locationmap .contactbox {
	display: flex;
	width: 360px;
	flex-direction: column;
	background: #FFF;
	padding: 20px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	border-radius: 10px;
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
}
.searchstoreslists.store-detail .listitemsright .locationmap .contactbox h4{
	color: #741FA2;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	padding-bottom: 20px;
}
.searchstoreslists.store-detail .listitemsright .locationmap .contactbox .contact-inner {
	padding: 20px 0 0 0;
	display: flex;
	flex-direction: column;
	gap:20px;
}
.searchstoreslists .sectionhead1 .linkshow {
	float: left;
	width: 100%;
    padding: 0 20px 20px 20px;
}
.searchstoreslists .sectionhead1 .linkshow a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-decoration-line: underline;
}

/* tabcontrol 15-12-2023  end */
/* popup print start */
.createpwd.popup .createpwd-inner {
    display: flex;
    max-width: 754px;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
    margin: 0 auto;
    background: #FFFfff;
}
.createpwd.emptyfiled.popup .createpwd-inner .newpwd .button {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}
/* popup print end*/
/*my-account-rewards-dashboard-freebie start */
.myaccount {
	float: left;
	width: 100%;
	padding: 90px 0;
	background: #F4F4F4;
}
.myaccount .searchstoremain .listitemsleft {
    float: left;
    width: 26%;
    padding-bottom: 30px;
}
.myaccount .searchstoremain .listitemsright {
    float: right;
    width: 71%;
    height: 100%;
    padding: 30px;
    border-radius: 10px;
	background: #FFF;
}
.myaccount .storelistitems .item {
    width: 47.9%;
    border-radius: 10px;
    border: 1px solid #F4F4F4;
}
.myaccount .storelistitems.printcouponall .couponbox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.myaccount .storelistitems.printcouponall .item {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #F4F4F4;
}
.myaccount .storelistitems .item .inneritembox {
    float: left;
    width: 100%;
    border-radius: 10px;
    display: flex;
    padding: 10px 10px;
    border: 2px dashed #767676;
    margin: 0;
}
.myaccount .storelistitems .item .leftside {
    float: left;
    width: 34%;
    border-right: 2px dashed #767676;
    padding-right: 10px;
    margin-right: 5px;
    position: relative;
}
.myaccount .storelistitems .item .leftside img {
    display: block;
}
.myaccount .storelistitems .item .leftside img.cutter {
    position: absolute;
    bottom: -8px;
    width: 20px;
    right: -11px;
}
.myaccount .storelistitems .item .leftside .coupon h5 {
    color: #741FA2;
    font-size: 26px;
    text-align: center;
    font-weight: 900;
    line-height: 24px;
    margin-top: 5px;
}
.myaccount .storelistitems .item .leftside .coupon  p {
    color: #741FA2;
    font-size: 18px;
    text-align: center;
    font-weight: 900;
    line-height: 20px;
    margin-bottom: 5px;
    letter-spacing: -0.9px;
}
.myaccount .storelistitems .item .leftside  .barcode {
    margin-top: 15px;
    padding: 0 5px;
}

.myaccount .storelistitems .rightcontent {
    float: left;
    width: 70%;
    padding: 10px;
}
.myaccount .storelistitems .rightcontent h3 {
    color: #741FA2;
    font-size: 26px;
    font-weight: 900;
    line-height: 26px;
    margin-top: 0px;
}
.myaccount .storelistitems .rightcontent h4 {
    color: #767676;
    font-size: 18px;
    font-weight: 900;
    line-height: 20px;
    margin: 10px 0;
}
.myaccount .storelistitems .rightcontent p {
    font-size: 12px;
    line-height: 16px;
    color: #767676;
}
.myaccount .storelistitems .rightcontent p br {
    display: none;
}

.myaccount .listitemsleft .widget-general {
	float: left;
	width: 100%;
	padding: 15px 15px 30px 15px;
	border-radius: 10px;
	background: #FFF;
	margin-bottom: 30px;
}
.myaccount .listitemsleft .widget-general .heading {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}
.myaccount .listitemsleft .widget-general .heading h3 {
	color: #080808;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}
.myaccount .listitemsleft .widget-general .itembox {
	float: left;
	width: 100%;
	margin-bottom: 7px;
}
.myaccount .widget-general .itembox .iconlist a {
	float: left;
	width: 100%;
	border-radius: 8px;
	display: flex;
	gap:10px;
	padding: 10px;
}
.myaccount .widget-general .itembox.active {
	background: #F1E9F6;
	border-radius: 8px;
}
.myaccount .widget-general .itembox .iconlist a:hover {
	background: #F4F4F4;
}
.myaccount .widget-general .itembox.clipped {
	border-bottom: 1px solid #F4F4F4;
}

.myaccount .widget-general .itembox .iconlist .listname p {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .widget-general .heading p {
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}
.myaccount .widget-general .price {
	float: left;
	width: 100%;
}
.myaccount .widget-general .price h4 {
	color: #21C7AD;
	text-align: center;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
	padding: 10px 0 15px 0;
}
.myaccount .widget-general .price p {
	color: #767676;
	text-align: center;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	padding-bottom: 10px;
}
.myaccount .widget-general .dayleft {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 7.65px;
	color: #EB0504;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	border-bottom: 1px solid #F4F4F4;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.myaccount .widget-general .total {
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap:7px;
}
.myaccount .widget-general .total .pricebox {
	float: left;
	width: 100%;
	padding: 10px;
	display: flex;
	align-items: center;
}
.myaccount .widget-general .total .pricebox p span{
	color: #741FA2;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	padding-right: 6px;
}
.myaccount .widget-general .total .pricebox p{
	color: #080808;
	font-family: Mulish;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	display: flex;
    align-items: center;
}
.myaccount .myaccountright .heading {
	float: left;
	/*width: 100%;*/
	padding-bottom: 40px;
}
.myaccount .myaccountright .heading h3 {
	color: #080808;
	font-family: Mulish;
	font-size: 24px;
	font-weight: 700;
}
.myaccount .myaccountright .loctionmyacc {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}
.myaccount .myaccountright .loctionmyacc p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .myaccountright .loctionmyacc p label {
	font-weight: 700;
	padding-right: 16px;
}
.myaccount .myaccountright .loctionmyacc p a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .myaccountright .mytotal {
	float: left;
	width: 100%;
	border-radius: 11px;
	border: 1px solid #F4F4F4;
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
}
.myaccount .myaccountright .mytotal .leftbox {
	float: left;
	width: 70%;
	display: flex;
	padding: 33px 32px;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 0 0;
}
.myaccount .myaccountright .mytotal .leftbox .firstbox {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4.235px;
}
.myaccount .myaccountright .mytotal .leftbox .firstbox h5 {
	color: #741FA2;
	text-align: center;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
}
.myaccount .myaccountright .mytotal .leftbox .firstbox p {
	color: #741FA2;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .myaccountright .mytotal .leftbox .signplus span {
	color: #741FA2;
	text-align: center;
	font-family: Mulish;
	font-size: 39.006px;
	font-weight: 900;
	line-height: 54.608px;
}
.myaccount .myaccountright .mytotal .rightbox {
	float: left;
	width: 30%;
	display: flex;
	padding: 33px 20px;
	flex-direction: column;
	justify-content: center;
	gap: 4.07px;
	border-radius: 0 11px 11px 0;
	background: #741FA2;
}
.myaccount .myaccountright .mytotal .rightbox h5 {
	color: #FFF;
	text-align: center;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 45px;
}
.myaccount .myaccountright .mytotal .rightbox p {
	color: #FFF;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding: 0 5px;
}
.myaccount .myaccountright .condition {
	float: left;
	width: 100%;
	padding: 40px 0;
}
.myaccount .myaccountright .condition p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding-bottom: 16px;
}
.myaccount .myaccountright .condition a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .myaccountright .heading h4 {
	color: #080808;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}
.searchstoreslists.myaccount .listitemsright .tabcontrol {
    float: left;
    width: 100%;
    padding-bottom: 40px;
}
.searchstoreslists.myaccount .listitemsright .signplus.mobile {
    display: none;
}
.myaccount .listitemsleft .heading.mobile {
	display: none;
}
.myaccount .listitemsleft .widgetitems.mobile {
	display: none;
}
/*my-account-rewards-dashboard-freebie end */
/* store-list page start */
.store-list {
	float: left;
	width: 100%;
	padding: 90px 0px;
	background: #F4F4F4;
}
.store-list .store-inner {
	float: left;
	width: 100%;
}
.store-list .store-inner .mainsearchbox {
	max-width: 657px;
    margin: 0 auto;
}
.store-list .store-inner .mainsearchbox .search-store {
	float: left;
	width: 100%;
	border-radius: 100px;
	background: #FFF;
}
.store-list .mainsearchbox .search-store .searchbox {
	float: left;
    width: 100%;
    border-radius: 100px;
    background: #FFF;
    padding: 5px 5px 5px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.store-list .mainsearchbox .search-store .searchbox .searchtext {
	display: flex;
	gap:10px;
}
.store-list .mainsearchbox .search-store .searchbox .searchtext input {
    width: 100%;
    color: #080808;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border: none;
    outline: none;
}
.store-list .mainsearchbox .search-store .searchbox .selectcat {
	display: flex;
	gap: 10px;
    width: 50%;
    padding-left: 24px;
}
.store-list .mainsearchbox .search-store .searchbox .selectcat input {
    width: 100%;
    color: #080808;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border: none;
    outline: none;
}
.store-list .mainsearchbox .search-store .searchbox .button {
   	width: 44px;
}
.store-list .mainsearchbox .search-store .searchbox .button button {
	padding: 10px;
	border-radius: 29px;
	background: #741FA2;
	width: 100%;
    border: none;
    color: #FFF;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}
.store-list .mainsearchbox .search-store .searchbox .button button:hover {
	background-color: rgba(93, 25, 130, 1);
}
.store-list .store-inner .order {
	float: left;
	width: 100%;
	padding: 30px 0;
}
.store-list .store-inner .order .orderlist {
	display: flex;
	border: 1px solid #F4F4F4;
}
.store-list .store-inner .order .orderlist ul {
	display: flex;
	background: #FFF;
}
.store-list .store-inner .order .orderlist ul li a {
	padding: 9.11px 16.42px;
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.store-list .store-inner .order .orderlist ul li a.active {
	background: #741FA2;
	color: #FFF;
}
.store-list .store-inner .order .orderlist ul li a:hover {
	background: #741FA2;
	color: #FFF;
}
.store-list .store-inner .allstores {
	float: left;
	width: 100%;
	padding: 28px;
	background: #FFF;
}
.store-list .store-inner .allstores .allstoreinner {
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 15px;
    grid-template-columns: repeat(3, 31.5%);
    grid-template-rows: repeat(36, auto);
    grid-auto-flow: column;
}
.store-list .store-inner .allstores .allstoreinner .item {
	width: 100%;
}
.store-list .store-inner .allstores .allstoreinner .item a {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.store-list .store-inner .allstores .allstoreinner .item a:hover{
	text-decoration: underline;
}
.store-list .store-inner .twolink {
	float: left;
	width: 100%;
	text-align: center;
	padding: 50px 0;
}
.store-list .store-inner .twolink .freestuff {
	display: flex;
	gap: 13px;
	align-items: center;
	justify-content: center;
}
.store-list .store-inner .twolink .freestuff a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.store-list .store-inner .popularcategories .sectionhead {
    float: left;
    width: 100%;
    background: #FFF;
    border-radius: 6px;
    border: 1px solid #F4F4F4;
    box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 30px;
    margin-bottom: 50px;
}
.store-list .store-inner .categorylistmain {
    float: left;
    width: 100%;
    padding: 0px 0px;
}
.store-list .store-inner .categorylistmain .categorylist .item .maincategory {
    float: left;
    background: #FFF;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
	border: 1px solid #F4F4F4;
	box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
}
/* store-list page end */
/* account datile 19-12-2023 start*/
.myaccount .searchstoremain .listitemsleft {
    float: left;
    width: 26%;
    padding-bottom: 0px;
}
.myaccount .listitemsright .myaccountright{
	float: left;
	width: 100%;
}
.myaccount .listitemsright .myaccountright.clipcoupons{
	float: left;
	width: 100%;
	display: flex;
    justify-content: space-between;
}
.myaccount .listitemsright .printerbutton {
    float: left;
    width: 100%;
    background: #741FA2;
    border-radius: 29px;
    padding-top: 15px;
    padding-right: 40px;
    padding-bottom: 15px;
    padding-left: 40px;
    display: flex;
    gap: 10px;
}
.myaccount .listitemsright .printerbutton a.printericonwhite {
    font-family: Mulish;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #fff;
}
.myaccount .listitemsright .myaccountright .accountform {
	float: left;
	width: 100%;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #F4F4F4;
}
.myaccount .listitemsright .accountform .fieldmain {
    float: left;
    width: 100%;
    display: flex;
    column-gap: 16px;
}
.myaccount .listitemsright .accountform form {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.myaccount .listitemsright .accountform .field {
	float: left;
	width: 50%;
}
.myaccount .listitemsright .accountform .field label {
    margin-bottom: 4px;
    color: #080808;
    font-family: 'Mulish';
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.myaccount .listitemsright .accountform .field input {
	width: 100%;
    margin: 0;
    border-radius: 4px;
    padding: 12px 20px;
    background: #F4F4F4;
    color: #000;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    border: none;
    line-height: 24px;
}
.myaccount .listitemsright .accountform .field input:focus {
    border: 1px solid #741FA2 !important;
}
.myaccount .listitemsright .accountform .field select {
    width: 100%;
    height:auto;
    margin: 0;
    border-radius: 4px;
    padding: 12px 20px;
    background: #F4F4F4;
    color: grey;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    border: none;
    line-height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../images/chewron-down.svg");
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 12px;
}
.myaccount .listitemsright .accountform .field select:focus {
    border: 1px solid #741FA2 !important;
}
.myaccount .listitemsright .accountform .fieldselectbox{
	float: left;
	width: 100%;
}
.myaccount .listitemsright .accountform .fieldselectbox label {
    margin-bottom: 4px;
    color: #080808;
}
.myaccount .listitemsright .myaccountright .changepwd {
	float: left;
	width: 100%;
}
.myaccount .listitemsright .changepwd .accordion {
	display: flex;
    flex-direction: column;
    gap: 40px;
}
.myaccount .listitemsright .changepwd .card {
	border: none;
	outline: none;
	padding-bottom: 40px;
    border-bottom: 1px solid #F4F4F4;
    margin: 0px;
}
.myaccount .listitemsright .changepwd .card:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
.myaccount .listitemsright .changepwd .card-header {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
.myaccount .listitemsright .changepwd .card-header button {
	float: left;
	width: 100%;
	padding: 0;
	text-align: left;
	color: #080808;
	font-family: Mulish;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	background: #FFF;
	text-decoration: none;
	border: none;
	outline: none;
	position:relative;
}
.myaccount .listitemsright .changepwd .card-body {
	padding: 40px 0 0 0;

}
.myaccount .listitemsright .changepwd .card-body .fieldmain {
	float: left;
	width: 100%;
	display: flex;
	column-gap: 16px;
}
.myaccount .listitemsright .changepwd .card-body .fieldmain .field {
	float: left;
	width: 50%;
}
.myaccount .listitemsright .changepwd .card-body .fieldmain .field label {
    margin-bottom: 4px;
    color: #080808;
    font-family: 'Mulish';
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.myaccount .listitemsright .changepwd .card-body .field input {
	width: 100%;
    margin: 0;
    border-radius: 4px;
    padding: 12px 20px;
    background: #F4F4F4;
    color: #000;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    border: none;
    line-height: 24px;
}
.myaccount .listitemsright .changepwd .card-body .field input:focus {
    border: 1px solid #741FA2 !important;
}
.myaccount .listitemsright .changepwd .card button.collapsed::after {
	background-image: url('../images/faq-check-arrow-1.svg');
}
.myaccount .listitemsright .changepwd .card button::after {
    content: "";
    background-image: url('../images/chevron-big-down.svg');
    height: 100%;
    width: 56px;
    position: absolute;
    right: -30px;
    background-repeat: no-repeat;
    top: 4px;
    overflow: hidden;
}
.myaccount .changepwd .fieldmain .singalfield {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	margin-bottom: 20px;
}
.myaccount .changepwd .fieldmain:last-child .singalfield {
	margin-bottom: 0;
}
.myaccount .changepwd .fieldmain .singalfield i {
	float: left;
	width: 2.5%;
	font-size: 24px;
	color: #BEBEBE;
	text-align: center;
	cursor: pointer;
}
.myaccount .changepwd .fieldmain .singalfield i:hover {
	color: #741FA2;
}
.myaccount .changepwd .card-body .fieldmain .singalfield label {
	width: 13.5%;
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	padding-left:7px;
}
.myaccount .changepwd .card-body .fieldmain .singalfield input {
	width: 86%;
    margin: 0;
    border-radius: 4px;
    padding: 12px 20px;
    background: #F4F4F4;
    color: #000;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    border: none;
    line-height: 24px;
}
.myaccount .changepwd .card-body .fieldmain .singalfield input:focus {
    border: 1px solid #741FA2 !important;
}
.myaccount .myaccountright .emailsub {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}
.myaccount .myaccountright .emailsub p {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 25.04px;
}
.myaccount .myaccountright .emailsub p strong {
	font-weight: 700;
}
.myaccount .myaccountright .emailsub p a {
	padding-left: 10px;
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .myaccountright .emailform {
	float: left;
	width: 100%;
}
.myaccount .myaccountright .emailform .birthalert {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}
.myaccount .myaccountright .emailform .birthalert .ckeckmessage {
	float: left;
	width: 100%;
	padding-left: 35px;
}
.myaccount .myaccountright .emailform .birthalert .ckeckmessage p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .myaccountright .emailform .birthalert .ckeckmessage p a {
	padding-left: 10px;
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .myaccountright .emailform .birthalert .container {
  	display: block;
 	position: relative;
  	padding-left: 35px;
  	padding-right: 0;
  	margin-bottom: 8px;
  	cursor: pointer;
  	font-size: 16px;
  	color: #080808;
	font-family: Mulish;
	font-weight: 700;
	line-height: 24px;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}

/* Hide the browser's default checkbox */
.myaccount .myaccountright .emailform .birthalert .container .custombox {
  	position: absolute;
  	opacity: 0;
  	cursor: pointer;
  	height: 0;
  	width: 0;
}
/* Create a custom checkbox */
.myaccount .myaccountright .emailform .birthalert .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #FFFFFF;
  border: 2px solid #F4F4F4;
  border-radius: 4px;
}
/* On mouse-over, add a grey background color */
.myaccount .myaccountright .emailform .birthalert .container:hover input ~ .checkmark {
  background-color: rgba(93, 25, 130, 1);
}
/* When the checkbox is checked, add a blue background */
.myaccount .myaccountright .emailform .birthalert .container input:checked ~ .checkmark {
  background-color: #21C7AD;
}
/* Create the checkmark/indicator (hidden when not checked) */
.myaccount .myaccountright .emailform .birthalert .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.myaccount .myaccountright .emailform .birthalert .container input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.myaccount .myaccountright .emailform .birthalert .container .checkmark:after {
  left: 7px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.myaccount .myaccountright .emailform .paddleft {
    float: left;
    width: 100%;
    padding-left: 65px;
}
.myaccount .myaccountright .emailform .btnsubmit {
	float: left;
	width: auto;
}
.myaccount .myaccountright .emailform .btnsubmit a.savebtn {
	display: block;
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	border-radius: 29px;
	border: 2px solid #741FA2;
	padding: 15px 40px;
	text-align: center;
}
.myaccount .myaccountright .emailform .btnsubmit a.savebtn:hover {
	background-color: #f1e9f6;
}
.myaccount .myaccountright .ptag {
	float: left;
	width: 100%;
}
.myaccount .myaccountright .ptag p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .myaccountright .emailform.fandf .birthalert {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}
.myaccount .myaccountright .tabeldeta td .birthalert label {
    width: 100%;
}
.myaccount .listitemsright .myaccountright .accountform.fandf {
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}
.myaccount .myaccountright .emailform.fandf .birthalert .container {
    display: block;
    position: relative;
    padding-left: 35px;
    padding-right: 0;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 16px;
    color: #080808;
    font-family: Mulish;
    font-weight: 400;
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.myaccount .myaccountright .emailform.fandf .birthalert .checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #FFFFFF;
    border: 2px solid #F4F4F4;
    border-radius: 4px;
}
.myaccount .myaccountright .emailform .birthalert .container .numberbox {
	width: 58px;
	border-radius: 4px;
	background: #F4F4F4;
	padding: 6px 4px 6px 8px;
	margin: 0 12px;
	border: none;
	outline: none;
	box-shadow: none;
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .myaccountright .emailform .successmes {
	float: left;
	width: 100%;
	padding: 20px;
	border-radius: 3px;
	background: #E7FBF1;
}
.myaccount .myaccountright .emailform .successmes p {
	display: flex;
	align-items: center;
	gap: 20px;
}
.myaccount .myaccountright .emailform .successmes p span {
	color: #11D577;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.myaccount .myaccountright .emailform .threebtn {
    float: right;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.myaccount .myaccountright .emailform .threebtn .savebtn1 {
	display: inline-block;
	border-radius: 29px;
	border: 2px solid #741FA2;
	padding: 15px 40px;
	color:  #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.myaccount .myaccountright .emailform .threebtn .savebtn1:hover {
	background-color: #f1e9f6;
}
.myaccount .myaccountright .emailform .threebtn .savebtn2 {
	display: inline-block;
	border-radius: 29px;
	background: #741FA2;
	padding: 15px 40px;
	color:  #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.myaccount .myaccountright .emailform .threebtn .savebtn2:hover {
	background-color: rgba(93, 25, 130, 1);
}
.myaccount .myaccountright .tabeldeta {
	float: left;
	width: 100%;
	padding-top: 40px;
}
.myaccount .myaccountright .tabeldeta table {
	border-collapse: unset;
    border: none;
    border-spacing: 0;
}
.myaccount .myaccountright .tabeldeta table tbody {
	float: left;
	width: 100%;
	padding-bottom: 4px;
	border-bottom: 1px solid #F4F4F4;
	margin-bottom: 20px;
}
.myaccount .myaccountright .tabeldeta table tbody:last-child {
	border-bottom: none;
}
.myaccount .myaccountright .tabeldeta table tr{
	float: left;
	width: 100%;
	padding-bottom: 16px;
	display: flex;
	gap: 5px;
}
.myaccount .myaccountright .tabeldeta table tr th {
	float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #080808;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 23.28px;
    padding-bottom: 4px;
}
.myaccount .myaccountright .tabeldeta td label {
	width: 135px;
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .myaccountright .tabeldeta td span {
	color: #080808;
	text-align: right;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .myaccountright .tabeldeta .addbtn {
	float: left;
	width: 100%;
}
.myaccount .myaccountright .tabeldeta .addbtn a.addmember img {
	padding-right: 10px;
}
.myaccount .myaccountright .tabeldeta .addbtn a.addmember {
	display: inline-block;
	color: #FFF;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	padding: 15px 40px;
	border-radius: 29px;
	background: #21C7AD;
}
.myaccount .listitemsright .storelistitems .error {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
}
.myaccount .listitemsright .storelistitems .error h2 {
	color: #741FA2;
	text-align: center;
	font-family: Mulish;
	font-size: 52px;
	font-weight: 800;
	line-height: 66px;
}
.myaccount .listitemsright .storelistitems .error h6 {
	color: #080808;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.myaccount .listitemsright .storelistitems .error p {
	color: #767676;
	text-align: center;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .listitemsright .storelistitems .pandlearn {
	float: left;
	width: 100%;
}
.myaccount .listitemsright .storelistitems .pandlearn p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding-bottom: 40px;
}
.myaccount .listitemsright .storelistitems .pandlearn a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .listitemsright .storelistitems .storeinbrand {
    float: left;
    width: 100%;
}
.myaccount .listitemsright .storelistitems .brandinner {
    display: flex;
    gap: 20px;
    border-bottom: 1px solid #F4F4F4;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.myaccount .listitemsright .storelistitems .brandinner:last-child {
	border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.myaccount .listitemsright .storelistitems .brandinner .brandimg {
	float: left;
}
.myaccount .listitemsright .storelistitems .brandinner .content {
	display: flex;
    flex-direction: column;
    gap: 16px;
}
.myaccount .listitemsright .storelistitems .brandinner .content h4 {
	color: #080808;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.myaccount .listitemsright .storelistitems .brandinner .content p {
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .listitemsright .storelistitems .brandinner .content a {
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .listitemsright .storelistitems .brandinner .content a:hover{
	text-decoration: underline;
}
.myaccount .listitemsright .brandinner .content .loction {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 11px;
}
.myaccount .listitemsright .brandinner .content .loction p {
	display: flex;
	gap: 10px;
	color: #767676;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.myaccount .listitemsright .brandinner .content .loction p img {

}
.myaccount .listitemsright .storelistitems .brandinner .btnunfollow {
	float: left;
}
.myaccount .listitemsright .brandinner .btnunfollow a.unfollow {
	display: inline-block;
	color: #741FA2;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	padding: 15px 40px;
	border-radius: 29px;
	border: 2px solid #741FA2;
}
.myaccount .listitemsright .brandinner .btnunfollow a.unfollow:hover {
	background-color: #f1e9f6;
}
.myaccount .listitemsright .storelistitems .brandinner .btnunfollow.desktop {
	display: block;
}
.myaccount .listitemsright .storelistitems .brandinner .btnunfollow.mobile {
	display: none;
}

/* account datile 19-12-2023 and 20-12-2023 end*/

/* Print-slider page 25-11-2024 and 26-11-2024 start */
.homestoreslists.printpage .searchstoreslists {
    float: left;
    width: 100%;
    padding: 20px 0px 0px 0px;
    background: #F4F4F4;
}
.printslider {
    float: left;
    width: 100%;
    padding: 40px 0;
    background: #ffffff;
}
.printslider .fullcontainer {
    float: left;
    width: 100%;
}
.printslider .main {
  width:100%;
  display:block;
}
.printslider .slick-slider {
    margin-bottom: 0px;
}
.printslider .slick-list.draggable {
    padding: 0 360px !important;
}
.printslider .slick-next {
    right: 20%;
    background: #FFFFFF;
    border-radius: 50%;
    width: 34px;
    height: 34px;
}
.printslider .slick-prev {
    left: 20%;
    background: #FFFFFF;
    z-index:999;
    border-radius: 50%;
    width: 34px;
    height: 34px;
}
.printslider .slick-next:before, 
.printslider .slick-prev:before {
    content: '';
    font-size: 20px;
    line-height: 0;
    opacity: .75;
    color: #19171C;
}
.printslider .slick-next:focus, 
.printslider .slick-next:hover, 
.printslider .slick-prev:focus, 
.printslider .slick-prev:hover {
    color: #ffffff;
    outline: 0;
    background: #5D1982;
}
.printslider .main .box {
    float: left;
    width: 100%;
    border-radius: 10px;
    display: flex;
    margin: 0 15px;
}
.printslider .main .box .fimg {
    float: left;
    width: 26%;
    background: #5D1982;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.printslider .main .box .content{
    float: left;
    width: 23%;
    display: flex;
    align-items: center;
    background: #080808;
}
.printslider .main .box .content p {
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 22.48px;
    letter-spacing: 0.16em;
    color: #FFFFFF;
}
.printslider .main .box .content h5 {
    font-family: Mulish;
    font-size: 28px;
    font-weight: 800;
    line-height: 36.26px;
    color: #FFFFFF;
}
.printslider .main .box .content a {
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 23.28px;
    text-align: left;
    text-decoration-line: underline;
    text-decoration-style: solid;
    color: #FFFFFF;
}
.printslider .main .box .limg {
    float: left;
    width: 51%;
}
.printslider .main .box .fimg img {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.printslider .main .box .limg img {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.printslider .main .bgblack {
    display: flex;
    gap: 39px;
    flex-direction: column;
    padding: 20px 20px 20px 20px;
}
.printslider .main .box .fimg .mobile {
    display: none;
}
.printerhead .category {
    float: left;
    width: 100%;
}
.printerhead select {
    padding: 0px 5px 0px 0px;
    background: transparent;
    color: #000;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    outline: none;
    border: none;
    line-height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../images/category-down.svg");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 10px;
    cursor:pointer;
}
.printerhead .available {
    float: left;
    width: 20%;
}
.printerhead .available p {
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}
.printerhead .available p b {
    padding-right:10px;
    font-weight: 700;
}
.printerhead .progessbar {
    float: left;
    width: 25%;
}
.progessbar .progessbar-inner {
    max-width: 264px;
    margin: 0px auto;
    padding: 0px;
    background-color: #FFF;
}

.progessbar .progessbar-inner .cssProgress {
    width: 100%;
    margin-bottom: 0px;
}
.progessbar .progessbar-inner .progress-bar-container {
    position: relative;
    background-color: transparent;
    border-radius: 29px;
    overflow: hidden;
    height: 49px;
    border: 1px solid #E5E5E5;
}
.progessbar .progessbar-inner .cssProgress-bar {
    height: 100%;
    background: #741FA2; /* Color for GREASE */
    transition: width 0.5s ease, box-shadow 0.5s ease; /* Ensure the transition is smooth */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 29px;
}
.progessbar .progessbar-inner .cssProgress-bar.grit {
    background: #741FA2;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.progessbar .progessbar-inner .cssProgress-bar.glory {
    background: gold; /* Color for GLORY */
    color: rgba(0,0,0,1);
}

.progessbar .progessbar-inner .cssProgress-label {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 1em;
}

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

.progessbar .progessbar-inner .pulsing {
    animation: pulse 0.6s ease-in-out forwards;
}

@keyframes celebrate {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.progessbar .progessbar-inner .celebrate {
    animation: celebrate 0.6s ease-in-out forwards;
}


@keyframes glowPulse {
    0% {
        box-shadow: 0 0 20px 10px rgba(207, 164, 64, 0.5); /* Start with a soft red glow */
    }
    50% {
        box-shadow: 0 0 30px 20px rgba(207, 164, 64, 0.8); /* Increase the glow intensity */
    }
    100% {
        box-shadow: 0 0 20px 10px rgba(207, 164, 64, 0.5); /* Final glow */
    }
}

.progessbar .progessbar-inner .progress-bar-container.glowing {
  border: 2px solid #000;
    animation: glowPulse 1.5s infinite; /* Apply the pulsing glow animation */
  background-color: #EEE;
}


/* Print-slider page 25-11-2024 and 26-11-2024 end*/

/* Print-Coupon-Slider page 28-11-2024 start */
.printcoupon {
    float:left;
    width:100%;
    background:#F4F4F4;
    padding: 40px 0 80px 0;
}
.printcoupon .printheading {
    float:left;
    width:100%;
    text-align: left;
    margin-bottom: 50px;
}
.printcoupon .printheading h2 {
    font-family: Mulish;
    font-size: 36px;
    font-weight: 800;
    line-height: 45px;
    color: #080808;
    margin-bottom: 24px;
}
.printcoupon .printheading p {
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #080808;
    margin-bottom:60px;
}
.printcoupon .printtwobtnmain {
    float: left;
    width:100%;
    margin-top: 50px;
    display: flex;
    gap: 10px;
}
.printcoupon .printtwobtnmain button {
    display: inline-block;
    gap: 10px;
    outline: none;
    box-shadow: none;
    background: transparent;
    border: none;
    padding:0;
}
.printcoupon .printtwobtnmain button a.cancelbtn {
    display:inline-block;
    width:150px;
    padding: 15px 40px 15px 40px;
    border-radius: 29px;
    border: 2px solid #741FA2;
    color:#741FA2;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}
.printcoupon .printtwobtnmain button a.printbtn {
    display:inline-block;
    width:150px;
    padding: 15px 40px 15px 40px;
    border-radius: 29px;
    color:#FFFFFF;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    background:#741FA2;
}
.printcoupon .printcouponslider {
    float: left;
    width: 100%;
    padding: 40px;
    background: #ffffff;
    border-radius: 10px;
}
.printcoupon .printcouponslider .main .slider__item {
    float: left;
    width: 100%;
    border-radius: 10px;
    display: flex;
    padding: 20px 50px;
    border: 3px dashed #767676;
    margin:0;
}
.printcoupon .printcouponslider .slick-list.draggable {
    padding: 0 0 !important;
}
.printcoupon .printcouponslider .rightcontent h3{
    color: #741FA2;
    font-size: 75px;
    font-weight: 900;
    line-height: 1;
    margin-top: 0px;
}
.printcoupon .printcouponslider .rightcontent p{
    color:#767676;
}
.printcoupon .printcouponslider .slider {
    
}
.printcoupon .printcouponslider .slick-arrow {
    position: absolute;
    top: -5%;
    z-index: 1;
    width: 3rem;
    height: 3rem;
    transform: translateY(-200%);
    padding: 0;
    overflow: hidden;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 2px solid rgba(116, 31, 162, 1);
    border-radius: 50%;
    cursor: pointer;
    outline: none;
    transition: 0.25s;
    background: rgba(116, 31, 162, 1);
}
.printcoupon .printcouponslider .slick-arrow :hover,
.printcoupon .printcouponslider .slick-arrow :focus {
    border-color: #F08A5D;
}
    
.printcoupon .printcouponslider .slick-arrow :active {
    transform: translateY(-50%) scale(0.9);
}
 .printcoupon  .slick-prev::before, 
.printcoupon .slick-next::before {
    content: none !important; 
}

.printcoupon .slick-prev img, 
.printcoupon .slick-next img {
    width: 24px; 
    height: auto;
    display: block;
}
  
.printcoupon .printcouponslider .slick-prev {
    left: 51.5vw;
}

.printcoupon .printcouponslider .leftside .coupon h5{
    color: #741FA2;
    font-size: 75px;
    text-align: center;
    font-weight: 900;
    line-height:1;
    margin-top:15px;
}
.printcoupon .printcouponslider .leftside .coupon  p{
    color: #741FA2;
    font-size: 49px;
    text-align: center;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 15px;
    letter-spacing: -2.5px;
}
.printcoupon .printcouponslider .leftside  .barcode {
    margin-top: 15px;
    padding: 0 10px;
}
.printcoupon .printcouponslider .slick-next {
    right: -2vw;
}

.printcoupon .printcouponslider .slider__item {
    position: relative;
    height: 100%;
    width: 100%;
}
.printcoupon .printcouponslider .slick-arrow img {
    margin:0 auto;
    max-width: 100%;
    object-fit: cover;
}

.printcoupon .printcouponslider .slider__counter {
    position: absolute;
    top: -6.2rem;
    left: -2em;
    z-index: 1;
    font-size: 20px;
    font-weight: 700;
    color: rgba(118, 118, 118, 1);
    mix-blend-mode: difference;
    pointer-events: none;
    font-family: 'Mulish';
    line-height: 28px;
}
.printcoupon .printcouponslider .leftside {
    float: left;
    width: 30%;
    border-right: 3px dashed #767676;
    padding-right: 20px;
    margin-right: 20px;
    position:relative;
}
.printcoupon .printcouponslider .leftside img.cutter {
    position: absolute;
    bottom: -17px;
    width: 25px;
    right: -14px;
}
.printcoupon .printcouponslider .rightcontent {
    float: left;
    width: 70%;
    padding:40px;
}
.printcoupon .printcouponslider .rightcontent h4{
    color: #767676;
    font-size: 45px;
    font-weight: 900;
    line-height: 1;
    margin: 10px 0;
}

/* Print-Coupon-Slider page 28-11-2024 end */


/* sign up empty field Calendar view start */


.birthdaycalendarpopup .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, 0);
}
.birthdaycalendarpopup .modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh; /* Full viewport height */
    max-width: 458px;
    margin: 0 auto;
}
.birthdaycalendarpopup .modal-content {
    border: none;
    box-shadow: 5px 9px 10px 0px #0000001A;
}
.birthdaycalendarpopup .modal-header {
    background-color: #741FA2;
    border-bottom: 0px !important;
    padding: 19px 0;
    border-radius: 4px;
}
.birthdaycalendarpopup .modal-title {
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    font-family: Mulish;
    font-size: 24px;
    font-weight: 700;
    line-height: 30.12px;
}
.birthdaycalendarpopup .modal-body{
	border: none;
    padding: 7px 34px 7px 34px;
}

.scrollable-list {
    height: 382px;
    overflow-y: auto;
    padding: 0px;
    text-align: center;
}

.scrollable-list div {
    padding: 15px 20px;
    cursor: pointer;
    border: none;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #080808;
}
.scrollable-list div:hover {
	border: 1px solid #741FA2;
	background-color: transparent;
	border-radius: 5px;
}
.scrollable-list div.active {
	background-color: #741FA2;
	color: #fff;
	border-radius: 5px;
}
.birthdaycalendarpopup .modal-body .calendarbox {
    display: flex;
    gap: 12px;
}
.birthdaycalendarpopup .modal-body .leftdate {
    width: 84px;
    text-align: center;
}
.birthdaycalendarpopup .modal-body .centermonth {
    width: 203px;
    text-align: center;
}
.birthdaycalendarpopup .modal-body .rightyear {
    width: 84px;
    text-align: center;
}
.birthdaycalendarpopup .modal-body .scrollable-list::-webkit-scrollbar {
  display: none;
}
	
/* sign up empty field Calendar view end */

/*  new added css for responsive view */
.filterformobile .viewfilter{
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    column-gap: 24px;
    color: #767676;
    font-family: Mulish;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0;
    border-radius: 10px;
}
.filterformobile{
    float: left;
    width: 100%;
    background: #FFF;
    border-radius: 10px;
    border: none;
    padding-right: 0px;
    margin-bottom: 30px;
    
}
.filterformobile .icon{
    border-right: 1px solid #F4F4F4;
    padding: 15px;
}
.filterformobile .icon img{
    width: 25px;
    margin-left: 10px;
    cursor: pointer;
}
.filterformobile .filtericon {
    padding: 15px;
    color: #767676;
    font-family: Mulish;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.filterformobile .filtericon img{
    margin-right:5px;
}
.filterformobile .filterheader {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    padding: 15px;
    /*box-shadow:5px 9px 10px 0px rgba(0, 0, 0, 0.10);*/
    flex-direction:row-reverse;
}
.filterformobile .filterheader p{
    font-family: Mulish;
    font-size: 24px;
    font-weight: 700;
    line-height: 30.12px;
    color: #080808;
}
.filterformobile .filterheader  span{
    color: #BEBEBE;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    
}
.filterformobile .filterpopupitems{
    padding: 0 15px;
    margin: 30px 0;
}
.filterformobile .filterpopupitems label {
    padding: 10px 0;
}
.filterformobile hr{
    margin:15px;
    color:#F4F4F4;
}
.filterformobile  .listitemsleft {
    padding: 0 15px;
}
.filterformobile .categorylist{
    gap:10px !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
.filterformobile  .categories{
    padding-bottom:0 !important;
}
.filterformobile  .sectionhead1{
    margin-bottom:0 !important;
}
.filterformobile .categorylist .item{
    padding:8px 20px 0px 20px !important;
}
.filterpopup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    overflow-x: hidden;
    padding: 20px 0;
    z-index: 999;
    height: auto;
    width: 100%;
    transform: translateY(-3000px);
    transition: 2s;
    transition-timing-function: ease-in-out;
}
.filterpopup.active{
    transform: none;
    transition: 1s;
    transition-timing-function: ease-in-out;
}
.searchstoreslists .categorylist .itembrand img:hover{
    filter: brightness(0.5);
}
.searchstoreslists .categorylist .item:hover{
    background: #F4F4F4;
}
.filterpopup .showresultsbutton {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    background: #fff;
    box-shadow: 0px -6px 10px 0px #0000001A;
    padding:0 15px;
}
.filterpopup .showresultsbutton a{
    min-width: 199px;
    padding: 15px 40px;
    border-radius: 29px;
    background: #741FA2;
    color: #FFF;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 15px 0;
    width:100%;
}
.filterpopup .besstores .categorylist{
    margin-bottom:50px;
    padding-bottom:40px;
}
.filterpopup select{
    color:#BEBEBE;
}
.imagetag span {
    position: absolute;
    width: auto;
    transform: rotate(45deg);
    font-family: Mulish;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    top: 25px;
    right: 5px;
}
.searchstoreslists.pb-freebies-vertical .categorylist .itembrand img{
    width:152px;
    height:90px;
    object-fit:contain;
    object-position:center;
    border-radius:10px;
}
.detailsection .right .itembrand img, .faq-page .right .right-inner .image-div img {
    height: 90px;
    object-fit: contain;
    object-position: center;
    border-radius: 10px;
}
/*.bookingbg{*/
/*    background: #003B94;*/
/*}*/
/*.doordashbg{*/
/*    background:#080808;*/
/*}*/
/*.wayfairbg{*/
/*    background:#7F197F;*/
/*}*/
/*.lenovobg{*/
/*    background:#EB0504;*/
/*}*/
#datepicker {
  
  border: none;
  font-size: 12px;
  background-color: transparent; /* Light background like select field */
  color: #767676;
  position: relative;
  cursor: pointer;
  /* Remove default date input icon to make it custom */
  appearance: none; 
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Add chevron-down SVG as the background image */
#datepicker::after {
  content: ''; /* Remove default content */
  background-image: url('https://beforesubmit.com/birthday-bennies/images/chewron-down.svg'); /* URL of the chevron-down image */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px; /* Adjust size as needed */
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* Ensure the icon does not interfere with clicking the input */
}

#datepicker:focus {
  border-color: #6C63FF; /* Focus color */
  outline: none;
}

.filterformobile #datepicker {
    position: relative;
    cursor: pointer;
    width: 100%;
    margin: 0;
    border-radius: 4px;
    padding: 12px 20px;
    background: #F4F4F4;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    border: none;
    line-height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #000;
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
#Freebie .storelistitems .item, #Deal .storelistitems .item, #All .storelistitems .item, .storelistitems.horisontal.active, #Non-Printable .storelistitems .item, #Printable .storelistitems .item{
     animation: slideUp 1s ease-out forwards;
}
 .storelistitems.vertical.active{
    animation: fadeIn 1s forwards; 
 }

.myaccount .myaccountright .tabeldeta .addbtn a.addmember:hover{
    background:rgba(30, 158, 138,1);
}
.pricewhishlist .discountexp{
    color: #767676;
    font-family: Mulish;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.57px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.searchstoreslists .storelistitems .item:hover .discountexp{
    display:none;
}
.storelistitems .item:only-child {
    width: 100%;
}
.storelistitems .item:only-child .info .ratingexp{
    justify-content: flex-start;
    gap:10px;
}
.storelistitems .item:only-child hr{
    /*display: none;*/
    float: left;
    width: 100%;
    margin-bottom: 24px;
}
.storelistitems .item:only-child .single-row-box {
    display: flex;
    justify-content:space-between;
}
.storelistitems .item:only-child .pricewhishlist{
    float: none;
    width: auto;
    display: block;
}
.storelistitems .item:only-child .sharget{
    display:none;
}
.storelistitems .item:only-child  .wishlist {
    margin-top: 10px;
}
.viewdealbutton{
    display:none;
}
.storelistitems .item:only-child .viewdealbutton{
    display: block;
    background-color: #21C7AD;
    padding: 15px 20px 15px 20px;
    font-family: Mulish;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff !important;
    border-radius: 29px;
}
.storelistitems .item:only-child .wishlist{
    display: flex;
    align-items: center;
    column-gap: 12px;
}
.storelistitems .item:only-child .info h3{
     margin-top:20px;
     margin-bottom:20px;
 }
.storelistitems .item:only-child .info .pricewhishlist .price{
     margin-bottom:20px;
 }
 .sectionhead1 .widget.newslaterform .emailform input[type="submit"]:hover {
    background: #118f7b;
}
.wishlist a i {
   
    transition: color 0.3s ease;
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
}

.wishlist a.filled i {
    color: #EB0504; /* Color for the filled heart */
}
.wishlist a.filled i:before{
    content:none;
}
.wishlist a.filled .fa-heart-o {
    display: none; /* Hide the outline heart */
}

.wishlist a.filled::before {
    content: "\f004"; /* Unicode for fa-heart (solid heart) */
    font-family: FontAwesome;
    color: #EB0504;
}
/* Hide the default checkbox */
.iagreeto input[type="checkbox"] {
    opacity: 0;
    width: 20px;
    height: 20px;
    z-index: 999;
}
.iagreeto input[name="Remember1"] {
    position: relative;
    right: 2px;
    bottom: 12px;
}
/* Style the label as a custom checkbox container */
.iagreeto label {
    position: relative;
    padding-left: 12px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    user-select: none;
}

/* Add the custom checkbox box */
.iagreeto label::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 2px;
    width: 20px;
    height: 20px;
    border: 2px solid #aaa;
    border-radius: 4px;
    transition: background-color 0.3s, border-color 0.3s;
}

/* Style the label link */
.iagreeto label a {
  color: #007BFF;
  text-decoration: underline;
}

.iagreeto label a:hover {
  text-decoration: underline;
}

/* Add a checkmark when the checkbox is checked */
.iagreeto input[type="checkbox"]:checked + label::before {
  background: #21C7AD; /* Green when checked */
  border-color: #21C7AD;
  content: '✔'; /* Checkmark */
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.sectio2-claim-flow .right .createpwd-inner .newpwd .button .submitbtn:hover{
    background-color: rgba(93, 25, 130, 1);
}
.releted-blog .read-more a:hover {
    filter: brightness(0.9);
}
.sectio5-claim-flow .left a:hover{
    background: #118f7b;
}
.sectio3-claim-flow .left .img-box{
    position:relative;
}
.sectio3-claim-flow .left .img-box .businessinfo {
    position: absolute;
    box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10);
    top: 20%;
    right: 20%;
    background: #fff;
    border-radius: 10px;
}
.sectio3-claim-flow .left .img-box .businessinfo h3{
    font-family: Mulish;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: rgba(116, 31, 162, 1);
    padding: 15px;
}
.sectio3-claim-flow .left .img-box .businessinfo label {
    color: rgba(8, 8, 8, 1);
    font-family: Mulish;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    padding: 10px;
}
.sectio3-claim-flow .left .img-box .businessinfo p{
    color: rgba(118, 118, 118, 1);
    font-family: Mulish;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 10px;
}
.sectio3-claim-flow .left .img-box .businessinfo .socialmediaicons {
    padding: 15px 10px;
}
.editicon{
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #741FA2;
    border-radius: 29px;
    border: 2px solid #741FA2;
    padding: 13px 27px;
    margin-top: 15px;
}
.editicon img{
    margin-right:10px;
}
.newfieldfordate .birthday-picker {
  display: flex;
  gap: 5px;
}

.newfieldfordate  .custom-select {
  position: relative;
 height:auto;
 background:#F4F4F4 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
 border:none;
}

.newfieldfordate  .custom-select input {
  width: 100%;
  padding: 6px !important;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  background-color: #f9f9f9;
  text-align:center;
}
.newfieldfordate  input{
    font-size:13.5px !important;
}
.newfieldfordate  .custom-select .options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 200px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: none;
  z-index: 10;
}

.newfieldfordate  .custom-select .options.show {
  display: block;
}

.newfieldfordate  .custom-select .options li {
  padding: 10px;
  cursor: pointer;
}

.newfieldfordate  .custom-select .options li:hover {
  background-color: #f0f0f0;
}
.editicon:hover{
        background: rgb(241, 233, 246);
        color:#741FA2;
}

.home .stickyheader.visible {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: white;
    z-index: 100;
}
.home .stickyheader .announcebar{
    display:block;
}
.home .stickyheader.visible .header-3{
    display:none;
}
.home .header-3{
    display:none;
}
/* Optional: Add a transition effect */
.header-3 {
    transition: top 0.3s ease;
}
.header.merchant.header-3.visible {
    position: fixed;
    top: 0;
    z-index: 999;
}

.printpopup, .codepopup{
    display:none;
}
.printpopup.active, .codepopup.active{
    display:flex;
    position:fixed;
    height:100%;
    align-items:center;
    z-index:999;
    width: 100%;
    background: rgba(0,0,0,0.6);
    
}
.printpopup.active .sitecontainer, .instructionpopup.active .sitecontainer, .codepopup.active .sitecontainer{
    max-width:750px;
}
.printpopup.active .close-btn, .codepopup.active .close-btn{
    position: absolute;
    top: 30px;
    right: 10px;
    background: none;
    border: none;
    font-size: 2.5rem;
    cursor: pointer;
    color: #333;
}
.instructionpopup{
    display:none;
}
.instructionpopup.active{
    display:flex;
    position:fixed;
    height:100%;
    align-items:center;
    z-index:999;
    width: 100%;
    background: rgba(0,0,0,0.6);
}
.instructionpopup.active .close-btn{
    position: absolute;
    top: 30px;
    right: 10px;
    background: none;
    border: none;
    font-size: 2.5rem;
    cursor: pointer;
    color: #333;
}
.instructionpopup.active .howtoclaim{
    display:none;
}


.codepopup .coupon-container {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 84px;
    background-color: rgb(241, 233, 246);
    color: #741FA2;
    padding: 15px 20px;
    justify-content: space-between;
    border: 1px dotted rgba(213, 188, 227, 1);
}
.codepopup span#couponCode {
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: rgba(116, 31, 162, 1);
}
.codepopup #copyBtn {
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    background: none;
    color: rgba(116, 31, 162, 1);
    border:none;
    cursor:pointer;
}

.codepopup .coupon-container.copied{
    background-color: rgba(231, 251, 241, 1);
    color: rgba(16, 141, 121, 1);
    border: 1px dotted rgba(33, 199, 173, 1);
}
.codepopup .coupon-container.copied span#couponCode{
        color: rgba(16, 141, 121, 1);
}
.codepopup .coupon-container.copied #copyBtn{
    color: rgba(16, 141, 121, 1);
}
.codepopup .coupon-container.copied #copyBtn:focus{
    outline:none;
}
.genderfield button.btn.dropdown-toggle.btn-default, .cityfield button.btn.dropdown-toggle.btn-default{
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 4px;
    padding: 12px 20px;
    background: #F4F4F4;
    color: #000;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    border: none;
    line-height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../images/chewron-down.svg");
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 12px;
}
.genderfield span.bs-caret, .genderfield .dropdown-toggle::after, .cityfield span.bs-caret, .cityfield .dropdown-toggle::after {
    display: none;
}
.blog-section .left .read-more:hover a {
    background-color: rgb(241, 233, 246);
}
.card{
    position:static;
}
.blog-side-pannel .widget.search button:hover {
    background: #4f1170;
}
.blog-category-list .blogcategoryitems .item .content a:hover{
background-color: rgb(241, 233, 246);
}
.blog-side-pannel .widget.blgcat ul li:hover {
    background-color: rgb(241, 233, 246);
}
.blog-side-pannel .widget.blgcat{
    padding:20px 0;
}
.blog-side-pannel .widget.blgcat label.widgetlabel {
    padding: 0px 20px 0 20px;
}
.blog-side-pannel .widget.blgcat ul li a{
    padding:5px 20px;
}
.detailsection .articletags .rating a{
    color:#767676;
}
.detailsection .right .itembrand img:hover {
    transform: scale(1.1);
    transition:all 0.1s ease-in 0.1s;
}
.faq-page .form-div .fieldselectbox input[type="checkbox"] {
    margin-right: 10px;
}
select#cars {
    width: 200px;
    color:rgba(190, 190, 190, 1);
}
.articledetails .articlecontents .signin .signin-inner a.signup:hover{
    background: #531475;
}

.cartright{
    float: left;
    width: 100%;
    background: #F4F4F4;
}
.cartright .searchstoremain .listitemsright{
    float: right;
    width: 100%;
    height: 100%;
    padding: 30px;
    border-radius: 10px;
}
.cartright.searchstoreslists .storelistitems{
    width:68%;
}
.cartright .listitemsright .myaccountright {
    float: left;
    width: 100%;
}
.cartright .myaccountright .heading {
    float: left;
    width: 100%;
    padding-bottom: 40px;
}
.cartright .myaccountright .heading h3 {
    color: #080808;
    font-family: Mulish;
    font-size: 24px;
    font-weight: 700;
}
.searchstoreslists.cartright  .tabcontrol {
    float: left;
    width: 100%;
    padding-bottom: 0px;
}
.cartright .storelistitems .item {
    width: 47.9%;
    border-radius: 10px;
    border: 1px solid #F4F4F4;
}
.cartright .searchstoremain .listitemsleft {
    float: left;
    width: 32%;
    padding-bottom: 0px;
    padding: 0 30px;
}
.searchstoreslists.cartright .tabcontrol .tab button.tablinks.active {
    color: #741FA2;
    border-bottom: none;
    font-weight:700;
}
.searchstoreslists.cartright  .tabcontrol .tab button.tablinks{
    font-weight:400;
    color:rgba(8, 8, 8, 1);
}
.searchstoreslists.cartright  .tabcontrol .tab button{
    width:auto;
   
}
.searchstoreslists.cartright  .tabcontrol .tab {
    float: left;
    width: 100%;
    border-bottom: 2px solid #F4F4F4;
    margin-bottom: 20px;
}
.pricewhishlist .wishlist img.carticon {
    margin-left: 15px;
    cursor:pointer;
}

/*.storelistitems .item .info .pricewhishlist .wishlist img:hover {
    content: url("../images/carticon-simple-hover.png");
}
.storelistitems .item .info .pricewhishlist .wishlist .carticon.active {
    content: url("../images/carticon-active.png"); 
}
.storelistitems .item .info .pricewhishlist .wishlist .carticon.active:hover {
    content: url("../images/carticon-hover.png");
}*/
/* Default hover state for non-active items */

.readytoget {
    float: left;
    width: 100%;
    padding: 80px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}
.readytoget .readytogetinner {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.readytoget .readytogetinner .leftheading {
}
.readytoget .readytogetinner .leftheading h2 {
    color: #FFF;
    font-family: Mulish;
    font-size: 36px;
    font-weight: 800;
    line-height: 45px;
}
.readytoget .readytogetinner .btnredyget {
}
.readytoget .readytogetinner .btnredyget a {
    font-family: Mulish;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #ffffff;
    background-color: #21C7AD;
    display: inline-block;
    width: 100%;
    max-width: 169px;
    padding: 15px 40px;
    border-radius: 29px;
}

@media (min-width:768px){
    .storelistitems .carticon:not(.active):hover {
  content: url('https://beforesubmit.com/birthday-bennies/images/carticon-simple-hover.png');
}
}

/* Hover state for active image */
/*.carticon.active:hover {
  content: url('https://beforesubmit.com/birthday-bennies/images/carticon-hover.png');
}*/


.searchstoreslists.cartright .tabcontrol .tab button {

    border: none;
    padding: 0px 16px 17px 16px;
    outline: none;
    background: transparent;
}
.cartright .lefttabsection {
    padding: 30px 0 0 30px;
}
.cartright .lefttabsection .tab{
    margin-bottom:0 !important;
}
.searchstoreslists.cartright .lefttabsection .tabcontrol .tab button{
    padding-bottom:0;
}
.searchstoreslists.cartright .searchstoremain{
    row-gap:10px;
}
.searchstoreslists.cartright .printerhead {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
}
.searchstoreslists.cartright .printerhead .title{
    font-family: Mulish;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #741FA2;
    margin-bottom: 21px;
}
.searchstoreslists.cartright .printerhead .category {
    float: none;
    width: 100%;
     margin-bottom: 21px;
     position: relative;
}
.searchstoreslists.cartright .custom-dropdown {
    position: relative;
    width: 100%;
    font-family: Arial, sans-serif;
}

.searchstoreslists.cartright .selected-option {
    cursor: pointer;
    padding: 0px 0px 0px 0px;
    background: transparent;
    color: #000;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    outline: none;
    border: none;
    line-height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../images/category-down.svg");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 10px;
}

.searchstoreslists.cartright .dropdown-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    z-index: 10;
    margin-top:10px;
    max-height: 500px;
    overflow-y: scroll;
    
}
.dropdown-options::-webkit-scrollbar {
    width: 8px; /* Width of the vertical scrollbar */
}

.dropdown-options::-webkit-scrollbar-track {
    background: transparent; /* Background of the scrollbar track */
    border-radius: 5px; /* Optional: rounded corners for track */
}

.dropdown-options::-webkit-scrollbar-thumb {
    background: #BEBEBE; /* Color of the scrollbar thumb */
    border-radius: 5px; /* Optional: rounded corners for thumb */
}

.dropdown-options::-webkit-scrollbar-thumb:hover {
    background: darkgray; /* Thumb color on hover */
}
.searchstoreslists.cartright .option {
    padding: 10px;
    cursor: pointer;
    transition: background 0.3s;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.searchstoreslists.cartright .option:hover {
    text-decoration:underline;
}

.searchstoreslists.cartright .add-button {
    display: block;
    width: 100%;
    padding: 10px;
    background: #007bff;
    color: #fff;
    border: none;
    cursor: pointer;
    text-align: center;
    border-top: 1px solid #ccc;
}
.storelistitems .item .info .pricewhishlist .wishlist{
    align-items: center;
    display: flex;
}
.searchstoreslists.cartright .option:nth-child(1) {
    padding-top: 15px;
}
.searchstoreslists.cartright .option:last-child{
    padding-bottom:15px;
}
.searchstoreslists.cartright .add-button:hover {
    background: #0056b3;
}
.searchstoreslists.cartright .dropdown-options a{
    background-color: #F4F4F4;
    width: 100%;
    padding: 10px 32px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #741FA2;
    position: sticky;
    bottom: 0;
}
.searchstoreslists.cartright .dropdown-options a:hover img {
    left: 5px;
    position:relative;
}
.searchstoreslists.cartright .printbtn2 button {
    width: 100%;
    background-color: transparent;
    border: none;
    padding:10px 0;
}
.searchstoreslists.cartright .printbtn2 button a.mylist{
    width: 100%;
    background: #741FA2;
    color: #fff;
    padding: 10px 40px 10px 40px;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 29px;
}
.searchstoreslists.cartright .printbtn2 button a.printb {
    width: 100%;
    background: #fff;
    color: #741FA2;
    padding: 10px 40px 10px 40px;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    border-radius: 29px;
    text-align: center;
    border: 1px solid #741FA2;
}
.selectedcartprice .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:20px;
}
.selectedcartprice .item  a{
    background-color: #741FA2;
    color: #FFF;
    padding: 10px 30px;
    border-radius: 29px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}
.samplepopup {
    width: 600px;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 10px;
    display: none;
}
.samplepopup .heading {
    background: #741FA2;
    padding: 19px 0;
    text-align: center;
}
.samplepopup .heading  h4{
    color:#fff;
}
.samplepopup .heading  h4 span{
    font-weight:bold;
}
.samplepopup  .description {
    padding-top: 32px;
    text-align: center;
}
.samplepopup  .description h3{
    font-size: 36px;
    font-weight: 800;
    line-height: 45px;
    text-align: center;
    color: #741FA2;
}
.samplepopup  .description p{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #080808;
}
.samplepopup  .coupan-list {
    padding-top: 36px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 24px;
    max-width: 421px;
    margin: 0 auto;
}

.samplepopup .coupan-list .coupan img {
    width: 100%;
    height: 108.46px;
    border: 1.31px solid #741FA2;
    border-radius: 7.84px 7.84px 0 0;
    border-bottom: none;
}
.samplepopup .coupan-list .coupan h4 {
    background: #741FA2;
    color: #FFFFFF;
    font-family: Mulish;
    font-size: 15.68px;
    font-weight: 700;
    line-height: 18.29px;
    text-align: center;
    padding: 0px 16.99px;
    height: 45.74px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:0 0 7.84px 7.84px;
}
.samplepopup p.manymore {
    color: #080808;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    width: 100%;
    padding-top: 36px;
    padding-bottom: 32px;
}
.samplepopup .followus p{
    color: #454545;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
}
.samplepopup .followus ul{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 14px;
}
.samplepopup .followus ul li{
    width: 27.69px;
    height: 27.69px;
    border: 1px solid #741FA2;
    border-radius: 50%;
    text-align: center;
}
.samplefooter p {
    padding: 9px 0 9px 0px;
    color: #767676;
    font-size: 12px;
    font-weight: 400;
    line-height: 18.84px;
    text-align: center;
    border-top: 1px solid #7676761A;
}
.samplepopup.active {
    display: block;
}
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.overlay.active {
    display: block;
}
.no-scroll {
    overflow: hidden;
    height: 100%;
}
/*.storelistitems.printsliderright {*/
/*    justify-content: flex-end;*/
/*}*/
.homestoreslists.printpage .printerhead.fullwith {
    width: 100%;
    flex-direction: row;
    gap: 46.17px;
    align-items: center;
}
.printerhead.fullwith .category {
    float: left;
    width: 23%;
}
.homestoreslists.printpage .printerhead.fullwith .progessbar {
    width: 47%;
    padding-bottom: 0px;
}
.homestoreslists.printpage  .printerhead.fullwith .available p {
    text-align: left;
    padding-bottom: 0px;
}
.homestoreslists.printpage  .printerhead.fullwith .available {
    display: flex;
    gap: 30px;
    align-items: center;
}
.homestoreslists.printpage .printerhead.fullwith select {
    padding-bottom: 0px;
}
.homestoreslists.printpage .printerhead.fullwith button a.printb {
    margin-bottom: 0;
}
.homestoreslists.printpage .printerhead.fullwith .printbtn2 {
    display: flex;
    width: 100%;
}
.homestoreslists.printpage .storelistitems.printsliderright{
    width:100%;
}
.homestoreslists.printpage .storelistitems.printsliderright .item {
    background: #fff;
    width: 31.5%;
}
.homestoreslists.printpage .storelistitems{
    width:70%;
}
.searchlocation .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10;
    padding:20px;
} 
.searchlocation .dropdown.active {
    display: block;
}
.searchlocation .location-search {
    width: 100%;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #ccc;
    outline: none;
    box-sizing: border-box;
}
.searchlocation .location-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 200px;
    overflow-y: auto;
}
.searchlocation .location-list li {
    padding: 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    transition: background 0.2s;
}

.searchlocation .location-list li:hover {
    background: #f0f0f0;
}

.searchlocation .location-list li:last-child {
    border-bottom: none;
}
.login {
  position: relative;
}


.login .dropdown-menu {
  display: none !important;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 150px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.login .dropdown-menu li {
  padding: 10px;
}

.login .dropdown-menu li a {
  text-decoration: none;
  color: #333;
  display: block;
}

.login .dropdown-menu li a:hover {
  background-color: #f4f4f4;
}

.login:hover .dropdown-menu {
  display: block !important;
  padding:7px 0;
}
li.login.userloggedin a{
    width: 100%;
}
li.login.userloggedin a:hover{
    background:transparent !important;
}
li.login.userloggedin{
    width:215px;
}
.login .dropdown-menu .itembox .iconlist a{
    display: flex;
    gap: 5px;
    padding: 15px 10px 10px 10px;
    align-items: center;
    font-size: 14.6px;
    color:inherit !important;
    font-weight:400;
}
.login .dropdown-menu .itembox .iconlist a:hover{
    background-color: #F4F4F4 !important;
    border-radius: 5px;
}
.announcebar.hidden {
    transform: translateY(-100%);
    display:none !important;
}
.header{
	float: left;
	width: 100%;
	padding: 18px 0px; 
	background: #741FA2;
	transition: margin-top 0.5s ease;
}
.header.moved-up {
   /* margin-top: -32px;  Match the height of the announce bar
    transition: margin-top 1s ease;*/
}
select option:first-child {
    color: gray; /* Change the text color of the first option */
}
.storelistitems .item .image a{
    width:100%;
    height:100%;
}
div#thankYouMessage p {
    margin-top: 20px;
    color: green;
}
.homestoreslists .sectionhead{
    margin-top:50px;
}
.bannersearch .selectcat .custom-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}

.bannersearch .selectcat .dropdown-btn {
    width: 100%;
    padding: 10px;
    border: none;
    background: #fff;
    text-align: left;
    cursor: pointer;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bannersearch .selectcat  .dropdown-btn:after {
    content: '\25BC'; /* Down arrow */
    float: right;
    margin-right: 10px;
}

.bannersearch .selectcat .dropdown-options {
    display: none;
    position: absolute;
    top: 140%;
    left: 0;
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    z-index: 3;
    padding: 10px;
}
.bannersearch .selectcat.homeother .custom-dropdown.open .dropdown-options{
    width: 180px;
}
.bannersearch .selectcat.homeother .dropdown-btn {
    background: transparent;
    justify-content: flex-end;
}

.bannersearch .selectcat  .dropdown-options label {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px;
    transition: background-color 0.3s;
}


.bannersearch .selectcat  .dropdown-options input[type="checkbox"] {
    margin-right: 10px;
    width:18px;
    height:18px;
    opacity:0;
}
.bannersearch .selectcat .custom-dropdown:focus-visible, .bannersearch .selectcat .dropdown-btn:focus-visible, .bannersearch .selectcat .dropdown-btn:focus{
    outline:none;
}
.bannersearch .selectcat  .custom-dropdown.open .dropdown-options {
    display: block;
}
.bannersearch .selectcat .dropdown-btn:after{
    content:none;
}
.bannersearch .fa-angle-down:before{
    color:grey;
}
.bannersearch .selectcat span.checkmark {
    position: absolute;
    left: 6px;
    height: 24px;
    width: 24px;
    background-color: #FFFFFF;
    border: 1px solid #BEBEBE;
    border-radius: 4px;
}
.bannersearch .selectcat input:checked ~ .checkmark {
    background-color: #21C7AD;
    border:none;
}
.bannersearch .selectcat .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.bannersearch .selectcat .checkmark:after {
    left: 9px;
    top: 4px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.bannersearch .selectcat input:checked ~ .checkmark:after {
    display: block;
}


.searchstoremain .custom-dropdown {
    position: relative;
}

 .searchstoremain .dropdown-selected {
    background: #fff;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
  .searchstoremain .dropdown-selected:after {
    content: "\f107";
    font-size: 20px;
    color: #741FA2;
    margin-left: 10px;
    font-family: 'FontAwesome';
}

.searchstoremain  .dropdown-list {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    z-index: 1;
}
.searchstoremain  .rating  .dropdown-list{
    width:auto;
}
.searchstoremain .filterpopupitems  .rating  .dropdown-list{
    width:100%;
}
.searchstoremain .filterpopupitems .dropdown-selected {
    background:#F4F4F4;
}
 .searchstoremain  .dropdown-item {
      padding: 10px;
      cursor: pointer;
      transition: 0.3s;
  }

 .searchstoremain  .dropdown-item:hover {
      background: #741FA2;
      color: white;
  }
 .searchstoremain  .show {
      display: block;
  }
  
  .share-list a img {
    transition: filter 0.3s ease;
}

.share-list a:hover img {
    filter: opacity(70%);
}
 

.searchstoreslists .sectionhead .sectionheadinner #datepicker{
    background: #fff;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    color:#212529;
}
#cartdetails {
    display:block;
}
#cartdetails  .items {
    position:relative;
}
#cartdetails .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 14px;
}
#cartdetails .pricewhishlist .price{
    margin:10px 0;
}
#cartdetails   li a{
    text-align:left;
    margin-top:10px;
}
#cartdetails  .cartempty{
    text-align:center;
    font-weight:bold;
    padding:10px;
}
.header .navmenus ul li.message:hover #cartdetails{
    display:block !important;
}
.myaccount .listitemsleft .widget-general .iconlist {
    float: left;
    width: 100%;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    padding: 10px;
    cursor:pointer;
}
.myaccount .listitemsleft .widget-general .itembox.logout{
    margin-bottom:0;
}
.myaccount .listitemsleft .widget-general .itembox.logout .iconlist{
    padding:0;
}
div#familyandfriends.added .myaccountright.onlymember{
    display:none;
}
div#familyandfriends.added .myaccountright.addmember{
    display:block !important;
}
.storelistitems.noitem.show {
    display: block !important;
}

div#thankYouMessage {
    display: none;
}
.createpwd-inner .otp-container {
    text-align: center;
}

.createpwd-inner .otp-container label {
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
    text-align: left;
    color: #080808;
}

.createpwd-inner .otp-inputs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.createpwd-inner .otp-box {
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f2f2f2;
    outline: none;
    transition: border 0.2s ease-in-out;
   
}
.createpwd-inner .otp-box::placeholder{
    color: #BEBEBE;
}
.createpwd-inner .otp-box:focus {
    border-color: #6200ea;
    background-color: #ffffff;
}

.createpwd-inner .separator {
    font-size: 22px;
    font-weight: bold;
    color: #888;
}

.createpwd-inner .resend-text {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
}

.createpwd-inner .resend-link {
    color: #741FA2;
    text-decoration: underline;
    font-weight: 400;
    font-size: 16px;
}

.createpwd-inner .resend-link:hover {
    text-decoration: underline;
}
.getstartedpopup .createpwd .createpwd-inner .button a:hover {
    background: rgba(93, 25, 130, 1);
}
.getstartedpopup .thank-you-section {
    text-align: center;
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    max-width: 600px;
}

.getstartedpopup .thank-you-image {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}
.getstartedpopup .createpwd.emailcheck {
    float: left;
    width: 100%;
    padding: 80px 0;
}
.getstartedpopup .createpwd.emailcheck h2{
    font-family: 'Mulish';
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
}
.getstartedpopup  .createpwd .createpwd-inner p {
    color: #080808;
    padding-bottom: 10px;
    font-family: 'Mulish';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
} 
.getstartedpopup  .createpwd .createpwd-inner p:last-child{
    color:#767676 !important;
}
.getstartedpopup  .createpwd .createpwd-inner p:last-child a{
        color: #741FA2;
    text-decoration-line: underline;
}

.getstartedpopup{
    display:none;
}
.getstartedpopup .createpwd{
    background:transparent;
}
.getstartedpopup{
  
    position: fixed;
    height: 100%;
    align-items: center;
    z-index: 999;
    width: 100%;
    background: rgba(0,0,0,0.6);
}
.getstartedpopup .createpwd.signup,.getstartedpopup .thank-you-section ,.getstartedpopup .thank-you-section, .getstartedpopup .createpwd.emailcheck{
    display:none;
}
.getstartedpopup  .createpwd .createpwd-inner{
    position:relative;
}
.getstartedpopup .createpwd.emailcheck .close-btn{
    position: absolute;
    top: 30px;
    right: 10px;
    background: none;
    border: none;
    font-size: 2.5rem;
    cursor: pointer;
    color: #333;
}
.getstartedpopup.show {
    display: flex;
    align-items:center;
    justify-content:center;
}
/*  new added css for responsive view */