/*:focus{outline: none;}*/
.row2 {
  margin-right:0px;
  margin-left:0px;
  float: left;
  width:100%;
  position:relative;
}
.payment-container{margin:10px auto; max-width: 900px; font-family:'Poppins', sans-serif;}
.payment-wizard-pagehead {background-color:#ecdcfc; color:#333333; padding:8px 0; font-size:14px; text-align:center; margin-bottom:5px}
.payment-wizard{float: left; width: 100%; border:1px solid #cabcd9}
.payment-wizard li {list-style-type:none}
.payment-wizard li.active{position: relative; z-index: 1;}
.wizard-heading{float: left; width: 100%; padding: 10px 15px; background-color: #535454; margin-bottom: 1px; box-sizing: border-box; font-size: 16px; color: #fff; text-transform: uppercase; transition: 0.3s;}
.wizard-content{display: none; float: left; width: 100%; background-color: #fff; padding: 15px; box-sizing: border-box;}
li:first-child .wizard-content{display: block;}
.btn-green{color: #fff;border: 0; margin:0; padding: 7px 20px; min-width: 150px; z-index: 1; cursor: pointer; font-size: 14px; text-transform: uppercase; background-color: #523471; border-radius: 3px;/* border-bottom: 3px solid #7cbe0f;*/ position: relative; transition: 0.3s; font-family:'Poppins', sans-serif;}
.btn-green:before{content: ""; width: 100%; height: 0; border-radius: 3px; z-index: -1; position: absolute; left: 0; bottom: 0; background-color: #7cbe0f; transition: 0.3s;}
.btn-green:hover:before{height: 100%;}
.active .wizard-heading{background-color: #999999; color: #fff; margin-bottom: 0;}
.completed .wizard-heading{color: #764ba2; background:#fff; position: relative; padding: 10px 15px 10px 36px; cursor: pointer; transition: 0.3s; z-index:0;}
.completed .wizard-heading:before{content : url(https://www.prettypetals.in/siteimages/wizard-check.webp);text-align: center;position: absolute; min-height: 22px; left: -7px; top: 8px; width: 32px; padding: 4px 0; background-color: #764ba2; z-index: 99;}
.completed .wizard-heading:after{content: ""; position: absolute; top: 33px; left: -7px; border-left: 7px solid transparent; border-top: 5px solid #001e34;}
.col-payment-wizard-left {width: 35%;text-align:right; float:left; position:relative;}
.col-payment-wizard-left i {display:inline-block; color:#FF0000; font-size:11px; padding:0 4px 0 0;}
.col-payment-wizard-left span {display:block; color:#c74761; font-size:11px}
.col-payment-wizard-right span {display:block; color:#c74761; font-size:11px; width:100%; float:left;}
.col-payment-wizard-right {width: 65%;text-align:left; float:left; position:relative;}
.col-payment-wizard-left label{display:block;margin:4px 4px 4px 0;font-weight:normal;font-size:15px;color:#000000;}
.col-payment-wizard-right input[type="text"],.col-payment-wizard-right input[type="password"],.col-payment-wizard-right textarea,.col-payment-wizard-right select{width:70%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px; margin:0 0px}
.col-payment-wizard-right select.smallselect {width:89%}
.col-payment-wizard-right select.smallselect2 {width:70%}
.col-payment-wizard-right textarea {height:90px}
.payment-wizard-spacing{margin:8px 0; width:100%; float:left; position:relative;}
.payment-wizard-isd{width:10%; float:left; position:relative;}
.payment-wizard-isd input {width:90%!important; float:left;}
.payment-wizard-mob{width:75%; float:left; position:relative;}
.payment-wizard-mob input{width:80%!important}
.payment-wizard-single,.payment-wizard-single label{display:block;margin:4px;font-weight:normal;font-size:13px;text-align:center;}
.payment-wizard-single a,.payment-wizard-single label a {display:inline-block; padding:5px 5px; color:#d02149; font-weight:bold; cursor:pointer}
.payment-wizard-single a:hover,.payment-wizard-single label a:hover {display:inline-block; padding:5px 5px; color:#d02149; font-weight:bold; cursor:pointer}
.payment-wizard-single input,.payment-wizard-single label input{display:inline-block; margin:5px;}
.payment-wizard-paymenttext {width:100%; font-size:13px; float:left; position:relative;}
.payment-wizard-paymentbutton {width:100%; text-align:center; float:left; position:relative; margin-top:15px;}
.payment-wizard-paymentbutton a {font-size:14px;display:inline-block; padding:10px 20px; margin-bottom:3px; background:#523471; color:#fff; border-radius:3px; cursor:pointer; min-width:150px; text-transform:uppercase; box-shadow:0px 4px 4px 0px #a3a3a3 !important;font-family: 'Poppins', sans-serif;}
.payment-wizard-pay {margin:8px 0;/* border-bottom:1px dashed #ffbfce;*/}
.payment-wizard-button-container {text-align:center!important}
.whats-div{width:100%; float:left; margin-top:8px; text-align:left;}
@media only screen and (max-width: 599px){
.payment-container{width:98%; float:left; margin:0px 1% 0 1%;}
.payment-wizard {
  float: left;
  width: 95%;
  border: 1px solid #e4f8b9;
  margin-left: 2.5%;
}
	.wizard-heading{font-size: 15px;}
	.col-payment-wizard-left {width: 100%;text-align:left;}
	.col-payment-wizard-left span {display:block}
	.col-payment-wizard-right {width: 100%;text-align:center}
	.col-payment-wizard-right input[type="text"],.col-payment-wizard-right input[type="password"],.col-payment-wizard-right textarea,.col-payment-wizard-right select{width:100%; font-size:14px;}
	.payment-wizard-isd{width:25%; margin-left:0}
	.payment-wizard-isd input {width:95%!important}
	.payment-wizard-mob{width:75%; text-align:left}
	.payment-wizard-mob input{width:100%!important}
	.payment-wizard-paymenttext,.payment-wizard-paymentbutton {width:100%}
	.col-payment-wizard-right select.smallselect{width:90%}
	.col-payment-wizard-right select.smallselect2{width:100%}
	.payment-wizard-pay {margin:3px 0}
}