/* Media Query for Mobile Devices */
@media (max-width: 768px) {
    .steps {
        display: none; /* 隱藏18個步驟的按鈕 */
    }

    .container1 {
        display: none !important; /* 隱藏與步驟相關的容器 */
    }

    .details {
        flex-direction: column; /* 使圖片和文字在移動設備上垂直排列 */
        text-align: center;
    }
}

/* PC版面樣式 */
@media (min-width: 768px) {
    .details {
        margin-top: 80px; /* 增加整體的上方間距 */
    }

        .details img {
            margin-right: 80px; /* 增加圖像與文本之間的間距 */
        }
}