body {
    font-family: Arial, sans-serif;
    background-color:rgb(231, 227, 227);
    color: #333;
}
#newsec {
    background-image: url(../images/forwed/getbanner.jpg);
    background-size: cover;
    background-position: center;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#newsec h2 {
    font-size: 60px;
    font-family: "Didot", serif;
    letter-spacing: 2px;
    color: white;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    #newsec {
        height: 150px; /* Reduce height on smaller screens */
    }

    #newsec h2 {
        font-size: 30px; /* Smaller font size for mobile */
        padding: 20px; /* Adjust padding */
    }
}

@media (max-width: 480px) {
    #newsec {
        height: 120px; /* Further reduce height on very small screens */
    }

    #newsec h2 {
        font-size: 25px; /* Even smaller font for compact devices */
        padding: 10px;
    }
}



/* Mobile View: Ensure proper alignment */
@media (max-width: 768px) {
    .radio-group {
        display: block;
        margin-bottom: 10px; /* Adds space between each label */
    }
}


input, select {
width: 100%;
padding: 10px;
border: none;
border-bottom: 2px solid #333;
outline: none;
background: transparent;
font-size: 16px;
margin-bottom: 10px;
transition: border-bottom-color 0.3s ease;
}

/* Apply the same style to input fields inside .form-control */
.form-control {
border: none;
border-bottom: 2px solid #333;
border-radius: 0;
background: transparent;
box-shadow: none;
}

/* Change border color on focus */
input:focus, select:focus, .form-control:focus {
border-bottom-color: #8e44ad;
outline: none;
box-shadow: none;
}

input[type="date"] {
    /* Example specific styling for date input */
    padding: 10px;
}

input:focus, select:focus {
    border-bottom-color: #8e44ad; /* Change color on focus */
}

.col-md-6 {
    padding: 20px;
}

.form-group {
    margin-bottom: 20px;
}

.checkbox-group {
    margin-bottom: 20px;
}

.checkbox-group label {
    display: block;
    margin-bottom: 5px;
}

.submit-btn {
    background-color: #8e44ad;
    color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.submit-btn:hover {
    background-color: #6c3483; /* Darker shade on hover */
}

/* Media queries for responsiveness */
@media (max-width: 768px) {
    .col-md-6 {
        width: 100%;
    }
}