article{
    padding: 4rem 0;

    section{
        width: clamp(48rem, 90%, 68.75rem);
        margin: 0 auto;

        h2{
            font-size: 1.5rem;
            text-align: center;
            font-weight: normal;
            border-bottom: 2px solid var(--main-color);
            padding-bottom: .5rem;
            margin-bottom: 2rem;
        }
        p{
            margin: 1rem auto;
            line-height: 1.8;
            text-align: justify;
        }
    }
}
@media (max-width: 767px){
    article{
        padding: 2rem 0;
    
        section{
            width: 90%;
            margin: 0 auto;

            h2{
                font-size: 1.2rem;
            }
        }
    }
}

.offer__body{

    h3{
        border-left: 10px solid var(--main-color);
        padding: .5rem 1rem;
        font-size: 1.5rem;
        margin: 2rem auto 1rem;
    }
    ol{
        list-style-type: decimal;
        list-style-position: inside;
        display: grid;
        gap: .5rem;

        li{
            list-style-type: decimal;
            list-style-position: inside;
            text-indent: -1.5rem;
            padding-left: 1.5rem;
        }
        span,
        a{
            font-size: 1.1rem;
            color: var(--main-color);
            font-weight: bold;
        }
    }
    ul{
        margin: 2rem auto;
        display: grid;
        grid-template-columns: repeat(2,auto);
        gap: 3rem;

        li{
            border: 3px solid var(--accent-color);
            text-align: center;
            padding: 1.5rem;

            a{
                font-size: 1.3rem;
                color: var(--main-color);
                font-weight: bold;
            }
        }
    }
}

@media (max-width: 767px){
    .offer__body{
        h3{
            font-size: 1.25rem;
        }
        ol{
            span,
            a{
                font-size: 1rem;
            }
        }
        ul{
            grid-template-columns: 1fr;
            li{
                border: 1px solid var(--accent-color);
                a{
                    font-size: 1rem;
                }
            }
        }
    }
}