.bgbox {
	width: 500px;
	background-color: rgba(222,147,232,0.30);
    border-radius: 4px;
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
	margin: auto;
}

.kpm.kpm1 {
  background-color: rgba(222,147,232,0.30);
}

.kpm.kpm1 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
 Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.kpm.kpm1 fieldset {
  margin: 0 0px 20px;
  padding: 0;
  border-style: none;
  background-color: #ffffff;
  box-shadow: 0 8px 16px rgba(50, 50, 93, 0.3);
  border-radius: 4px;
  width: 100%;
	
}

.kpm.kpm1 .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 4px;
  padding-right: 10px;
  margin-bottom: 6px;
  border: 1px solid #ffe7fc;
  border-radius: 4px;	
}


.kpm.kpm1 label {
  width: 40%;
  min-width: 60px;
  padding: 8px 0;
  color: #43358f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;	
}

.kpm.kpm1 input, .kpm.kpm1 button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border-style: none;
}

.kpm.kpm1 input:-webkit-autofill {
  -webkit-text-fill-color: #31325f;
  transition: background-color 100000000s;
  -webkit-animation: 1ms void-animation-out;
}

.kpm.kpm1 .StripeElement--webkit-autofill {
  background: transparent !important;
}

.kpm.kpm1 .StripeElement {
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px solid #ffe7fc;

}

.kpm.kpm1 .cboCountries {
  width: 100%;
  color: #31325f;
  padding: 10px 15px 11px 0;
}

.kpm.kpm1 input {
  width: 100%;
  color: #31325f;
  background-color: transparent;
  -webkit-animation: 1ms void-animation-out;
}

.kpm.kpm1 input::-webkit-input-placeholder {
  color: #aab7c4;
}

.kpm.kpm1 input::-moz-placeholder {
  color: #aab7c4;
}

.kpm.kpm1 input:-ms-input-placeholder {
  color: #aab7c4;
}

.kpm.kpm1 .error svg .base {
  fill: red;
}

.kpm.kpm1 .error svg .glyph {
  fill: #FFF;
}

.kpm.kpm1 .error .message {
  color: red;
}

.kpm.kpm1 .success .icon .border {
  stroke: #0ade54;
}

.kpm.kpm1 .success .icon .checkmark {
  stroke: #00fd36;
}

.kpm.kpm1 .success .title {
  color: #fff;
}

.kpm.kpm1 .success .message {
  color: #FFFFFF; 
}

.kpm.kpm1 .success .reset path {
  fill: #fff;
}





.tabs input {
  display: none;
}

.tabs label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
  width: 32% !important;
}

.tabs label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

.tabs label[for*='1']:before {
  content: '\f154';
}

.tabs label[for*='2']:before {
  content: '\f153';
}

.tabs label[for*='3']:before {
  content: '\f155';
}

.tabs label[for*='4']:before {
  content: '\f1a9';
}


.tabs label:hover {
  color: #5DB6FF;
  cursor: pointer;
}

.tabs input:checked + label {
  color: #008CFF;
  border: 1px solid #ddd;
  border-top: 3px solid #008CFF;
  border-bottom: 1px solid #fff;
  position: relative;
  background-color: white;
  top: -8px;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

@media screen and (max-width: 650px) {
.tabs label {
    font-size: 0;
  }

.tabs label:before {
    margin: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
.tabs label {
    padding: 15px;
  }
}