@media (max-width: 768px) {
    .industry-header h1 {
        font-size: 36px;
    }

    .industry-description {
        font-size: 15px;
        padding: 30px 15px;
    }

    .industry-buttons button {
        font-size: 14px;
        padding: 10px 16px;
    }

    .card-content {
        flex-direction: column;
        padding: 30px;
        text-align: center;
    }

    .text-content, .image-content {
        max-width: 100%;
    }

    .image-content {
        margin-top: 20px;
    }

    .corner-top-right, .corner-bottom-left {
        display: none;
    }

    .ci-cards-container {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .industry-header h1 {
        font-size: 28px;
    }

    .industry-buttons {
        gap: 10px;
    }

        .industry-buttons button {
            width: 100%;
            text-align: center;
        }
}