/* General Middle Content */
main {
    padding: 0;
    width: 100%;
    overflow-x: hidden; /* Prevent horizontal scrolling */
    margin-top:97px;
    left: 0;
    right: 0;
}


/* SECTION 1: Welcome Section */
.welcome-section {
    font-family: 'Playfair Display', serif;
    background-color: #32435F ;  /* Same as the header rgb(234, 234, 234) eaeaea*/
    display: flex;
    padding: 20px;
    text-align: left; /* Ensure the text is centered */
    min-height: 70px; /* Increased height to give more vertical space */
    gap: 0px;
}

.welcome-section h1 {
    font-size: 3.5rem !important;
    display: flex;
    color: white;
    margin: 0;
    max-width: 1300px;
}


.welcome-section1 {
    font-family:  'Playfair Display', serif;
    background-color: #bcb0ac  ; /* Same as the header #eaeaea   E1DCD9   eaeaea*/
    display: flex;
    padding: 20px;
    min-height: 70px; /* Increased height to give more vertical space */
    justify-content: center;   /* Horizontally center */
    align-items: center;       /* Vertically center */
    text-align: center;        /* Center text inside h1 */
}

.welcome-section1 h1 {
    font-size: 2.8rem !important;
    display: flex;
    margin: 0;
    max-width: 1300px;
}


/* SECTION 2: Provides Services */
.services-section {
    font-family: 'Playfair Display', serif;
    background-color: #bcb0ac ; /* Match the header/footer background color #818B7E  #8F8681 */
    padding: 25px;
    display: flex;
    justify-content: space-between; /* Space between text and image */
    align-items: center; /* Vertically center content */
    text-align: left; /* Text aligned to the left */
    min-height: 100px; /* Ensure section has enough height */
}

.services-content {
    font-family: 'Playfair Display', serif;
    display: flex;
    flex-direction: row; /* Ensure text and image are side by side */
    justify-content: center; /* Space between text and image */
    align-items: center; /* Vertically center content */
    text-align: center;
    width: 100%; /* Use full width of the container */
    max-width: 1200px; /* Control the max width to prevent overflow */
}

.services-text {
    font-family: 'Playfair Display', serif;
    width: 60%; /* Allow text to take up most of the space */
    font-size: 2rem; /* Larger text size */
    font-weight: bold;
    padding-left:70px;
    margin-left: 70px;
    gap: 20px; /* Space between text and image */
    color: black;
    text-align: center; /* Ensure text is left-aligned */
}

.services-content img {
    width: 40%;
    display: flex;
    margin-left: 70px;
    object-fit: contain; /* Ensure the image fits properly within the container */
    max-width: none !important; /* Ensure no container constraints */
    max-height: none !important; /* Ensure no container constraints */
}

.contact-info h1 {
    margin-left: 0px;
    font-size: 1.1rem !important; /* Adjust size as needed */
}

.contact-info p {
    margin: 0;
    margin-left: 0px;
    font-size: 1.1rem !important; /* Adjust size as needed */
}

/* SECTION 3: Areas of Practice */
.areas-of-practice {
    font-family: 'Playfair Display', serif;
    background-color: #E1DCD9 ; /* Lighter background eaeaea */
    padding: 50px 30px;
    text-align: left;
}

.areas-of-practice h3 {
    font-size: 1.8rem;
    margin-bottom: 30px;
    color: #333;
    text-align: left;
    margin-left: 20px;
}

.practice-list {
    width: 100%;
    margin: 0 auto;
    background-color: #E1DCD9 ; /* Beige background   eaeaea*/

    box-shadow: none;
}

.practice-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-right:200px;
    padding-right: 350px;
    border-bottom: 1px solid #ccc;
    flex-wrap: wrap;

}

.practice-item h4 {
    width: 30%;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: left;
    margin-left: 80px;
}

.practice-item p {
    width: 60%;
    text-align: left;
    font-size: 1rem;
    color: #666;
}

.view-all-button {
    text-decoration: none;
    font-family: 'Playfair Display', serif;
    background-color: #A34C48 ; /* Updated red color to match image 	rgb(157, 82, 77) 9D524D  #A67F78*/
    color: white;
    padding: 10px 40px;
    margin-right:100px;
    border: none;
    cursor: pointer;
    font-size: 1.1rem;
    margin-top: 5px;
    margin-left: 0; /* Aligned to the left */
}

/* SECTION 4: Call to Action (CTA) Section */


.cta {
    font-family: 'Playfair Display', serif;
    background-color: #32435F; /* Lighter background  818B7E*/
    color: white;
    padding: 50px 30px;
    text-align: left;
}

.cta h3 {
    font-size: 1.8rem;
    margin-bottom: 30px;
    text-align: left;
}


.cta p {
    font-size: 1.2rem;
    padding-bottom: 30px;
}

.cta-button {
    text-decoration: none;
    font-family: 'Playfair Display', serif;
    background-color: #A34C48 ; /* Updated red color to match the image 9D524D   #A67F78 */
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 1.1rem;
    margin-left: 0; /* Aligned to the left */
}