* {
    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;
}
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 ... */
}
.container {
    display: flex;
    justify-content: space-between;
    color: #333;
    margin-top: 20px;
}
.left-section {
    width: 45%;
    font-size: 22px;
    line-height: 1.6;
    font-weight: bold;
    color: #333;
}
.right-section {
    width: 45%;
    margin-top: 20px;
}
.right-section h2 {
    color: #207ac2;
    font-size: 32px;
    margin: 0 0 20px;
    line-height: 1.2;
}
.right-section p {
    font-size: 16px;
    line-height: 1.5;
    color: #555;
    margin-bottom: 20px;
}
.read-more-btn {
    display: inline-block;
    background-color: #207ac2;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}
.read-more-btn:hover {
    background-color: #185a92;
}
.image-section {
   
    text-align: center;
}
.image-section img {
    width: 100%;
}