@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;900&display=swap')

body {
    font-family: "Barlow", sans-serif;
    background-color: #f4f4f4;
}

.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}


.container-f {
    max-width: 800px; /* Adjust as needed */
    margin: 50px auto;
    padding: 20px;
    background-color: rgba(95, 174, 200, 0.9);
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-gap: 15px;
}

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

label {
    display: inline-block;
    margin-bottom: 5px;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.2rem;
}

input,
select,
textarea {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.0rem;
}

input[type="submit"] {
    background-color: #177290 !important;
    color: #fff;
    cursor: pointer;


}
.btn-primary {background-color: #177290 !important;border-color: #177290;    width:100%;}
.btn-primary:hover {border-color: #fff !important;}
.error-message {
    color: #ff0000;
    margin-top: 10px;
}
.datepicker-days {font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;}

.datepicker-switch {font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;}