/*
Therapy Plugin Front Css
*/
.paymenthead{
	display: inline-flex;
	background: #aac8d3;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-direction: row;
	width: 100%;
	padding: 10px;
}
.paymenthead img{
	margin: 0 !important;
}
.sessionpart .paymentinner{
	width: 33.33%;
    text-align: center;
}
.paymenthead h2{
	padding: 10px 20px;
	color: #fff;
	margin: 0;
	font-size: 28px;
}
.paymentbody .mt-20{
	margin-top: 20px;
}
.paymentbody {
	text-align: center;
	border: 1px solid #f0f5f8;
	background: #fff;
	position:relative;
}
.paymentbody .sessionpart{
	margin: 15px 0 !important;
}

.sessionpart{
	display: flex;
	justify-content: space-evenly;
}
.paymentbody .lightbg{
	background: #f2f7fa;
}
.paymentbody .lightbg input,.paymentbody .lightbg select{	
	border: none;
	outline: none;
	background:transparent;
	font-size: 18px;
	color: #000;
	padding: 10px;
}
.paymentbody .lightbg input::placeholder { 
	color: #000;
	opacity: 1; 
}
.paymentbody .lightbg input{
	width: 51.9%;
}
.paymentbody .lightbg select{
	width: 15%;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.paymentbody .lightbg .cvv-input{
	width: 15%;
}
.paymentbody .lightbg .fullwidth{
	width: 100%;
}
.paymentbody .paymentsecure{
	margin: 10px auto 50px !important;
	max-width:400px;
	width:100%
}
.paymentfooter{
	background: #aac8d3;
	width: 100%;
	padding: 30px 30px 10px 30px;
	text-align:center;
	position:relative;
}
.paymentfooter .submit-btn{
	position: absolute;
	left: 0;
	right: 0;
	top: -35px;
}
.paymentfooter .btnAction{
	border-radius: 10px;
	text-transform: capitalize;
	font-size: 26px;
	color: #fff;
}
.paymentfooter .paypolicy{
	padding: 10px 0px;
	font-family: 'Poppins',sans-serif;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 18px;
}
#frmStripePayment .field-row {
	margin-bottom: 20px;
}
#loader {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: -37px;
}
#loader img{
	margin: 0 auto !important;
}
#success-message{
	margin: 0px 0px 10px 0px;
	padding: 5px 25px;
	border-radius: 4px;
	line-height: 25px;
	font-size: 0.9em;
	color: green;
	border: 1px solid green;
	display: none;
	width: 300px;
}
.paymentform #success-message {
	width: 80%;
	margin: 6% 10%;
	max-width: 700px;
	text-align: center;
}

#error-message,.error-message {
	margin: 0px 0px 10px 0px;
	padding: 5px 25px;
	border-radius: 4px;
	line-height: 25px;
	font-size: 0.9em;
	color: #ca3e3e;
	border: #ca3e3e 1px solid;
	display: none;
	width: 300px;
}
.paymentform #error-message,.error-message {
	width: 80%;
	margin: 6% 10%;
	max-width: 700px;
	text-align: center;
}
/* form start */
.sessionpart label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	font-size: 20px;
}
.sessionpart input[type=radio] {
	display: none;
}
.sessionpart label:before {
	content: "";
	display: inline-block;

	width: 20px;
	height: 20px;

	margin-right: 10px;
	position: absolute;
	left: 0;
	border:2px solid #96b3c7;
	border-radius:3px;
	top: 25%;

}
.sessionpart input[type=radio]:checked + label:before {
	content: "\2713";
	color: #96b3c7;
	font-size: 14px;
	text-align: center;
	line-height: 16px;
	font-weight:900
}
.paymentfooter h3{
	font-size: 25px;
	margin-bottom: 0px;
}
.paymentfooter p{
	font-weight:600
}
/*Form end*/

/*Promo Code Css*/
.promo{
    text-align: left;
    display: flex;
    align-items: center;
	margin-left:15px
}
#promocode{
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border: none;
    border-radius: 3px;
    outline: 2px solid #96b3c7;
    outline-style: auto;
	
}
#promocode:hover{
	cursor:pointer
}
.promo label{
	    background: transparent;
    font-size: 18px;
    color: #000;


}

#promocode[type="checkbox"]:before {
     position: relative;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    background: #FFF;
}

#promocode[type="checkbox"]:after {
   position: relative;
    display: block;
    left: 0px;
    top: -20px;
    width: 20px;
    height: 20px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    border: 2px solid #96b3c7;
/* 	    border-radius: 3px; */
}

#promocode[type="checkbox"]:checked:after {
      content: "\2713";
    color: #96b3c7;
    font-size: 14px;
    text-align: center;
    line-height: 16px;
    font-weight: 900;
}

#promocode[type="checkbox"]:disabled:after {
  -webkit-filter: opacity(0.4);
}

#promocode[type="checkbox"]:not(:disabled):checked:hover:after {
    content: "\2713";
    color: #96b3c7;
    font-size: 14px;
    text-align: center;
    line-height: 16px;
    font-weight: 900;
}
.couponcode{
	display:none
}

/* 
#speechframe::-webkit-scrollbar {
  width: 1em;
}
 
#speechframe::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
#speechframe::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
} */

/*Promo Code Css*/
@media(max-width:767px){
	.paymenthead{
		flex-wrap: wrap;
		text-align:center
	}
	.paymenthead h2{
		font-size:22px;
		padding: 20px 10px;
	}
	.sessionpart label{
		font-size:13px
	}
	.sessionpart .paymentinner{
		margin:0px 3px;
		width: auto; 
     text-align: center;
	}
	.paymentform{
		margin-top:30px
	}
	.paypolicy{
		padding:0px !important
	}
	.paymentbody .lightbg input{
		width:100%
	}
	.paymentbody .lightbg select{
		width: 33%;
	}
	.paymentfooter .btnAction{
		font-size:18px
	}
	.paymentbody .lightbg .cvv-input {
		width: 25%;
	}
	#card-number{
		border-bottom:20px solid #fff
	}
	#card-number:focus{
		border-bottom:20px solid #fff !important
	}
	.paymentbody .lightbg input, .paymentbody .lightbg select{
		font-size:16px
	}
	.sessionpart label:before{
		top: 16%;
	}
	.paymentfooter h3 {
		font-size: 20px;
		margin-bottom: 5px;
	}
}

/* form end */