.csfx-registration-form {

    max-width: 500px;

    margin: 0 auto;

    padding: 18px;

    margin-bottom: 30px;

    border: 2px solid #003366;

    background-color: white;

    border-radius: 10px;

    padding-bottom: 54px;

}



.csfx-registration-form .form-group {

    margin-bottom: 15px;

}



.csfx-registration-form label {

    display: block;

    margin-bottom: 5px;

    font-weight: bold;

}



.csfx-registration-form input[type="text"],

.csfx-registration-form input[type="email"],

.csfx-registration-form input[type="tel"],

.csfx-registration-form select {

    width: 100%;

    padding: 8px;

    border: 1px solid #ddd;

    border-radius: 4px;

}



.csfx-registration-form input[type="submit"] {

    background: #73d532;

    color: white;

    padding: 10px 15px;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    width: 100%;

}



.csfx-registration-form input[type="submit"]:hover {

    background: #50892b;

}



.response-message {

    margin-top: 15px;

    padding: 10px;

    border-radius: 4px;

}



.response-message.success {

    background: #d4edda;

    color: #155724;

    text-align: center;

}



.response-message.error {

    background: #f8d7da;

    color: #721c24;

}



/* Added styles for icons in dropdown fields */

.csfx-registration-form select {

    height: 38px;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    padding-left: 10px;

    background-position: 8px center;

    background-repeat: no-repeat;

}



.selection-box {

    width: 100% !important;

}

.selection-box:after {   

    height: 36px !important;   

	}
	
	.csfx-registration-form .form-row {
    display: flex;
    gap: 15px;
}

.csfx-registration-form .form-row .form-half {
    flex: 1;
}

@media (max-width: 600px) {
    .csfx-registration-form .form-row {
        flex-direction: column;
    }
}