* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}
body {
    background-color: #ffffff;
}
.container {
    max-width: 1200px;
    background-color: #ffffff;
    padding-top: -70px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 20px;
}
.header-text {
text-align: center;
margin-top: 50px;
font-size: 46px;
color: white
}
.header {
text-align: center;
background-color: #207ac2;
padding: 0px;
color: white;
font-size: 36px;
font-weight: 600;
position: relative;
padding-bottom: 100px; /* Space for the curve */
z-index: 1;
}
/* Adding the first layer (larger white curve) */
.header::after {
content: '';
position: absolute;
bottom: -80px; /* Moves this curve further down */
left: 0;
right: 0;
height: 100px; /* Height of the curve */
background-color: #ffffff; /* Background color for content */
border-top-left-radius: 100% 80px;
border-top-right-radius: 100% 80px;
z-index: -1;
}
/* Adding a second layer (colored smaller curve) */
.header::before {
content: '';
position: absolute;
bottom: -20px; /* Moves the smaller curve down */
left: 0;
right: 0;
height: 40px; /* Height of the curve */
background-color: #207ac2; /* Same color as header */
border-top-left-radius: 100% 40px;
border-top-right-radius: 100% 40px;
z-index: -2;
}
/* Image container */
.image-container {
    width: 40%;
    margin-top: -50px;
    margin-left: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.image-container img {
    border-radius: 50%;
    max-width: 80%;
    height: auto;
}
/* Form container */
.form-container {
    margin-top: 10px;
    width: 60%;
    padding: 20px;
}
.form-container form {
    display: flex;
    flex-direction: column;
}
form input, form textarea {
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 15px;
    border: 2px solid #207ac2;
    border-radius: 30px;
    font-size: 16px;
    outline: none;
    color: #207ac2;
}
form input::placeholder, form textarea::placeholder {
    color: #207ac2;
}
.form-container .input-container {
    display: flex;
    align-items: center;
    position: relative;
}
.input-container i { 
    position: absolute;
    right: 20px;
    color: #207ac2;
}
/* Form buttons */
button {
    background-color: #207ac2;
    color: white;
    border: none;
    padding: 15px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
}
button:disabled {
    background-color: lightgray;
    cursor: not-allowed;
}
/* reCAPTCHA */
.captcha-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1100px;
margin: auto;
padding: 0 20px;
}
.logo a {
color: white;  // Changed from #fff to #121212
text-decoration: none;
font-size: 1.5rem;
font-weight: bold;
}
.nav-links {
display: flex;
align-items: center;
list-style-type: none; /* Removes default list styling */
padding: 0; /* Removes default padding */
margin: 0; /* Removes default margin */
}
.nav-links li {
padding: 0 10px; /* Adds space around each nav item */
}
.nav-links li:last-child {
padding-right: 0; /* Removes padding from the last item */
}
.nav-links a {
font-size: 1.1rem; /* Adjust this to match your logo text size */
text-decoration: none;
color: white; /* Adjust color as needed to match your design */
}
.logo-text {
font-size: 1.5rem; /* Ensure this matches the nav links */
}
.logo {
display: flex;
align-items: center;
size: 50px;
}
.logo-img {
height: 50px; /* Makes the image height match the text */
width: 50px; /* Maintains aspect ratio */
margin-right: 0.5em; /* Adds some space between the image and text */
}
.logo-text {
text-decoration: none;
color: inherit; /* Ensures the text color matches the rest of the header */
font-size: 1em; /* Adjust this value to match your desired text size */
}
.nav-links a {
text-decoration: none;
/* ... other existing styles ... */
}
.content {
    max-width: 900px;
    margin: 0 auto;
    padding: 50px;
    margin-top: 30px;
}      
.content p{
margin-top: 20px;
margin-bottom: 10px;
}