/**
 * Section: why-choose-block
 *
 * Extracted from template-parts/why_choose_block.php.
 * Loaded via trunorth_enqueue_section('why-choose-block').
 */

.wcb-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #ffffff;
        padding: calc(var(--vw) * 4) calc(var(--vw) * 8);
        font-family: 'Montserrat', sans-serif;

        .wcb-content {
            display: flex;
            flex-direction: column;

            .deck-starts-top {
                justify-content: center;
                text-align: center;
            }

            .wcb-bullets {
                list-style: disc;
                padding-left: 1.5em;
                margin: calc(var(--vw) * 1.5) 0 0 calc(var(--vw) * 2);
                text-align: left;
                font-size: var(--font-medium);
                font-weight: 400;
                line-height: 1.4;
                color: #333;

                li::marker {
                    font-size: 0.6em;
                }
            }
        }

        .wcb-buttons {
            display: flex;
            flex-wrap: wrap;
            gap: calc(var(--vw) * 2);
            margin-top: calc(var(--vw) * 3);
        }

        @media (max-width: 768px) {
            & {
                padding: calc(var(--vw) * 6) calc(var(--vw) * 6);
            }

            .wcb-bullets {
                font-size: clamp(0.9rem, calc(var(--vw) * 3.5), calc(var(--vw) * 3.5));
            }

            .wcb-buttons {
                gap: calc(var(--vw) * 4);
            }
        }
    }