/*----------light purple:-#905ca6 dark purple -#4f429a,yellow - #eeba1d  --------*/
/*============================================== GENERAL STYLES=================================*/
*{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: .01em;
	line-height: 1.8em;
	color: #000;
	text-transform: none;
}
a.decorationNone{
	text-decoration: none;
}
html{
	scroll-behavior: smooth;
}
img{
	object-fit: cover;
	object-position: center;
}
.paddingDiv{
	padding: 50px 0px;
}
button.btn{
	border-radius: 0px;
	border:0;
	padding: 10px 30px;
	   color: #fff;
	   height: 50px;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 10px;
	border: 2px solid transparent;
	text-transform: uppercase;
}
.btn i,button.btn:hover{
	   color: #fff;
}
.btn.btn-purple,.btn.btn-yellow:hover,.btn.btn-purple:hover{
	background: linear-gradient(90deg,#905ca6,#4f429a);
}
button.btn.btn-yellow{
	background: #eeba1d;
}
.btn input[type=submit]{
	color: #fff;
	border: 0;
	padding: 0px;
	font-weight: bold;
	background: transparent;
	text-transform: uppercase;
}
button.btn:focus,input.form-control:focus,select.form-control:focus,textarea:focus{
	outline: 0 !important;
	box-shadow: none !important;
}
ul li{
	list-style: none;
}
.hideInMobile{
	display: block;
}
.hideInWeb,.sideBar{
	display: none;
}
.webContent{
	margin-bottom: 25px;
}
.webContent .mainHeading{
	font-size:2rem;
	font-weight: 700;
	background: -webkit-linear-gradient(90deg,#905ca6,#4f429a);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	text-transform: capitalize;
	font-family: 'Philosopher', sans-serif;
	letter-spacing: 0px;
	margin-bottom: 0;
}
.webContent .subHeading {
	font-size: 1.2rem;
	color:  #eeba1d;
	letter-spacing: 0.5px;
	font-weight: 500;
	text-transform: uppercase;
}
.webContent.textWhite .mainHeading{
	background: transparent;
	-webkit-background-clip:initial;
	  -webkit-text-fill-color:initial;
	  color: #fff;
}
.webContent.textWhite .subHeading,.webContent.textWhite p{
	color: #fff;
}
.webContent p{
	font-weight: 400;
	color: #666666;
	font-size: 1rem;
	white-space:pre-line;
}
.purplebg,.subscriptionDiv button.btn:hover{
	background-image: -webkit-linear-gradient(90deg,#905ca6,#4f429a); 
	background-image:    -moz-linear-gradient(90deg,#905ca6,#4f429a); 
	background-image:     -ms-linear-gradient(90deg,#905ca6,#4f429a); 
	background-image:      -o-linear-gradient(90deg,#905ca6,#4f429a); 
	background-image:         linear-gradient(90deg,#905ca6,#4f429a);
}
.yellowbg{
	background:#eeba1d;
}
.purpleColor,.webContent .purpleColor{
	background-image: -webkit-linear-gradient(90deg,#905ca6,#4f429a); 
	background-image:    -moz-linear-gradient(90deg,#905ca6,#4f429a); 
	background-image:     -ms-linear-gradient(90deg,#905ca6,#4f429a); 
	background-image:      -o-linear-gradient(90deg,#905ca6,#4f429a); 
	background-image:         linear-gradient(90deg,#905ca6,#4f429a);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
}
.yellowColor,.webContent .yellowColor{
	color:#eeba1d;
}
input.form-control,select.form-control,textarea.form-control,input.form-control:focus,select.form-control:focus,textarea.form-control:focus{
	background: #f2f2f2;
	border-radius: 0;
	border: 0;
}
input.form-control,select.form-control,input.form-control:focus,select.form-control:focus{
	height: 50px;
}
textarea.form-control{
	resize: none;
	border-radius: 0px;
}
.displayFlex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.boxShadow{
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8);
}
.lightBg{
	background: #f2f2f2;
}
.dottedBorder{
	border-bottom: 2px dotted #6c757d;
}
.dashedBorder{
	border: 2px dashed #eeba1d;
	padding: 70px;
}
.scissorsIconDiv{
	position: relative;
	border-bottom:3px dotted #eee;
}
.scissorsIconDiv img.scissorsIcon{
	position: absolute;
	width: 50px;
	top: -25px;
	z-index: 99;
}
/*========================================== BANNER ========================================*/
	.headerSection{
		position: relative;
		height: 76px;
		background: #fff;
	}
	.header{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background: #fff;
		z-index: 99999;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
	}
	.navigation{
		position: relative;
	}
	.navbar .navbar-brand img{
		width: 200px;
	}
/*========================================== BANNER ========================================*/
	.landingBanner{
		height:auto;
		background: url(../../img/landing1/landingBanner.png);
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
	.landingBanner .landingBannerContent .setup-content#step-1{
		background: url(../../img/landing1/landingFormStep1.png);
		background-repeat: no-repeat;
		background-size:cover;
		position: relative;
		padding: 40px;
	}
	.landingBanner .landingBannerContent .setup-content#step-2{
		background: url(../../img/landing1/landingFormStep2.png);
		background-repeat: no-repeat;
		/* background-size:cover; */
		position: relative;
		padding: 40px;
	}
	.landingBannerContent a{
		color: #000;
		font-weight: bold;
	}
	.formsDetails .form-group{
		margin-bottom: 10px;
	}
	.formsDetails input.form-control,.formsDetails  select.form-control {
		margin-bottom: 0px;
		border-radius: 0;
		height: 45px;
	}
	.formsDetails input.form-control::placeholder,.formsDetails  select.form-control{
		font-size: 0.8rem;
		font-weight: bold;
	}
	.formsDetails img{
		width: 200px;
	}
	.formsDetails label,.formsDetails a{
		font-size: 0.8rem;
		font-weight: bold;
	}
	.invalid-feedback{
		color: #fff8f8 !important;
		font-weight: 400 !important;
		/* opacity: 0.8; */
	}
	.couponCode{
		font-size: 28px;
		font-weight: bold;
		color: #272660;
		text-align: center;
		height: 40px;
		border: 2px dotted #272660;
		padding: 8px 10px;
		background: #ffe9e9;
		text-transform: capitalize;
	}
	.contactFormSection label{
		font-weight: 600;
	}
/*========================================== HOW IT WORKS ========================================*/	
	.howitworklist img{
		width: 80%;
		height: 280px;
		object-fit: scale-down;
		margin-bottom: 20px;
	}
	.howitworklist.evenWork img{
		height:200px;
	}
	.howitworklist li{
		text-align: center;
	}
/*========================================== BROSWER SECTION ========================================*/	
	.browserSection{
		height: 500px;
	}
	.browserSection .webContent.textWhite{
		text-align: center;
	}
	.browserContentList,.browserList{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.browserContentList,.browserList{
		padding-left: 0;
	}
	.browserContentList li{
		text-align: left;
		flex-basis: 33.3%;
		color: #fff;
		font-weight: 500;
		display: flex;
		align-items: center;
	}
	.browserContentList li span{
		display: inline-block;
		width: 30px;
		height: 30px;
		border-radius: 0;
		background:#eeba1d;
		text-align: center;
		line-height: 30px;
		margin-right: 10px;
	}
	.browserContentList li span i{
		color: #fff;
		font-size: 1rem;
	}
	.browserList li span{
		color:#eeba1d;
		font-size: 3rem;
		margin-right: 30px;
	}
	.browserSection hr{
		background: #fff;
	}
	.counterSection .lightBg{
		margin-top: -150px;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
	}
	.counterSection .webContent .mainHeading{
		font-size: 3rem;
	}
	.retailerLogo{
		width: 100%;
		height: 150px;
		background: #f2f2f2;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.14);
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 15px;
	}
	.retailerLogo img{
		width: 130px;
		object-fit: scale-down;
	} 
	.copyrightsSection .webContent p{
		font-size: 0.8rem;
	}
	.copyrightsSection{
		padding:5px 20px;
	}
	.footerSection .nav .nav-link{
		color: #000;
		font-weight: bold;
	}
@media only screen and (max-width: 1400px){
	.browserContentList li{
		font-size: 0.9rem;
	}
}
@media only screen and (max-width: 1200px){
	.browserContentList li{
		flex-basis: 49%;
	}
	.browserContentList li{
		font-size: 1rem;
	}
	.landingBanner .landingBannerContent .setup-content#step-1,.landingBanner .landingBannerContent .setup-content#step-2{
		background:rgba(238,186,29, 0.9);
	}
}
@media only screen and (max-width: 992px){
	.landingBanner .landingBannerContent .setup-content#step-1,.landingBanner .landingBannerContent .setup-content#step-2{
		padding: 30px;
	}
}
@media only screen and (max-width: 769px){
	.browserContentList{
		display: block;
	}
	.browserContentList li{
		margin-bottom: 20px;
	}
	.counterSection .lightBg{
		margin-top: 0;
	}
	.browserContentList,.browserList{
		justify-content: flex-start;
	}
	.browserSection .webContent.textWhite{
		text-align: left;
	}
	#addToChromeButton{
		display: none;
	}
	button.btn{
		height: 40px;
	}
	.footerSection .nav-item .nav-link{
		padding: 0.2rem 1rem;
	}
	.howitworklist.evenWork img{
		height: 280px;
	}
	.browserSection{
		height: auto;
	}
	.navbar .navbar-brand .logo {
		width: 200px !important;
	}
}
@media only screen and (max-width: 450px){
	.footerSection .nav-item .nav-link{
		font-size: 0.9rem;
	}
	.landingBanner .landingBannerContent .setup-content#step-1 p,.landingBanner .landingBannerContent .setup-content#step-1 a{
		font-size: 0.8rem;
	}
	.navbar .navbar-brand .logo {
		width: 150px !important;
	}
	.howitworklist img,.howitworklist.evenWork img{
		height: 200px;
	}
}
@media only screen and (max-width: 375px){
	.retailerLogo img{
		width: 100px;
	}
	.counterSection .webContent .mainHeading {
		font-size: 2.5rem;
	}
	.landingBanner .landingBannerContent .setup-content#step-1,.landingBanner .landingBannerContent .setup-content#step-2{
		padding: 20px;
	}
}