@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');
.sc1 {
    & [class^="container"] {
        padding-block: min(200px,10vw);
        & .bloc {
            display: grid;
            margin-inline: auto;
            gap: min(1.5em,3vw) 2%;
            grid-template-columns: repeat(auto-fill, minmax(max(min(300px,80vw), 40%), 1fr));
            & .text {
                row-gap: min(1em,4vw);
                & p.eyebrow {
                    font-weight: 700;
                    color: var(--orange);
                    display: inline-block;
                    font-size: var(--size-20);
                    text-transform: uppercase;
                }
                & h1 {line-height: 1;}
                & p:not([class]) {}
                & .hero-checks {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 14px 26px;
                    margin-top: 26px;
                    & li {
                        gap: .3em;
                        display: flex;
                        color: var(--gray);
                        align-items: center;
                        & .check {
                            position: relative;
                            width: 0;
                            height: 0;
                            padding: .6em;
                            border-radius: 1em;
                            background-color: var(--orange);
                            &::before {
                                position: absolute;
                                inset: 30%;
                                content: '';
                                background-color: var(--white);
                                mask: url('data:image/svg+xml,<svg viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 8L11.875 0.625C12.1042 0.395833 12.3958 0.28125 12.75 0.28125C13.1042 0.28125 13.3958 0.395833 13.625 0.625C13.8542 0.854166 13.9688 1.14583 13.9688 1.5C13.9688 1.85417 13.8542 2.14583 13.625 2.375L5.375 10.625C5.125 10.875 4.83333 11 4.5 11C4.16667 11 3.875 10.875 3.625 10.625L0.375 7.375C0.145833 7.14583 0.03125 6.85417 0.03125 6.5C0.03125 6.14583 0.145833 5.85417 0.375 5.625C0.604166 5.39583 0.895833 5.28125 1.25 5.28125C1.60417 5.28125 1.89583 5.39583 2.125 5.625L4.5 8Z" fill="%23FF6904"/> </svg>') center / contain no-repeat;
                            }
                        }
                        /* & .ic {
                            font-size: 17px;
                            color: var(--orange);
                        } */
                    }
                }
            }
            & .right {
                position: relative;
                & .hero-note {
                    position: absolute;
                    margin: 0;
                    right: 1%;
                    z-index: 2;
                    top: -14px;
                    text-align: left;
                    max-width: 150px;
                    transform: rotate(7deg);
                    font-family: 'Caveat';
                }
            }
        }
    }
}