main {
    max-width: 1200px;
    margin: 100px auto 40px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    overflow-wrap: break-word;
    word-break: keep-all;
    word-wrap: break-word;
}

main p,
main li,
main span,
main div {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    overflow-wrap: break-word;
    word-break: keep-all;
    word-wrap: break-word;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
    color: #222 !important;
    font-weight: 600 !important;
    margin-top: 1.2em;
    margin-bottom: 0.6em;
    line-height: 1.4 !important;
}

main h1 { font-size: 28px !important; }
main h2 { font-size: 24px !important; }
main h3 { font-size: 20px !important; }
main h4 { font-size: 18px !important; }

main p {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}

main img {
    max-width: 100% !important;
    height: auto !important;
    vertical-align: middle;
    border: 0;
}

main a {
    color: #1a73e8;
    text-decoration: none;
}

main a:hover {
    text-decoration: underline;
}

main ul,
main ol {
    padding-left: 1.5em;
    margin: 0.8em 0;
}

main li {
    margin-bottom: 0.4em;
}

main table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}

main table th,
main table td {
    border: 1px solid #ddd;
    padding: 10px 12px;
    text-align: left;
    font-size: 15px;
    line-height: 1.6;
}

main table th {
    background-color: #f5f5f5;
    font-weight: 600;
}

main blockquote {
    margin: 1em 0;
    padding: 12px 20px;
    border-left: 4px solid #1a73e8;
    background-color: #f9f9f9;
    color: #555 !important;
}

main video {
    max-width: 100% !important;
    height: auto !important;
}

main iframe {
    max-width: 100% !important;
}

@media screen and (max-width: 768px) {
    main {
        margin: 90px auto 20px;
        padding: 0 15px;
        font-size: 15px;
        line-height: 1.9;
    }

    main p,
    main li,
    main span,
    main div {
        font-size: 15px;
        line-height: 1.9;
    }

    main h1 { font-size: 24px !important; }
    main h2 { font-size: 21px !important; }
    main h3 { font-size: 18px !important; }
    main h4 { font-size: 16px !important; }

    main table th,
    main table td {
        padding: 8px;
        font-size: 14px;
    }

    .about-us-btn {
        padding: 12px 24px;
        font-size: 15px;
    }
}

/* CTA Button */
.about-us-cta {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 20px;
}

.about-us-btn {
    display: inline-block;
    padding: 14px 32px;
    background-color: var(--primary);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.about-us-btn:hover {
    background-color: var(--primary);
}