.step {
	display: none;
}
.step.active {
	display: block;
}
.form-container {
	max-width: 600px;
    margin: 0 auto;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 8px;
}
.form-container input, .form-container select {
	width: 100%;
    padding: 8px;
	margin: 10px 0;
	box-sizing: border-box;
}
.buttons {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}	
.buttons button, button.swal2-confirm.swal2-styled, .verification_area button{
	background: #EFD920 !important;
	color: #000 !important;
	border: 1px solid #EFD920 !important;
}
.buttons button: hover{
	background-color: #347E3E !important;
	color: #fff !important;
}
.step-heading{
	text-transform: uppercase;
	color:#fff;
	text-align: left;
	font-weight: 500;
	font-size: 20px;
}
.form-field-div .field-label{
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
	font-weight: 500;
}
.form-field-div .form-field{
	border-radius: 20px;
}
.form-field-div .country-code{
	border-radius: 20px 0px 0px 20px;
}
.form-field-div .number-input{
	border-radius: 0px 20px 20px 0px;
}
.form-field-div{
	margin-top:20px;
}
.validation_req{
	color: red;
}
.form_main_div{
	padding:25px;
}
.input-container {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.country-code {
    border: 1px solid #ddd;
    border-right: none;
    border-radius: 4px 0 0 4px;
    font-size: 16px;
    width: 90px;
    cursor: pointer;
}
.number-input {
    border: 1px solid #ddd;
    border-radius: 0 4px 4px 0;
    font-size: 16px;
    width: 100%;
}

.name-container {
    display: flex;                     
    justify-content: space-between;     
    gap: 20px;                         
    width: 100%; 
}
.input-field {
    flex: 1;
                            
}
.input-field input {
    width: 100%;   
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
}
@media (max-width: 600px) {
    .name-container {
        flex-direction: column;  
        gap: 0px;              
    }
    .input-field {
        width: 100%;            
    }
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 100%;
    text-align: center;
}
select {
      -webkit-appearance: none; /* Safari */
      -moz-appearance: none;    /* Firefox */
      appearance: none;         /* Standard */
}
.verification_area table{
	background: #fff;
}
.next_btn{
	margin:auto;
}
.initial-message-bubble{
	display: none !important;
}
@media only screen and (max-width: 768px) { 
  #hubspot-messages-iframe-container {
    display: none !important;
  }
}