.form-container {
    font-family: Poppins;
    flex-wrap: wrap;
}       
select {
    width:100% !important;
}
        input[type="text"], input[type="date"], input[type="email"], select {
            padding: 8px;
            border: 1px solid #eef4ff;
            background: #eef4ff;
            border-radius: 5px;
            width: 100%;
            font-size: 15px;
            font-weight: 500;
        }
        input[type="text"]:hover, input[type="date"]:hover {
            background: white;
            border: 1px solid black;
            outline: none;
        }
        input[type="text"]:focus, input[type="date"]:focus, input[type="email"]:focus, select:focus {
            background: white;
            border: 1px solid black;
            outline: none;
        }
        
        input[type="text"]:not(:placeholder-shown), input[type="date"]:valid, input[type="email"]:valid, select:valid {
            border: 1px solid black;
            background: white;
        }

        input[type="submit"],button, input[type="button"] {
            width: 100%;
            padding: 10px;
            border: none;
            border-radius: 5px;
            background-color: #0055ff;
            color: white;
            cursor: pointer;
            font-size: 1em;
            transition: background-color 0.3s ease;
        }

        input[type="submit"]:hover,button:hover, input[type="button"]:hover {
            background-color: #0144c9;

        }
form {
            display: flex;
            flex-direction: column;
        }

        .row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
            gap:2%;
        }

        .col-70 {
            flex: 0 0 70%;
            margin-right: 10px;
        }

        .col-30 {
            flex: 0 0 30%;
        }
        .col-40 {
            width:38%;
            flex: 0 0 38%;
        }
        .col-50 {
            flex: 0 0 48%;
        }
        .col-60 {
            flex: 0 0 58%;
        }

        .col-100 {
            flex: 0 0 100%;
        }

        .col-50:last-child {
            margin-right: 0;
        }
label {
    font-size: 15px;
    font-weight: 600;
}
.required-mark {
    font-size: 20px;
    color:red;
}
 @media only screen and (max-width: 600px) {
        input[type="submit"],button, input[type="button"] {
            width: 100%;
        }
        label {
            font-size:12px;
        }
}