
body {
	font-family: "Assistant", Sans-serif;
}
.happy-man img{
	width:500px !important;
	
}
.greenv img{
	width:120px !important;
}
@media only screen and (min-width:767px){
	.progress-column{
		width:140px !important;	
	}
	.form-column{
		width:calc(100% - 140px) !important;
	}
}
@media only screen and (max-width:767px){
	.progress-column{
		width:100% !important;	
		display:flex;
		
	}
	.form-column{
		width:100% !important;
	}
}
.form-column-inner, 
#choose_new_number,
#choose_new_number_btn,
#delivery_details,
#company,
#id_comp_card{
	display:none;
}
.form-column-1{
	display:block;
}
.form-column-4{
	display:none;
}

/************* progress column************/
.progress-column-inner{
		
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		-webkit-box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		-moz-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		-ms-box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; 
		-o-box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		border-radius:20px;
		
}
@media only screen and (min-width:767px){
	.progress-column-inner{
		width:90px;
		padding:10px 0px 30px 0px;
	}
}
@media only screen and (max-width:767px){
	.pc-desktop{
		display:none;
	}
	.pc-mobile{ 
		display:flex;
		width:fit-content;
		margin:auto;
		padding-left:10px;
	}
}
@media only screen and (min-width:767px){
	.pc-mobile{
		display:none;
	}
}
.progress-spacer{
		background:var(--e-global-color-4a6a849); 
		border-radius:4px;
}
@media only screen and (max-width:767px){
	.progress-spacer{
		height:8px; 
		width:20px;
		margin:0px 5px;
		
	}
}
@media only screen and (min-width:767px){
	.progress-spacer{
		height:20px; 
		width:8px;
		margin:5px 0px;
		
	}
}
.progress-desc{
	background:var(--e-global-color-4a6a849);
	color:white;
	border-radius:35px;
	font-size:15px;
	text-align:center;
	width:120px;
	padding:5px 0px;
}
.progress-num{
	color:white;
	background:var(--e-global-color-4a6a849);
	
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	font-weight:bold;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	-ms-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	-o-box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px;
	margin-bottom:10px;
}
@media only screen and (min-width:767px){
.progress-num{
	
	border:5px solid white;
	font-size:35px;
	width:60px;
	height:60px;
}
}
@media only screen and (max-width:767px){
	.progress-num{
	
	border:2px solid white;
	font-size:25px;
	width:40px;
	height:40px;
	margin-right:10px;
	margin-top:10px;
}
}
.progress-stage{
	display:flex;
	flex-direction:column;
	align-items:center;
}
@media only screen and (min-width:767px){
	.progress-stage{
	
	flex-direction:column;
	
}
}
@media only screen and (max-width:767px){
	.progress-stage{
	
	flex-direction:row;
	
}
	.progress-stage:not(.active) .progress-desc,
	.progress-stage:not(.active) .progress-spacer{
		display:none;
	}
}

.progress-stage.active .progress-num,
.progress-stage.active .progress-desc,
.progress-stage.active .progress-spacer{
	background:var(--e-global-color-primary);
}
.progress-stage.done .progress-num,
.progress-stage.done .progress-desc,
.progress-stage.done .progress-spacer{
	background:var(--e-global-color-primary);
}

/******************form column ******************/
.form-column-inner h3{
	font-weight:600;
}
.form-column-inner div{
	margin:15px 0px;
}
.form-column-inner .less-margin div, .no-margin{
	margin:0px !important;
}
.form-column-inner hr{
	margin:5px 0px;
	border: 2px solid var(--e-global-color-3099496);
}
.form-column-inner .error_msg, .coupon_success, .coupon_error{
	color:red;
	display:none;
}
.form-column-inner input[type="radio"],
.form-column-inner input[type="tel"],
.form-column-inner input[type="text"],
.form-column-inner input[type="checkbox"],
.form-column-inner .btn-like-input, 
.form-column-inner #select_plan{
	outline:none !important;
	border-color:var(--e-global-color-4a6a849) !important;
	vertical-align:middle;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
	-ms-box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
	-o-box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 1px;
}
.form-column-inner input[type="text"],
.form-column-inner input[type="tel"],
.form-column-inner input[type="checkbox"],
.form-column-inner .btn-like-input, 
.form-column-inner #select_plan{
	border-radius:5px;
	padding:0px 5px;
	
}
.form-column-inner input[type="checkbox"]:checked{
	background:var(--e-global-color-primary);
}
.form-column-inner input[type="checkbox"]:after{
transform:rotate(30deg) scaleX(-1);
	border-color:white;
}
@media only screen and (min-width:767px){
.form-column-inner input[type="text"]{
	margin:10px 0px 10px 20px;
}
}
@media only screen and (max-width:767px){
	.form-column-inner input[type="text"]{
	margin:10px 0px 10px 0px;
}
}
.form-column-inner .btn-like-input{
	background-color:white !important;
	color:black !important;
	padding:5px 10px;
	margin:15px;
}

.form-column-inner .btn-like-input:hover,
.form-column-inner .btn-like-input.active{
	background-color:var(--e-global-color-4a6a849) !important;
	color:white !important;
}

.form-column-inner input[type="radio"]:after{
	background:var(--e-global-color-primary);
}
.form-column-inner .continue, 
 .continue, .delete_plan, .save_coupon{
	background:var(--e-global-color-primary) !important;
	color:white;
	border-width:0px !important;
	outline:none !important;
	border-radius:20px;
	padding:5px 20px;
	
}
.form-column-inner .continue:hover,
.form-column-inner .delete_plan:hover, .save_coupon:hover{
	background-color:var(--e-global-color-4a6a849) !important;
}
@media only screen and (min-width:767px){
	.form-column-inner .two-column-grid{
		display:grid;
		grid-template-columns:50% 50%;
		width:60%;
	}
	.form-column-inner .three-column-grid{
		display:grid;
		grid-template-columns:33% 33% 33%;
		width:90%;
	}
}
@media only screen and (max-width:767px){
	.form-column-inner{
		padding:10px;
		font-size:15px;
	}
	.form-column-inner .two-column-grid{
		display:grid;
		grid-template-columns:100%;
		width:100%;
		margin:auto;
	}
	.form-column-inner .three-column-grid{
		display:grid;
		grid-template-columns:100%;
		width:100%;
		margin:auto;
	}
}
.form-column-inner #select_plan option, 
.form-column-inner #select_plan
{
	color:var(--e-global-color-primary) ;
	
}
.form-column-inner #select_plan{
	width:200px;

}
.form-column-inner .show_plan_and_delete{
	display:flex;
	flex-direction:row;
	align-items:center;
}
.form-column-inner .show_plan_and_delete .show_plan{
	width:90%;
	margin-left:15px;
	
	/*border:2px solid var(--e-global-color-4a6a849);
	border-radius:5px; 
	padding:5px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 1px;
	*/
}
.form-column-inner .show_plan_and_delete .delete_plan{
	width:50px;
	height:50px;
	padding:0px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
}

.form-column-inner .button_to_left{
	text-align:left;
}
/************* payment *************/
 .form-column-inner #customer_details, 
.form-column-inner .woocommerce-checkout-review-order-table, 
 .form-column-inner #order_review_heading{
	/*display:none */
}
.form-column-inner #order_review{
	width:100% !important;
}