/**
 * Section: builder-program-benefits
 *
 * Extracted from template-parts/builder_program_benefits.php.
 * Loaded via trunorth_enqueue_section('builder-program-benefits').
 */

.BuilderProgramBenefits-Section {
        padding: calc(var(--vw) * 3.75) calc(var(--vw) * 4);
        background-color: #f5f5f5;

        .BuilderProgramBenefits-Grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: calc(var(--vw) * 4);
        }

        .BuilderProgramBenefits-Card {
            display: grid;
            grid-template-rows: subgrid;
            grid-row: span 3;
            align-items: start;
            gap: calc(var(--vw) * 2);
        }

        .BuilderProgramBenefits-Icon {
            height: var(--bpb-icon-size, calc(var(--vw) * 5));
            margin-bottom: 1rem;
            align-self: center;

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }

        .BuilderProgramBenefits-Title {
            font-family: "Open Sans", sans-serif;
            font-size: clamp(1rem, calc(var(--vw) * 1.5), calc(var(--vw) * 1.5));
            font-weight: 700;
            color: #1a1a1a;
            margin: 0 0 0.75rem 0;
        }

        .BuilderProgramBenefits-Body {
            p {
                font-family: "Open Sans", sans-serif;
                font-size: clamp(1rem, calc(var(--vw) * 1.5), calc(var(--vw) * 1.5));
                font-weight: 400;
                color: #333;
                line-height: 1.5;
                margin: 0 0 1rem 0;
            }
            strong {
                font-weight: 700;
                color: #1a1a1a;
            }
        }

        @media (max-width: 780px) {
            .BuilderProgramBenefits-Grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 480px) {
            .BuilderProgramBenefits-Grid {
                grid-template-columns: 1fr;
            }
        }
    }