﻿.content-section {
    background-color: white;
    margin-bottom:1em;
}

.content-container {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 60px;
}

.content-text {
    font-family: Montserrat, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    flex: 1;
    min-width: 0;
}

    .content-text h2 {
        color: #1C3B4F;
        font-size: 42px;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .content-text h3 {
        color: #1C3B4F;
        font-size: 24px;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .content-text p {
        color: #1C3B4F;
        font-size: 18px;
        line-height: 1.7;
        margin-bottom: 20px;
    }

    .content-text strong {
        font-weight: bold;
    }

.highlight-text {
    margin-top: 30px;
}

    .highlight-text p {
        color: #fdc516;
        font-size: 26px;
        font-weight: bold;
        line-height: 1.3;
        margin-bottom: 5px;
    }

.content-image {
    flex-shrink: 0;
}

    .content-image img {
        display: block;
        max-width: 100%;
        height: auto;
    }

@media (max-width: 968px) {
    .content-section {
        padding: 40px 0px;
    }

    section.content-section:last-of-type {
        padding-bottom: 0;
    }

    .content-text {
        padding: 0 20px;
    }

    .content-container {
        flex-direction: column !important;
        gap: 30px;
    }

        .content-container.reverse {
            flex-direction: column-reverse !important;
        }

    .content-text h2 {
        font-size: 26px;
    }

    .content-text h3 {
        font-size: 20px;
    }

    .content-text p {
        font-size: 16px;
    }

    .highlight-text p {
        font-size: 24px;
    }
}
