/* CSS for the form container */
.motorcycle-tour-request-form {
    max-width: 500px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 5px;
}

/* CSS for the form headings */
.motorcycle-tour-request-form h1 {
    margin-bottom: 20px;
}

/
/* CSS for the icons in the riders-options buttons */
.riders-options i {
    font-size: 24px; /* Change the font size as needed */
    margin-bottom: 5px; /* Adjust the spacing between the icon and text */
}


/* Background images for each option */
.one-rider-one-bike {
    background-image: url('http://164.92.110.250/wp-content/uploads/2023/08/1rider.png');
background-size:60px;
}

.two-riders-one-bike {
    background-image: url('http://164.92.110.250/wp-content/uploads/2023/08/2ridersright.png');
background-size:60px;
}

.two-riders-two-bikes {
    background-image: url('http://164.92.110.250/wp-content/uploads/2023/08/2bikes.png');
background-size:60px;

}


#motorcycle_choice_2 {
  display: none;
}


/* CSS for the form labels */
label {
    display: block;
    margin-bottom: 5px;
}

/* CSS for the form input and select fields */
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 15px;
}

/* CSS for the form submit button */
input[type="submit"] {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #007bff; /* Change to your preferred button color */
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/* CSS for the form submit button on hover */
input[type="submit"]:hover {
    background-color: #0056b3; /* Change to your preferred button color on hover */
}