body{
	padding:0px;
	margin:0px;
	width:100%;
}

#onboarding{
	margin-top:20px;
	padding:40px
}

/* width  */
::-webkit-scrollbar {
	width:8px;
	height:8px;
}

/* Track */
::-webkit-scrollbar-track {
	background:#ff9788;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #6c0e00; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background:#b71700; 
}

span.sub-heading{
	display: block;
    font-size: 11px;
	font-style: italic;
}

#grublogo{
	/* position:absolute;
	top:0%;
	right:60%;
	background: #ff6363;
	border-radius: 100%;
	padding: 7px; */

	top:65px;
	padding: 7px;
  	margin-left: auto;
  	margin-right: auto;
  	position: absolute;
	left: 0;
	right: 0;
  	width:90px;
	border-radius: 100%;
	text-align: center;
  	background: #ff6363;
}

#grublogo img{
	width:60px;
}


.cpcard{
	background-color: #ffffff;
	border-radius: 20px 20px 20px 20px;
	padding:60px 30px 60px 30px;
	/* width:350px; */
}

.onboardimage{
	width:160px;
}


#content{
	margin-top: 40px;
	padding:0px 10px 0px 10px;
}

#heading{
	font-family: Poppins;
	font-size: 24px;
	color: #FF6363;
	font-weight: 600;
}

#headtext{
	font-family: Poppins;
	font-size: 13px;
	color:#26292CB2;
	margin-top: -8px;
}

.cpfooter{
	background-color: #ffd7d1;
	font-family:Montserrat;
	border-radius: 0px 0px 20px 20px;
	padding:15px 20px 15px 20px;
}


#skip{
	background: none;
	border:none;
	padding: 0px;
	color: #FF6363;
	font-weight: 700;
	font-size: 13px;
}

.slideicon{
	width:10px;
}


#next{
	background-image: linear-gradient(to right, #FF9966 , #FF5E62);
	border:none;
	padding:3px 15px 3px 15px;
	color:white;
	border-radius:20px;
	font-weight: 700;
	font-size: 13px;
}



#next1{
	background-image: linear-gradient(to right, #4776E6 , #8E54E9);
	border:none;
	padding:3px 15px 3px 15px;
	color:white;
	border-radius:20px;
	font-weight: 700;
	font-size: 13px;
}


#done{
	background-image: linear-gradient(to right, #FFB800 , #FFCC4696);
	border:none;
	padding:3px 15px 3px 15px;
	color:white;
	border-radius:20px;
	font-weight: 700;
	font-size: 13px;
}

#offerModal #add_offers .promo_div ul.dropdown-menu{
	overflow-y: scroll;
	height: 250px;
}



/* Extra Large xl */
@media only screen and (max-width: 1200px) {
	

}




/* Large l */
@media only screen and (max-width: 992px) {


	#cpwidth{
		width:100%;
	}


	.cpinput_otp{
		font-size: 16px;
		padding:9px 10px 9px 10px;
		height:20px;
	}

}






/* medium md */
@media only screen and (max-width: 767px) {
	

}



/* small sm */
@media only screen and (max-width: 576px) {
	#next{
	
		padding:3px 10px 3px 10px;
		font-size: 13px;
	}
	
	
	
	#next1{

		padding:3px 10px 3px 10px;
		font-size: 13px;
	}
}




/* extra small xs */
@media only screen and (max-width: 410px) {


}



/* extra extra small xxs */
@media only screen and (max-width: 370px) {

	
}